Upload 3 files
Browse files- static/index.html +2 -1
- static/style.css +12 -0
- static/sw.js +1 -0
static/index.html
CHANGED
|
@@ -32,7 +32,8 @@
|
|
| 32 |
</svg>
|
| 33 |
</button>
|
| 34 |
<a id="header-logo" class="header-logo" href="/" title="VoiceOfML">
|
| 35 |
-
<img class="header-logo-icon" src="/icons/logo.svg" alt="" width="28" height="28">
|
|
|
|
| 36 |
<span id="header-title">VoiceOfML</span>
|
| 37 |
</a>
|
| 38 |
</div>
|
|
|
|
| 32 |
</svg>
|
| 33 |
</button>
|
| 34 |
<a id="header-logo" class="header-logo" href="/" title="VoiceOfML">
|
| 35 |
+
<img class="header-logo-icon header-logo-icon-dark" src="/icons/logo-dark.svg" alt="" width="28" height="28">
|
| 36 |
+
<img class="header-logo-icon header-logo-icon-light" src="/icons/logo.svg" alt="" width="28" height="28">
|
| 37 |
<span id="header-title">VoiceOfML</span>
|
| 38 |
</a>
|
| 39 |
</div>
|
static/style.css
CHANGED
|
@@ -217,6 +217,18 @@ ul, li {
|
|
| 217 |
flex-shrink: 0;
|
| 218 |
}
|
| 219 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 220 |
.header-center {
|
| 221 |
flex: 1;
|
| 222 |
display: flex;
|
|
|
|
| 217 |
flex-shrink: 0;
|
| 218 |
}
|
| 219 |
|
| 220 |
+
.header-logo-icon-light {
|
| 221 |
+
display: none;
|
| 222 |
+
}
|
| 223 |
+
|
| 224 |
+
body.light .header-logo-icon-dark {
|
| 225 |
+
display: none;
|
| 226 |
+
}
|
| 227 |
+
|
| 228 |
+
body.light .header-logo-icon-light {
|
| 229 |
+
display: block;
|
| 230 |
+
}
|
| 231 |
+
|
| 232 |
.header-center {
|
| 233 |
flex: 1;
|
| 234 |
display: flex;
|
static/sw.js
CHANGED
|
@@ -6,6 +6,7 @@ const PRECACHE_URLS = [
|
|
| 6 |
"/static/app.js",
|
| 7 |
"/manifest.json",
|
| 8 |
"/icons/logo.svg",
|
|
|
|
| 9 |
"/icons/icon.svg",
|
| 10 |
"/icons/icon-192.png",
|
| 11 |
"/icons/icon-512.png"
|
|
|
|
| 6 |
"/static/app.js",
|
| 7 |
"/manifest.json",
|
| 8 |
"/icons/logo.svg",
|
| 9 |
+
"/icons/logo-dark.svg",
|
| 10 |
"/icons/icon.svg",
|
| 11 |
"/icons/icon-192.png",
|
| 12 |
"/icons/icon-512.png"
|