Mohammad Hariri
5070f591d3
Animations - added opacity animation for experience page - added stagger animation for navbar items on mobile - added animation for landing page for years and language indications Pages - About Page mockup Redesign - Navbar to include icons on desktop
24 lines
922 B
Plaintext
24 lines
922 B
Plaintext
package components
|
|
|
|
templ rootLayout() {
|
|
<html class="w-screen h-screen overflow-x-hidden bg-slate-900 text-white">
|
|
<head>
|
|
<!-- tailwindcss -->
|
|
<script src="https://unpkg.com/@tailwindcss/browser@4"></script>
|
|
<link rel="stylesheet" href="assets/css/styles.css"/>
|
|
<!-- Motion.js -->
|
|
<script src="https://cdn.jsdelivr.net/npm/motion@latest/dist/motion.js"></script>
|
|
<!-- Alpine.js -->
|
|
<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/anchor@3.x.x/dist/cdn.min.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>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<title>Mohammad's Portfolio</title>
|
|
</head>
|
|
<body class="flex flex-col w-full h-full">
|
|
@navbar()
|
|
{ children... }
|
|
</body>
|
|
</html>
|
|
}
|