@smbcloud / pepakbasajawa-web
Code Commits Issues Pulls Cloud Agent CI/CD
copilot/add-i18n-support-for-english
copilot/add-i18n-support-for-english dependabot/npm_and_yarn/astro-5.16.4 dependabot/npm_and_yarn/katex-0.16.27 dependabot/npm_and_yarn/prettier-3.7.4 dependabot/npm_and_yarn/tailwindcss-4.1.16 dependabot/npm_and_yarn/tailwindcss/vite-4.1.16 dependabot/npm_and_yarn/typescript-eslint-8.46.2 dependabot/npm_and_yarn/typescript-eslint/parser-8.46.2 development main
astro 69 lines 1.72 KB
Raw
1 ---
2 import { SITE } from '@/config'
3 import ThemeToggle from '@/components/ui/ThemeToggle.astro'
4 import LanguageSwitcher from '@/components/ui/LanguageSwitcher.astro'
5 import { Image } from 'astro:assets'
6 ---
7
8 <header>
9 <nav>
10 <div class="logo-container">
11 {SITE.favicon && <img src="/favicon.svg" alt="favicon" class="favicon" />}
12 <a href="/">{SITE.title}</a>
13 </div>
14 <div class="header-right">
15 <div class="flex flex-col gap-2 md:flex-row">
16 <a href="https://apps.apple.com/se/app/pepak-basa-jawa-komplit/id6752241812">
17 <Image
18 src="/images/Download_on_the_App_Store_Badge_US-UK_RGB_blk_092917.svg"
19 alt="PBJ Komplit! Apple AppStore page"
20 width="150"
21 height="50"
22 />
23 </a>
24 <a href="https://play.google.com/store/apps/details?id=com.theblangkon.pepakbasajawa">
25 <Image
26 src="/images/GetItOnGooglePlay_Badge_Web_color_English.png"
27 alt="PBJ Komplit! Google PlayStore page"
28 width="150"
29 height="50"
30 />
31 </a>
32 </div>
33 <LanguageSwitcher />
34 <ThemeToggle />
35 </div>
36 </nav>
37 </header>
38 <style>
39 header {
40 margin: 0 0 1.75rem 0;
41 }
42 nav {
43 display: flex;
44 justify-content: space-between;
45 align-items: center;
46 }
47 header a {
48 font-weight: var(--font-weight-bold);
49 color: var(--text-primary);
50 text-decoration: none;
51 min-width: 3rem;
52 display: inline-block;
53 }
54 .logo-container {
55 position: relative;
56 }
57 .header-right {
58 display: flex;
59 align-items: center;
60 gap: 1rem;
61 }
62 .favicon {
63 position: absolute;
64 width: 1.125rem;
65 height: 1.125rem;
66 bottom: calc(100% + 3.5rem);
67 left: 0;
68 }
69 </style>