Changeset 875f7d6 for src


Ignore:
Timestamp:
09/24/25 23:51:18 (12 months ago)
Author:
stefansaveski <stefansaveski19@…>
Branches:
master
Children:
636f86c
Parents:
65f7b64
Message:

Initial commit with Next.js project setup

Location:
src
Files:
4 added
4 edited

Legend:

Unmodified
Added
Removed

  • src/app/globals.css

    r65f7b64 r875f7d6  
    11@import "tailwindcss";
     2@import "tw-animate-css";
    23
    3 :root {
    4   --background: #ffffff;
    5   --foreground: #171717;
    6 }
     4@custom-variant dark (&:is(.dark *));
    75
    86@theme inline {
    … …  
    119  --font-sans: var(--font-geist-sans);
    1210  --font-mono: var(--font-geist-mono);
     11  --color-sidebar-ring: var(--sidebar-ring);
     12  --color-sidebar-border: var(--sidebar-border);
     13  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
     14  --color-sidebar-accent: var(--sidebar-accent);
     15  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
     16  --color-sidebar-primary: var(--sidebar-primary);
     17  --color-sidebar-foreground: var(--sidebar-foreground);
     18  --color-sidebar: var(--sidebar);
     19  --color-chart-5: var(--chart-5);
     20  --color-chart-4: var(--chart-4);
     21  --color-chart-3: var(--chart-3);
     22  --color-chart-2: var(--chart-2);
     23  --color-chart-1: var(--chart-1);
     24  --color-ring: var(--ring);
     25  --color-input: var(--input);
     26  --color-border: var(--border);
     27  --color-destructive: var(--destructive);
     28  --color-accent-foreground: var(--accent-foreground);
     29  --color-accent: var(--accent);
     30  --color-muted-foreground: var(--muted-foreground);
     31  --color-muted: var(--muted);
     32  --color-secondary-foreground: var(--secondary-foreground);
     33  --color-secondary: var(--secondary);
     34  --color-primary-foreground: var(--primary-foreground);
     35  --color-primary: var(--primary);
     36  --color-popover-foreground: var(--popover-foreground);
     37  --color-popover: var(--popover);
     38  --color-card-foreground: var(--card-foreground);
     39  --color-card: var(--card);
     40  --radius-sm: calc(var(--radius) - 4px);
     41  --radius-md: calc(var(--radius) - 2px);
     42  --radius-lg: var(--radius);
     43  --radius-xl: calc(var(--radius) + 4px);
    1344}
    1445
    15 @media (prefers-color-scheme: dark) {
    16   :root {
    17     --background: #0a0a0a;
    18     --foreground: #ededed;
     46:root {
     47  --radius: 0.625rem;
     48  --background: oklch(1 0 0);
     49  --foreground: oklch(0.145 0 0);
     50  --card: oklch(1 0 0);
     51  --card-foreground: oklch(0.145 0 0);
     52  --popover: oklch(1 0 0);
     53  --popover-foreground: oklch(0.145 0 0);
     54  --primary: #0272D1;
     55  --primary-foreground: oklch(0.985 0 0);
     56  --secondary: oklch(0.97 0 0);
     57  --secondary-foreground: oklch(0.205 0 0);
     58  --muted: oklch(0.97 0 0);
     59  --muted-foreground: oklch(0.556 0 0);
     60  --accent: oklch(0.97 0 0);
     61  --accent-foreground: oklch(0.205 0 0);
     62  --destructive: oklch(0.577 0.245 27.325);
     63  --border: oklch(0.922 0 0);
     64  --input: oklch(0.922 0 0);
     65  --ring: oklch(0.708 0 0);
     66  --chart-1: oklch(0.646 0.222 41.116);
     67  --chart-2: oklch(0.6 0.118 184.704);
     68  --chart-3: oklch(0.398 0.07 227.392);
     69  --chart-4: oklch(0.828 0.189 84.429);
     70  --chart-5: oklch(0.769 0.188 70.08);
     71  --sidebar: oklch(0.985 0 0);
     72  --sidebar-foreground: oklch(0.145 0 0);
     73  --sidebar-primary: oklch(0.205 0 0);
     74  --sidebar-primary-foreground: oklch(0.985 0 0);
     75  --sidebar-accent: oklch(0.97 0 0);
     76  --sidebar-accent-foreground: oklch(0.205 0 0);
     77  --sidebar-border: oklch(0.922 0 0);
     78  --sidebar-ring: oklch(0.708 0 0);
     79}
     80
     81.dark {
     82  --background: oklch(0.145 0 0);
     83  --foreground: oklch(0.985 0 0);
     84  --card: oklch(0.205 0 0);
     85  --card-foreground: oklch(0.985 0 0);
     86  --popover: oklch(0.205 0 0);
     87  --popover-foreground: oklch(0.985 0 0);
     88  --primary: oklch(0.922 0 0);
     89  --primary-foreground: oklch(0.205 0 0);
     90  --secondary: oklch(0.269 0 0);
     91  --secondary-foreground: oklch(0.985 0 0);
     92  --muted: oklch(0.269 0 0);
     93  --muted-foreground: oklch(0.708 0 0);
     94  --accent: oklch(0.269 0 0);
     95  --accent-foreground: oklch(0.985 0 0);
     96  --destructive: oklch(0.704 0.191 22.216);
     97  --border: oklch(1 0 0 / 10%);
     98  --input: oklch(1 0 0 / 15%);
     99  --ring: oklch(0.556 0 0);
     100  --chart-1: oklch(0.488 0.243 264.376);
     101  --chart-2: oklch(0.696 0.17 162.48);
     102  --chart-3: oklch(0.769 0.188 70.08);
     103  --chart-4: oklch(0.627 0.265 303.9);
     104  --chart-5: oklch(0.645 0.246 16.439);
     105  --sidebar: oklch(0.205 0 0);
     106  --sidebar-foreground: oklch(0.985 0 0);
     107  --sidebar-primary: oklch(0.488 0.243 264.376);
     108  --sidebar-primary-foreground: oklch(0.985 0 0);
     109  --sidebar-accent: oklch(0.269 0 0);
     110  --sidebar-accent-foreground: oklch(0.985 0 0);
     111  --sidebar-border: oklch(1 0 0 / 10%);
     112  --sidebar-ring: oklch(0.556 0 0);
     113}
     114
     115@layer base {
     116  * {
     117    @apply border-border outline-ring/50;
     118  }
     119  body {
     120    @apply text-foreground;
     121    background-color: #F4FAFF;
    19122  }
    20123}
    21 
    22 body {
    23   background: var(--background);
    24   color: var(--foreground);
    25   font-family: Arial, Helvetica, sans-serif;
    26 }

  • src/app/layout.tsx

    r65f7b64 r875f7d6  
    22import { Geist, Geist_Mono } from "next/font/google";
    33import "./globals.css";
     4import '@fortawesome/fontawesome-svg-core/styles.css';
     5import { config } from '@fortawesome/fontawesome-svg-core';
     6
     7// Prevent FontAwesome from adding CSS automatically
     8config.autoAddCss = false;
    49
    510const geistSans = Geist({
    … …  
    1419
    1520export const metadata: Metadata = {
    16   title: "Create Next App",
    17   description: "Generated by create next app",
     21  title: "IKnow - UKIM",
     22  description: "University Managment System used to provide students informations and manage their progress.",
    1823};
    1924
    … …  
    2833        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
    2934      >
    30         {children}
     35        <div className="mx-auto max-w-6xl px-4">{children}</div>
    3136      </body>
    3237    </html>

  • src/app/page.tsx

    r65f7b64 r875f7d6  
    11import Image from "next/image";
     2import Navbar from "@/components/navbar";
     3import Header from "@/components/header";
     4import Exams from "@/components/exams";
    25
    36export default function Home() {
    47  return (
    5     <div className="font-sans grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20">
    6       <main className="flex flex-col gap-[32px] row-start-2 items-center sm:items-start">
    7         <Image
    8           className="dark:invert"
    9           src="/next.svg"
    10           alt="Next.js logo"
    11           width={180}
    12           height={38}
    13           priority
    14         />
    15         <ol className="font-mono list-inside list-decimal text-sm/6 text-center sm:text-left">
    16           <li className="mb-2 tracking-[-.01em]">
    17             Get started by editing{" "}
    18             <code className="bg-black/[.05] dark:bg-white/[.06] font-mono font-semibold px-1 py-0.5 rounded">
    19               src/app/page.tsx
    20             </code>
    21             .
    22           </li>
    23           <li className="tracking-[-.01em]">
    24             Save and see your changes instantly.
    25           </li>
    26         </ol>
    27 
    28         <div className="flex gap-4 items-center flex-col sm:flex-row">
    29           <a
    30             className="rounded-full border border-solid border-transparent transition-colors flex items-center justify-center bg-foreground text-background gap-2 hover:bg-[#383838] dark:hover:bg-[#ccc] font-medium text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 sm:w-auto"
    31             href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
    32             target="_blank"
    33             rel="noopener noreferrer"
    34           >
    35             <Image
    36               className="dark:invert"
    37               src="/vercel.svg"
    38               alt="Vercel logomark"
    39               width={20}
    40               height={20}
    41             />
    42             Deploy now
    43           </a>
    44           <a
    45             className="rounded-full border border-solid border-black/[.08] dark:border-white/[.145] transition-colors flex items-center justify-center hover:bg-[#f2f2f2] dark:hover:bg-[#1a1a1a] hover:border-transparent font-medium text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 w-full sm:w-auto md:w-[158px]"
    46             href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
    47             target="_blank"
    48             rel="noopener noreferrer"
    49           >
    50             Read our docs
    51           </a>
    52         </div>
    53       </main>
    54       <footer className="row-start-3 flex gap-[24px] flex-wrap items-center justify-center">
    55         <a
    56           className="flex items-center gap-2 hover:underline hover:underline-offset-4"
    57           href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
    58           target="_blank"
    59           rel="noopener noreferrer"
    60         >
    61           <Image
    62             aria-hidden
    63             src="/file.svg"
    64             alt="File icon"
    65             width={16}
    66             height={16}
    67           />
    68           Learn
    69         </a>
    70         <a
    71           className="flex items-center gap-2 hover:underline hover:underline-offset-4"
    72           href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
    73           target="_blank"
    74           rel="noopener noreferrer"
    75         >
    76           <Image
    77             aria-hidden
    78             src="/window.svg"
    79             alt="Window icon"
    80             width={16}
    81             height={16}
    82           />
    83           Examples
    84         </a>
    85         <a
    86           className="flex items-center gap-2 hover:underline hover:underline-offset-4"
    87           href="https://nextjs.org?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
    88           target="_blank"
    89           rel="noopener noreferrer"
    90         >
    91           <Image
    92             aria-hidden
    93             src="/globe.svg"
    94             alt="Globe icon"
    95             width={16}
    96             height={16}
    97           />
    98           Go to nextjs.org →
    99         </a>
    100       </footer>
    101     </div>
     8    <>
     9      <Header></Header>
     10      <Navbar></Navbar>
     11      <Exams></Exams>
     12    </>
    10213  );
    10314}
Note: See TracChangeset for help on using the changeset viewer.