angel/somethingaboutaquizapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init1

Browse Source 
Signed-off-by: angel <angel@sillyangel.dev>
This commit is contained in:
angel
2025-12-09 12:44:53 -06:00
commit 1ceec986ad
3 changed files with 70 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/src/index.css Normal file
View File

@@ -0,0 +1,29 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
:root {
--background: #ffa2a2;
--foreground: #b84444;
--primary: ;
}
@media (prefers-color-scheme: dark) {
:root {
--background: hsl(32, 25%, 29%);
--foreground: hsl(0, 0%, 100%);
--primary: hsl(31, 100, 72);
}
}
body {
color: var(--foreground);
background: var(--background);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
@layer utilities {
.text-balance {
text-wrap: balance;
}
}

41
frontend/src/index.html Normal file
View File

@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quiz Creator</title>
<link href="http://127.0.0.1:5500/frontend/main/src/output.css" rel="stylesheet">
<script src="https://kit.fontawesome.com/2f0a118484.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- <div class="flex flex-col gap-5 p-3">
<div class="bg-faded-copper-500 px-4 py-2 rounded-[31px] w-full h-3/6 min-h-fit ">
</div>
<div class="flex space-x-6">
<div class="bg-[#615342] w-full aspect-video rounded-[31px] size-auto">
</div>
<div class="bg-[#615342] w-full aspect-video rounded-[31px] size-auto">
</div>
<div class="bg-[#615342] w-full aspect-video rounded-[31px] size-auto">
</div>
<div class="bg-[#615342] w-full aspect-video rounded-[31px] size-auto">
</div>
</div>
<div class="bg-faded-copper-500 px-4 py-2 rounded-[31px] w-full">
</div>
</div> -->
<div class="flex flex-col gap-5 p-10">
<div>
<h1 class="text-3xl font-bold">Quiz Creator</h1>
</div>
<div class="bg-faded-copper-800 p-3 rounded-lg">
<h1 class="font-bold text-2xl mb-1">Add a new Question</h1>
<div class="grid grid-cols-2 grid-rows-2 gap-4 ">
<div class="hover:bg-[#7B6A53] rounded-md"><i class="fa-solid fa-check" style="color: hsl(30.6 19.2% 50%)"></i>Multiple Choice</div>
<div class="hover:bg-[#7B6A53] rounded-md"><i class="fa-regular fa-square" style="color: hsl(30.6 19.2% 50%);"></i>Fill in the Blank</div>
<div class="hover:bg-[#7B6A53] rounded-md"><i class="fa-solid fa-align-left" style="color: hsl(30.6 19.2% 50%);"></i>Open Ended</div>
</div>
</div>
</div>
</body>
</html>

BIN
frontend/src/index.js Normal file
View File

Binary file not shown.