fix for safari

Author: LinuxJava7

.astro/data-store.json

@@ -1 +1 @@
-[["Map",1,2],"meta::meta",["Map",3,4,5,6],"astro-version","5.16.8","astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"site\":\"https://linuxjava7.dev\",\"compressHTML\":true,\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"static\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":false,\"port\":4321,\"streaming\":true,\"allowedHosts\":[]},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"domains\":[],\"remotePatterns\":[],\"responsiveStyles\":false},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":{\"type\":\"shiki\",\"excludeLangs\":[\"math\"]},\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"gfm\":true,\"smartypants\":true},\"security\":{\"checkOrigin\":true,\"allowedDomains\":[]},\"env\":{\"schema\":{},\"validateSecrets\":false},\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"headingIdCompat\":false,\"preserveScriptOrder\":false,\"liveContentCollections\":false,\"csp\":false,\"staticImportMetaEnv\":false,\"chromeDevtoolsWorkspace\":false,\"failOnPrerenderConflict\":false,\"svgo\":false},\"legacy\":{\"collections\":false}}"]
+[["Map",1,2],"meta::meta",["Map",3,4,5,6],"astro-version","5.16.8","astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"site\":\"https://linuxjava7.dev\",\"compressHTML\":true,\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"static\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":true,\"port\":4321,\"streaming\":true,\"allowedHosts\":[]},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"domains\":[],\"remotePatterns\":[],\"responsiveStyles\":false},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":{\"type\":\"shiki\",\"excludeLangs\":[\"math\"]},\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"gfm\":true,\"smartypants\":true},\"security\":{\"checkOrigin\":true,\"allowedDomains\":[]},\"env\":{\"schema\":{},\"validateSecrets\":false},\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"headingIdCompat\":false,\"preserveScriptOrder\":false,\"liveContentCollections\":false,\"csp\":false,\"staticImportMetaEnv\":false,\"chromeDevtoolsWorkspace\":false,\"failOnPrerenderConflict\":false,\"svgo\":false},\"legacy\":{\"collections\":false}}"]

.astro/settings.json

@@ -1,5 +1,8 @@
 {
 	"_variables": {
 		"lastUpdateCheck": 1767961088257
+	},
+	"devToolbar": {
+		"enabled": false
 	}
 }

.gitignore

@@ -7,11 +7,7 @@ node_modules/
 # logs
 npm-debug.log*
 yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-
-
-# environment variables
+yarn-error.log*https://linuxjava7.dev/# environment variables
 .env
 .env.production
 

src/components/Footer.astro

@@ -16,13 +16,13 @@
     padding-bottom: 1.5rem;
     text-align: center;
     margin-top: auto;
-    border-radius: 1.5rem;
+    border-radius: 1.1rem;
     p {
       margin-bottom: 0;
       margin-top: 0.5rem;
     }
     @media only screen and (max-width: 750px) {
-      padding-bottom: 4.2rem;
+      padding-bottom: 4.4rem;
     }
   }
 

src/components/Navigation/Bottombar.astro

@@ -8,26 +8,13 @@ import TabBarSmall from "./TabBarSmall.astro";
     position: fixed;
     bottom: 0;
     left: 0;
-    height: 95px;
     width: 100%;
     box-sizing: border-box;
     justify-content: center;
     padding: 25px;
     padding-top: 16px;
+    padding-bottom: 20px;
     z-index: 1;
-
-    background: linear-gradient(
-      180deg,
-      rgba(255, 255, 255, 0) 0%,
-      rgba(255, 255, 255, 0.5) 100%
-    );
-    @media (prefers-color-scheme: dark) {
-      background: linear-gradient(
-        180deg,
-        oklch(from var(--accent-color) 0.23 0.0168 h / 0%),
-        oklch(from var(--accent-color) 0.23 0.0168 h / 75%)
-      );
-    }
   }
 </style>
 

src/components/Navigation/Headerbar.astro

@@ -9,8 +9,8 @@ const { pageTitle } = Astro.props;
   #header-bar {
     display: flex;
     box-sizing: border-box;
-    height: 64px;
-    padding: 10px;
+    height: 80px;
+    padding: 18px;
     position: sticky;
     top: 0;
     align-items: stretch;

src/layouts/BaseLayout.astro

@@ -17,6 +17,11 @@ const { pageTitle } = Astro.props;
     <meta name="viewport" content="width=device-width" />
     <meta name="generator" content={Astro.generator} />
     <title>{pageTitle}</title>
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, viewport-fit=cover"
+    />
+    <meta name="theme-color" content="#000" />
 
     <script
       src="https://code.jquery.com/jquery-3.7.1.js"