add more feature

soulinmaikadua · Dec 5, 2023 · 7ef19c3 · 7ef19c3
1 parent a586795
commit 7ef19c3
Showing 1 changed file with 31 additions and 11 deletions.
diff --git a/index.html b/index.html
@@ -6,18 +6,38 @@
 		<title>My Works</title>
 		<script src="https://cdn.tailwindcss.com"></script>
 	</head>
-	<body class="w-full sm:h-screen max-w-screen-xl mx-auto p-4 md:py-8">
-		<h1 class="text-2xl">I'm lazy, that's why I do this...</h1>
-		<ul id="resultList" class="mt-10 space-y-4 text-gray-500 list-decimal list-inside dark:text-gray-400"></ul>
+	<body>
+		<nav class="bg-white border-gray-200 dark:bg-gray-900">
+			<div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
+				<a href="https://flowbite.com/" class="flex items-center space-x-3 rtl:space-x-reverse">
+					<span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">Projects</span>
+				</a>
+				<div class="hidden w-full md:block md:w-auto" id="navbar-default">
+					<ul class="font-medium flex flex-col p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700">
+						<li>
+							<a href="https://github.com/soulinmaikadua/slms-projects" target="_blank" class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Github</a>
+						</li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+		<div class="w-full max-w-screen-xl mx-auto p-4 md:py-8">
+			<h1 class="text-2xl">I'm lazy, that's why I do this...</h1>
+			<ul id="resultList" class="mt-10 space-y-4 text-gray-500 list-decimal list-inside dark:text-gray-400"></ul>
+		</div>
+		<footer class="bg-white rounded-lg shadow m-4">
+			<div class="w-full mx-auto max-w-screen-xl p-4 md:flex md:items-center md:justify-between">
+				<span class="text-sm text-gray-500 sm:text-center dark:text-gray-400">© <span id="currentYear"></span> I'm lazy™ </span>
+				<ul class="flex flex-wrap items-center mt-3 text-sm font-medium text-gray-500 dark:text-gray-400 sm:mt-0">
+					<li>
+						<a href="https://soulinmaikadua.github.io" target="_blank" class="hover:underline me-4 md:me-6">soulinmaikadua</a>
+					</li>
+				</ul>
+			</div>
+		</footer>
+
 		<script>
-			// const myFetch = async () => {
-			// 	const response = await fetch('https://soulinmaikadua.github.io/slms-projects/api/data.json')
-			// 	console.log(response)
-			// }
-			// myFetch()
-			// fetch('https://soulinmaikadua.github.io/slms-projects/api/data.json')
-			// 	.then(response => response.json())
-			// 	.then(json => console.log(json))
+			document.getElementById('currentYear').innerHTML = new Date().getFullYear()
 			document.addEventListener('DOMContentLoaded', fetchData)
 
 			async function fetchData() {