initial page

2025-02-13 08:24:00 +01:00
parent 2cc8a03491
commit 32fea815f2
47 changed files with 2490 additions and 0 deletions
--- a/components/layout.templ
+++ b/components/layout.templ
@@ -0,0 +1,58 @@
+package components
+
+templ rootLayout() {
+	<html class="w-full h-full overflow-hidden bg-slate-900 text-white">
+		<head>
+			<script src="https://unpkg.com/@tailwindcss/browser@4"></script>
+			<script src="https://cdn.jsdelivr.net/npm/motion@latest/dist/motion.js"></script>
+			<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/persist@3.x.x/dist/cdn.min.js"></script>
+			<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
+			<title>Mohammad's Portfolio</title>
+			<style>
+			@keyframes fadeIn {
+				from { opacity: 0; }
+				to { opacity: 1; }
+			}
+
+			@keyframes slideIn {
+				from { 
+					opacity: 0;
+					transform: translateY(20px);
+				}
+				to {
+					opacity: 1;
+					transform: translateY(0);
+				}
+			}
+
+			.animate-fade-in {
+				opacity: 0;
+				animation: fadeIn 1s ease-in forwards;
+			}
+
+			.animate-slide-in {
+				opacity: 0;
+				animation: slideIn 1s ease-out forwards;
+			}
+
+			.delay-300 {
+				animation-delay: 300ms;
+			}
+
+			.delay-600 {
+				animation-delay: 600ms;
+			}
+
+			.delay-900 {
+				animation-delay: 900ms;
+			}
+		</style>
+		</head>
+		<body class="flex flex-col w-full h-full">
+			@navbar()
+			<div class="h-full w-full">
+				{ children... }
+			</div>
+		</body>
+	</html>
+}