2024-12-16 23:06:08 +08:00
|
|
|
---
|
|
|
|
|
import { Image } from "astro:assets";
|
|
|
|
|
|
|
|
|
|
import CompanyLogo from "../assets/images/company-logo.png";
|
|
|
|
|
---
|
|
|
|
|
|
2024-12-16 22:55:58 +08:00
|
|
|
<!doctype html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width" />
|
2024-12-16 22:57:11 +08:00
|
|
|
<link rel="icon" type="image/png" href="/favicon.png" />
|
2024-12-16 22:55:58 +08:00
|
|
|
<title>Solsynth LLC</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="navbar backdrop-blur fixed top-0 left-0 right-0 z-10">
|
|
|
|
|
<div class="px-5 flex-1">
|
|
|
|
|
<div class="flex-none">
|
2024-12-16 23:06:08 +08:00
|
|
|
<a class="btn btn-ghost text-xl flex items-center gap-2" href="/">
|
|
|
|
|
<Image
|
|
|
|
|
src={CompanyLogo}
|
|
|
|
|
alt="company logo"
|
|
|
|
|
class="h-7 w-7 navbar-company-logo"
|
|
|
|
|
/>
|
|
|
|
|
<span>Solsynth</span>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="flex-1 flex justify-end">
|
2024-12-16 22:55:58 +08:00
|
|
|
<ul class="menu menu-horizontal px-1">
|
|
|
|
|
<li><a>Link</a></li>
|
|
|
|
|
<li>
|
|
|
|
|
<details>
|
|
|
|
|
<summary>Parent</summary>
|
|
|
|
|
<ul class="bg-base-100 rounded-t-none p-2">
|
|
|
|
|
<li><a>Link 1</a></li>
|
|
|
|
|
<li><a>Link 2</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</details>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<main class="mt-[68px]">
|
|
|
|
|
<slot />
|
|
|
|
|
</main>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
html,
|
|
|
|
|
body {
|
|
|
|
|
margin: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
2024-12-16 23:06:08 +08:00
|
|
|
|
|
|
|
|
.navbar-company-logo {
|
|
|
|
|
-webkit-filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px -1px 0 black);
|
|
|
|
|
filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px -1px 0 black);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
|
.navbar-company-logo {
|
|
|
|
|
-webkit-filter: drop-shadow(1px 1px 0 white)
|
|
|
|
|
drop-shadow(-1px -1px 0 white);
|
|
|
|
|
filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px -1px 0 white);
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-12-16 22:55:58 +08:00
|
|
|
</style>
|
