Co-authored-by: Wizhill05 for registration page ui.

prisma/schema.prisma

@@ -159,7 +159,7 @@ model Winners {
   team  Team  @relation(fields: [teamId], references: [id])
 }
 
-model Students {
+model Student {
   id String @id @default(cuid())
 
   name    String
@@ -175,7 +175,7 @@ model Patents {
   faculty          Faculty[]  @relation("FacultyPatents")
   title            String
   authors          String[]
-  students         Students[] @relation("StudentPatents")
+  students         Student[] @relation("StudentPatents")
   inventorsName    String[]
   inventorsAddress String?
   certificate      String?

src/app.css

@@ -2,6 +2,16 @@
 @tailwind components;
 @tailwind utilities;
 
+@font-face {
+	font-family: "Koulen";
+	src: url("/fonts/Koulen-Regular.ttf");
+}
+
+@font-face {
+	font-family: "LuxuriousScript";
+	src: url("/fonts/LuxuriousScript-Regular.ttf");
+}
+
 @layer base {
 	:root {
 		--background: 0 0% 100%;
@@ -73,6 +83,7 @@
 	* {
 		@apply border-border;
 	}
+
 	body {
 		@apply bg-background text-foreground;
 	}
@@ -84,6 +95,7 @@
 			20px 20px 40px 10px rgba(0, 0, 0, 0.2),
 			-2px -2px 20px 0 rgba(0, 0, 0, 0.2);
 	}
+
 	.custom-shadow-white {
 		box-shadow:
 			20px 20px 40px 10px rgba(255, 255, 255, 0.2),
@@ -93,11 +105,12 @@
 	.custom-drop-shadow-white {
 		filter: drop-shadow(0 0 0.3rem #ffffff);
 	}
+
 	.custom-drop-shadow-black {
 		filter: drop-shadow(1px 0 0.4rem #000000);
 	}
 }
 
 :root {
 	scroll-behavior: smooth;
-}
+}

src/lib/data/Patents.ts

@@ -2,11 +2,10 @@ import { PrismaClient } from '@prisma/client';
 
 const prisma = new PrismaClient();
 
-async function main(year?: string) {
-
-    if (!year) {
-        year = '2024';
-    }
+async function main(year: string) {
+	if (!year) {
+		year = '2024';
+	}
 	const theDatabase = await prisma.patents.findMany({
 		where: {
 			year: year
@@ -16,4 +15,4 @@ async function main(year?: string) {
 	console.log(theDatabase);
 }
 
-export {main}
+export { main };

src/routes/hkl/+layout.svelte

@@ -3,6 +3,6 @@
 	import Navbar from '$lib/components/Hkl/Navbar.svelte';
 </script>
 
-<Navbar />
+<!-- <Navbar /> -->
 <slot />
-<Footer />
+<!-- <Footer /> -->

src/routes/hkl/+page.svelte

@@ -1,7 +1,45 @@
-<div class="sm:pt-12">
-	<div class="flex justify-center transition-all duration-1000 ease-in-out">
-		<div class="flex h-screen sm:max-w-screen-lg w-screen flex-col items-stretch justify-center  bg-[url('/hkl/wallpaper.jpg')] bg-cover bg-bottom bg-no-repeat shadow-xl sm:shadow-neutral-400 dark:shadow-none transition-all duration-1000 ease-in-out sm:m-auto sm:max-h-[90vh] sm:rounded-2xl sm:pt-10">
-			<h1 class="sm:text-10xl text-center text-3xl font-extrabold text-blue-100 text-opacity-80 transition-all duration-1000 ease-in-out sm:mx-4 sm:pb-12 sm:text-start sm:text-7xl md:text-7xl">This Page is under construction</h1>
+<script>
+	import { darkTheme } from '$lib/stores/theme';
+</script>
+
+<div class="h-3xl bg-[#d3ccff] dark:bg-[#08001f]">
+	<div class="flex flex-col pb-0 sm:mx-16">
+		<div class="flex justify-end">
+			<div class="flex w-screen flex-row items-stretch justify-start border-b-8 border-[#18005b] bg-[#eeeeee] dark:border-[#9f8ac2] dark:bg-[#170b3b] sm:m-auto sm:max-h-[90vh] sm:border-l-8 sm:border-r-8 sm:pt-4">
+				<input type="button" class="w-8 bg-pink-300" on:click={() => darkTheme.toggle()} />
+			</div>
+		</div>
+		<div class="h-auto w-full">
+			<img src="/assets/logo/logo-cropped-lightMode.png" alt="" class="mx-auto my-[25px] w-[90vw] dark:hidden sm:mx-0 sm:my-20 sm:w-[35vw]" />
+			<img src="/assets/logo/logo-cropped-darkMode.png" alt="" class="mx-auto my-[25px] hidden w-[90vw] dark:flex sm:mx-0 sm:my-20 sm:w-[35vw]" />
+		</div>
+		<div class="sm:w-full">
+			<div class="flex flex-col items-stretch justify-start border-y-8 border-[#18005b] bg-[#eeeeee] px-2 dark:border-[#9f8ac2] dark:bg-[#170b3b] sm:m-auto sm:h-screen sm:max-h-[90vh] sm:border-x-8 sm:border-b-0 sm:border-t-8 sm:pr-0">
+				<!-- <img src="/hkl/Intersect.png" alt="" class=" max-w-md"> -->
+				<div>
+					<h1 class="sm:text-10xl z-[10] mt-16 pb-1 pt-2 text-start font-koulen text-7xl text-[#18005b] dark:text-[#ddd7e7] sm:mt-0 sm:pb-[4px] sm:pl-16 sm:pt-24 sm:text-start sm:text-7xl md:text-7xl">NAME OF THE TEAM EVENT</h1>
+
+					<div class="h-[8px] bg-[#18005b] dark:bg-[#9f8ac2] sm:ml-16"></div>
+
+					<div class="flex max-w-xl flex-col sm:ml-16">
+						<input type="text" class="placeholder placeholder placeholder mt-4 bg-[#ddd7e7] py-4 pl-4 font-sans text-2xl text-[#6d57ad] placeholder:font-koulen placeholder:text-2xl placeholder:text-[#6d57ad] active:outline-none dark:bg-[#453c62] dark:text-[#ddd7e7] dark:placeholder:text-[#ddd7e7]" style="height: 48px;" placeholder="Name of Leader" />
+
+						<input type="text" class="placeholder placeholder placeholder mt-4 bg-[#ddd7e7] py-4 pl-4 font-sans text-2xl text-[#6d57ad] placeholder:font-koulen placeholder:text-2xl placeholder:text-[#6d57ad] dark:bg-[#453c62] dark:text-[#ddd7e7] dark:placeholder:text-[#ddd7e7]" style="height: 48px;" placeholder="USN of Leader" />
+
+						<input type="text" class="placeholder placeholder placeholder mt-4 bg-[#ddd7e7] py-4 pl-4 font-sans text-2xl text-[#6d57ad] placeholder:font-koulen placeholder:text-2xl placeholder:text-[#6d57ad] dark:bg-[#453c62] dark:text-[#ddd7e7] dark:placeholder:text-[#ddd7e7]" style="height: 48px;" placeholder="Email of Leader" />
+
+						<input type="text" class="placeholder placeholder placeholder mt-4 bg-[#ddd7e7] py-4 pl-4 font-sans text-2xl text-[#6d57ad] placeholder:font-koulen placeholder:text-2xl placeholder:text-[#6d57ad] dark:bg-[#453c62] dark:text-[#ddd7e7] dark:placeholder:text-[#ddd7e7]" style="height: 48px;" placeholder="Phone of Leader" />
+
+						<div class="mt-4 flex flex-row">
+							<button type="button" class="duration-400 mr-1 h-12 w-16 bg-[#18005b] font-koulen text-4xl text-[#ddd7e7] hover:bg-[#6d57ad] active:bg-[#ddd7e7] active:text-[#08001f] dark:bg-[#ddd7e7] dark:text-[#08001f] dark:hover:bg-[#3c335f] dark:hover:text-[#ddd7e7] dark:active:bg-[#08001f]">&lt</button>
+
+							<button type="button" class="duration-400 mr-4 h-12 w-16 bg-[#18005b] font-koulen text-4xl text-[#ddd7e7] hover:bg-[#6d57ad] active:bg-[#ddd7e7] active:text-[#08001f] dark:bg-[#ddd7e7] dark:text-[#08001f] dark:hover:bg-[#3c335f] dark:hover:text-[#ddd7e7] dark:active:bg-[#08001f]">&gt</button>
+
+							<button type="button" class="duration-400 h-12 w-full bg-[#18005b] pl-4 text-start font-koulen text-2xl text-[#ddd7e7] hover:bg-[#6d57ad] active:bg-[#ddd7e7] active:text-[#08001f] dark:bg-[#ddd7e7] dark:text-[#08001f] dark:hover:bg-[#3c335f] dark:hover:text-[#ddd7e7] dark:active:bg-[#08001f]">Submit</button>
+						</div>
+					</div>
+				</div>
+			</div>
 		</div>
 	</div>
-</div>
+</div>

tailwind.config.js

@@ -13,6 +13,13 @@ const config = {
 				'2xl': '1400px'
 			}
 		},
+		backgroundSize: {
+			'auto': 'auto',
+			'cover': 'cover',
+			'contain': 'contain',
+			'custom': '60%',
+			'16': '4rem',
+		},
 		extend: {
 			colors: {
 				brand: '#5E20AB',
@@ -56,9 +63,13 @@ const config = {
 				md: 'calc(var(--radius) - 2px)',
 				sm: 'calc(var(--radius) - 4px)'
 			},
+
 			fontFamily: {
-				sans: [...fontFamily.sans]
-			}
+				sans: [...fontFamily.sans],
+				koulen: ["Koulen", "sans"],
+				luxuriousScript: ["LuxuriousScript", "sans"],
+			},
+
 		}
 	}
 };