feat: initial commit

free-bird-operation-project · May 7, 2024 · 51c5e80 · 51c5e80
commit 51c5e80
Show file tree

Hide file tree

Showing 6 changed files with 247 additions and 0 deletions.
diff --git a/LICENSE.md b/LICENSE.md
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Free Bird Operation Project
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
@@ -0,0 +1,3 @@
+# Quiz Manager
+
+Streamlining quiz management effortlessly
diff --git a/package.json b/package.json
@@ -0,0 +1,17 @@
+{
+	"name": "quiz-manager",
+	"version": "1.0.0",
+	"description": "Streamlining quiz management effortlessly",
+	"main": "index.js",
+	"scripts": {
+		"test": "echo \"Error: no test specified\" && exit 1"
+	},
+	"keywords": [
+		"quiz",
+		"multiple-choice",
+		"manager",
+		"file-manager"
+	],
+	"author": "Free Bird Operation Project",
+	"license": "MIT"
+}
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,148 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>Quiz Manager</title>
+		<link rel="stylesheet" href="./index.css" />
+		<link rel="icon" type="image/x-icon" href="./favicon.ico" />
+		<style>
+			body {
+				margin: 0;
+				font-family: 'Segoe UI', system-ui, sans-serif;
+				background: linear-gradient(45deg, #ee7752, #e73c7e, #2397d5, #23d5ab);
+				background-size: 400% 400%;
+				animation: gradient 15s ease infinite;
+				overflow: hidden;
+				color: white;
+				user-select: none;
+				text-align: center;
+			}
+
+			@keyframes gradient {
+				0% {
+					background-position: 0% 50%;
+				}
+				50% {
+					background-position: 100% 50%;
+				}
+				100% {
+					background-position: 0% 50%;
+				}
+			}
+
+			.cursor {
+				width: 20px;
+				height: 20px;
+				border: 1px solid white;
+				border-radius: 50%;
+				position: absolute;
+				transition-duration: 200ms;
+				transition-timing-function: ease-out;
+				animation: cursorAnim 0.5s infinite alternate;
+				pointer-events: none;
+			}
+
+			.cursor::after {
+				content: '';
+				width: 20px;
+				height: 20px;
+				position: absolute;
+				border: 8px solid gray;
+				border-radius: 50%;
+				opacity: 0.5;
+				top: -8px;
+				left: -8px;
+				animation: cursorAnim2 0.5s infinite alternate;
+			}
+
+			@keyframes cursorAnim {
+				from {
+					transform: scale(1);
+				}
+				to {
+					transform: scale(0.7);
+				}
+			}
+
+			@keyframes cursorAnim2 {
+				from {
+					transform: scale(1);
+				}
+				to {
+					transform: scale(0.4);
+				}
+			}
+
+			@keyframes cursorAnim3 {
+				0% {
+					transform: scale(1);
+				}
+				50% {
+					transform: scale(3);
+				}
+				100% {
+					transform: scale(1);
+					opacity: 0;
+				}
+			}
+
+			.expand {
+				animation: cursorAnim3 0.5s forwards;
+				border: 1px solid red;
+			}
+
+			main {
+				background: rgba(0, 0, 0, 0.7);
+			}
+
+			main,
+			body {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: center;
+				height: 100dvh;
+				width: 100dvw;
+			}
+
+			#emoji {
+				font-size: 5em;
+				transition: transform 0.2s ease;
+				transform-origin: center;
+			}
+
+			button {
+				cursor: none;
+				border-radius: 20px;
+				padding: 10px 20px;
+				font-weight: bold;
+				border: none;
+				outline-color: none;
+				font-size: 15px;
+				box-shadow:
+					0 8px 16px 0 rgba(0, 0, 0, 0.2),
+					0 6px 20px 0 rgba(0, 0, 0, 0.19);
+				background-color: #eedc52;
+			}
+
+			button:hover {
+				filter: brightness(0.8);
+			}
+
+			h1 {
+				margin-block-end: 0em;
+			}
+		</style>
+	</head>
+	<body>
+		<main>
+			<span id="emoji">😁</span>
+			<h1>Quiz Manager<br />is still on process!</h1>
+			<p>Your patience is highly appreciated!</p>
+			<button id="learn-more">Learn More</button>
+			<div class="cursor"></div>
+		</main>
+	</body>
+	<script src="./index.js"></script>
+</html>
diff --git a/public/index.js b/public/index.js
@@ -0,0 +1,58 @@
+const button = document.getElementById('learn-more')
+
+button.addEventListener('click', () => {
+	window.location.href =
+		'https://github.com/free-bird-operation-project/quiz-manager'
+})
+
+const cursor = document.querySelector('.cursor')
+
+document.addEventListener('mousemove', (e) => {
+	cursor.setAttribute(
+		'style',
+		'top: ' + (e.pageY - 10) + 'px; left: ' + (e.pageX - 10) + 'px;'
+	)
+})
+
+document.addEventListener('click', () => {
+	cursor.classList.add('expand')
+
+	setTimeout(() => {
+		cursor.classList.remove('expand')
+	}, 500)
+})
+
+const emoji = document.getElementById('emoji')
+const emojiList = [
+	'😀',
+	'😉',
+	'🥰',
+	'🤗',
+	'🥱',
+	'🤠',
+	'🧐',
+	'😁',
+	'😃',
+	'😎',
+	'😊',
+	'😍',
+	'🤩',
+	'🙂',
+	'😯',
+	'🥹',
+	'🫣',
+	'🤓'
+]
+
+function changeEmoji() {
+	const randomIndex = Math.floor(Math.random() * emojiList.length)
+	const newEmoji = emojiList[randomIndex]
+
+	emoji.style.transform = 'scale(0.1)'
+	setTimeout(() => {
+		emoji.textContent = newEmoji
+		emoji.style.transform = 'scale(1)'
+	}, 100)
+}
+changeEmoji()
+setInterval(changeEmoji, 3000)
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		# Quiz Manager

		Streamlining quiz management effortlessly