diff options
| author |  SayaAndy <saya.andy@posteo.com>
| 2025-10-19 17:02:23 +0700 |
|---|---|---|
| committer | SayaAndy <saya.andy@posteo.com>
| 2025-10-19 17:02:23 +0700 |
| commit | 324c6df1ab878aa0c34f80c58f730e01aca1f4e9 (patch) | |
| tree | e21b27e3446c24f0fca06e1aae44b6dd925f24c6 /views/index.html | |
| parent | 0aeed432c4fbce4a87b56e4dcb14b25065438300 (diff) | |
| download | web-324c6df1ab878aa0c34f80c58f730e01aca1f4e9.tar.gz web-324c6df1ab878aa0c34f80c58f730e01aca1f4e9.zip | |
feat: have toolbar on the top by default (only return to left if the screen is short on height)
feat: center the layout by default
feat: switch font to Andika
feat: switch masonry to use rem units
feat: fit masonry to center
Diffstat (limited to 'views/index.html')
| -rw-r--r-- | views/index.html | 10 |
1 files changed, 3 insertions, 7 deletions
diff --git a/views/index.html b/views/index.html index 2633894..3f727ee 100644 --- a/views/index.html +++ b/views/index.html @@ -4,10 +4,6 @@ <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Choose Language // SAYA TODAY</title> - <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"> - <link rel="preconnect" href="https://fonts.googleapis.com"> - <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - <link href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Patua+One&display=swap" rel="stylesheet"> <link href="/output.css" rel="stylesheet"> <style> .menu-outer-body { @@ -56,7 +52,7 @@ </style> </head> -<body data-theme="night" class="font-spectral text-main-dark text-2xl overflow-hidden bg-interlocked-hexagons h-[100dvh] flex flex-col"> +<body data-theme="night" class="font-andika text-main-dark text-2xl overflow-hidden bg-interlocked-hexagons h-[100dvh] flex flex-col"> <div class="absolute star z-0">*</div> <div class="absolute star z-0">*</div> @@ -103,13 +99,13 @@ </script> <div class="menu-outer-body p-2 z-1 bg-background-dark flex flex-col mx-auto my-auto opacity-70"> - <p class="font-patua mx-auto text-4xl mt-1 mb-2">saya.today</p> + <p class="font-andika mx-auto text-4xl mt-1 mb-2">saya.today</p> <div class="menu-inner-body grow bg-background-light flex flex-adaptive mx-auto opacity-100"> {{- range .AvailableLanguages }} <img onclick="location.href='/{{ .Name }}';" class="object-scale-down cursor-pointer flex-1 rounded-[20%] language-icon mx-auto my-auto relative" src="{{ .Flag }}" alt="{{ .Alt }}"> {{- end }} </div> - <p class="font-spectral mx-auto text-2xl text-secondary mt-1 mb-2">Choose your language</p> + <p class="font-andika mx-auto text-2xl text-secondary mt-1 mb-2">Choose your language</p> </div> <script> |