fix js loading bug & improve style

feeshy · May 11, 2024 · c1f6b17 · c1f6b17
1 parent 1bff03b
commit c1f6b17
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 5 deletions.
diff --git a/_includes/head.html b/_includes/head.html
@@ -22,11 +22,11 @@
 
 {% feed_meta %}
 
-<script type="text/javascript" src="{{ site.baseurl }}/assets/js/main.js" async></script>
+<script type="text/javascript" src="{{ site.baseurl }}/assets/js/main.js" defer></script>
 
 {%- if page.custom_js -%}
 {%- for js_url in page.custom_js -%}
-<script type="text/javascript" src="{{ js_url }}" async></script>
+<script type="text/javascript" src="{{ js_url }}" defer></script>
 {%- endfor -%}
 {%- endif -%}
 

diff --git a/_layouts/home.html b/_layouts/home.html
@@ -10,7 +10,7 @@
   <main class="page-content" aria-label="Content">
     <header>
       {%-if site.show_logo-%}
-        <h1 style="display: inline-flex; flex-direction: row; align-items: center;"><img src="{{ site.favicon.svg | relative_url }}" style="height:1.5em; width: 1.5em;"> {{ site.title }}</h1>
+        <h1 style="display: inline-flex; flex-direction: row; align-items: center;"><img src="{{ site.favicon.svg | relative_url }}" style="height:1.5em; width: 1.5em;">&nbsp;{{ site.title }}</h1>
       {%-else-%}
         <h1>{{ site.title }}</h1>
       {%-endif-%}

diff --git a/_sass/color-scheme.scss b/_sass/color-scheme.scss
@@ -1,3 +1,5 @@
+html { color-scheme: light dark; }
+
 @media (prefers-color-scheme: light) {
   body { background-color: white; color: black; }
   td { border-color: white; }

diff --git a/_sass/layout.scss b/_sass/layout.scss
@@ -5,7 +5,7 @@ html {
 body {
   margin: 0;
   position: relative;
-  min-height: 100vh;
+  min-height: 100%;
   overflow-wrap: break-word;
 }
 

diff --git a/assets/js/main.js b/assets/js/main.js
@@ -1,6 +1,6 @@
 // register service worker
 
-if ('serviceWorker' in navigator) {
+if (navigator.serviceWorker) {
     navigator.serviceWorker.register('/service-worker.js');
 }