From be68853a74e5cd4a9e4b997a34203a88e4dbeb22 Mon Sep 17 00:00:00 2001
From: nessi <sascha@nesterovic.cc>
Date: Mon, 17 Aug 2026 19:38:38 +0200
Subject: [PATCH] refactor: replace SVG icons with PNG format in manifest and
 update apple-touch-icon reference

Replace media-mark-192.svg/media-mark-512.svg with .png equivalents in manifest.json icon entries and update image/svg+xml to image/png MIME types. Add media-mark-192.png and media-mark-512.png binary assets. Update sw.js SHELL array to cache .png files instead of .svg. Change apple-touch-icon href from media-mark.svg to media-mark-192.png in index.html head
---
 static/manifest.json      |   6 +++---
 static/media-mark-192.png | Bin 0 -> 803 bytes
 static/media-mark-512.png | Bin 0 -> 2969 bytes
 static/sw.js              |   2 +-
 templates/index.html      |   2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)
 create mode 100644 static/media-mark-192.png
 create mode 100644 static/media-mark-512.png

diff --git a/static/manifest.json b/static/manifest.json
index 16ad1aa..3b188cc 100644
--- a/static/manifest.json
+++ b/static/manifest.json
@@ -13,8 +13,8 @@
   "theme_color": "#1f252d",
   "orientation": "any",
   "icons": [
-    {"src": "/static/media-mark-192.svg", "sizes": "192x192", "type": "image/svg+xml", "purpose": "any"},
-    {"src": "/static/media-mark-512.svg", "sizes": "512x512", "type": "image/svg+xml", "purpose": "any"},
-    {"src": "/static/media-mark-512.svg", "sizes": "512x512", "type": "image/svg+xml", "purpose": "maskable"}
+    {"src": "/static/media-mark-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any"},
+    {"src": "/static/media-mark-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any"},
+    {"src": "/static/media-mark-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable"}
   ]
 }
diff --git a/static/media-mark-192.png b/static/media-mark-192.png
new file mode 100644
index 0000000000000000000000000000000000000000..e4bcca25a35204f9cd278af1212d5182f593dd4a
GIT binary patch
literal 803
zcmeAS@N?(olHy`uVBq!ia0vp^2SAvE4M+yv$zf+;V0z{0;uunK>+Rixo-B?6Z5RCx
zZ8l#&t2I+%isy{>jS`LJu8E1VX({4!U%vVmf4Kbf29d7;l5_Lk_CJ65^sV!&Q0q?;
zJCp(?Rw*e;EJ{+8n3E(ZF(XNE&b}Yt-o?#Y)-5n6+tB1J$AfSd1`V+TpPs8aUtYry
zCdjZLf+2gqq4caYwhzpV3``6Rj0_D73=WnI+vKEyqU;}fVL}WH3JeSa3~g!*DpZ0?
z6d2yG=YJ&w3<P{Yhyetp_RoIq&M;-;i|cF+kEZR@Vq>_H`f;@bgF~$NesdOvkhGuG
z3JeZQr~S`hVOVkJlYA!w!_=66iv<`KY&u=f!o(0#_4B(ML&GWk|MNJ2-e8FM7s%wm
zz_8%R)B8Y=LqWn%W<e119`_VUm>8H&_<0$qr|~_qV1>{dPXma6z>n+zxD?ZW;haQZ
z7z$MAPXJTqD-=GIWjH>lV{m-XCgJ#?&%p7)G!MrI^AZ{#EURb?$o$9{V9qnu&Ys~G
z?=g<~!VIqL4M2?yK>hzL;l^TTkQx^(z@&y2qYNAj3{c^O3?>I;C?$K~I-^4;!>yN)
z$OkE%!kWO_xG*z~A-9qtz@$Ny36zp<U1M~($Z$?jVpbZ<1wG5?{@$e%v#-lA2fz8`
qyx_-EcE^w1{7pJ`BC{%P+B1H6X?N7@yZBU)k33!dT-G@yGywpqQ_Ls;

literal 0
HcmV?d00001

diff --git a/static/media-mark-512.png b/static/media-mark-512.png
new file mode 100644
index 0000000000000000000000000000000000000000..5069a8d59b0c2290248b72b429e91b2689c73646
GIT binary patch
literal 2969
zcmbVOYitx%6#nk*KnHfAy99Zq*l8=62!TcA*(%ezWhqM2piz<{yAWd<A`v5Meb8Rp
zQdTJieh@`@C79SmQyL@ukic$1FwrRZ_yYl1sE<NofPlJ|ZR0sJyW3e>3-!n5&N*|x
z?|kPwb7%IQ%8J0Kk&{LO7*)R5zYLIcDWMOi<z~%K-GD1p?k{<&=IkHmJC+ufj4k_q
zN&W1iL$8jjXxO*7zBt$At$9%!<MJFj{LR{1uO0dEhcgc@tNZfs>gV?z+);esYF+@X
zZLc>MA*}7s!OmH+)9{SVY8i=={8*SSWy^5BTnx`RIXVlgyfK5aq6Ju$A3Kp{F4t-<
z(mk>AVKkPh@owI6LYg6MS9imn;2cDEpPz#7b~F{j+>Pba<%|uVba=7vX{?wmp6qSo
z>y=n>kD#`W$<UR^ob?)7C*oPJ0T|QqTcYl<0Mr-4H%)3l<FM$tz4Lz2QCWnkWeQO3
z==x{pagy_AR_p~$2R!W1q8#;eu&7H%dkf-o8L2}6`?Jlf*<PT%4RNcaMidYRVA2MH
z5)Yw0#0y}J7M-1E0?}?6D@t=n$|&Aqz@jCn6GS<K5>!l@nHvX7fw>G=I1)lghYn$+
z^^rJDAwzOH#Xa7J>?4)tU5SZ$|C1qQt)?(=eIu<h!^J)gwmheIgIQuZJg^}|X^m5w
zchyvSptnhBZ#`b?(r&y`X|d_hSehaOnA{N>q=M6sywap-<@>aHtktkqlLlzx8Ng2m
z-<O<*=pQPJiHq?LEi=q5>0ga`s4xLiGhz^g!Etgr>f7s=*Z%$pH{koa^}@S<Pa_#-
zH0F}L&3)A1(-H03EJRF4Q&1<^XMv!b7I(x$j(@Z@qSMl}a9w<(0(=Qw2!s-4>QoM`
z@r{g*ZzfK4eY}t+FrhY|TT6#^-n$P^=Fw)h$t0dSzoL4*VNxDSc<FUuxkAJNKGdCC
zSr++j0L=@xJ8@$QOoq!sTCAZF%YA;uLuVU!CM^1)=a`4)M?5F@Hulk_>Nho~cPC5R
zwsxMXV0VRcMoQb%Gw#wve==#QlV<AKF>LKz%C0VK<wFc@8w3h)L2xftKPuTnDikIr
zlqO|Z%?(9H0Xk;_OJ;=$)c-NmLWyBi&i2Q4HfgE!^`_@zo8+YjAT=L9&M<8TPPlK)
ze;}0$V^LlmO-AauyjTM=wQUYk-T3uo`qYJS>|`)CRga)+8id!Dl?s!+r^4IrT45m(
zu_8a1EsW*};1LtJw&qJvC)_EN?&~G`{7{@e5Cze=iysHg9pMM2G<wYnB|#nG@aCff
zg!OdX5P&{HUVVlHtCH0nZ(1KEjogGVU|U8!3Tz2EK<Q}1<iDzn_YXA4fo4H_G-dfm
zs_yjaQB;7RI0rzm%Zh&XtE+#g*>kXgRLmL1^!_h8Qp|(lO2o-7Fo-ggmXzdLgQOfd
z1@4RXT9nefBQ{;ZiOZ0pn9E>slpfG}lB_B8Z-R3}7Gt%aiR_c3@eN_zQA{CO=B(Yv
zFsPAfGx~P@e{bEB5Zp@s??UxLS|N-~*-njWfmpXxn<w$<{WyCekeu2!4~}?a*59t`
zkMB*2GfQ#Pujmh8531ke<lDkGSLO<=$u>XirbczQn$M`pxj1`{sLT+a*g{80eIQQ1
zk!J&@FyP8Cv+5H6f7^rV#~-C3UdcAAx-a(}Y(TW<^Qz*N)6uvkLTBzYeV*W1&|5%f
z_p2a%0=wcaIyjSS3Ea^+Q^HuE*hqgTM@Q&b#4e7f2fR2@3e;~3x?x_U4<z)w4cnn!
bsylaM#8lsmu<@3soGd|kS%tr?G*tgDy(_Gx

literal 0
HcmV?d00001

diff --git a/static/sw.js b/static/sw.js
index ff6a205..b34e762 100644
--- a/static/sw.js
+++ b/static/sw.js
@@ -1,5 +1,5 @@
 const CACHE_NAME = 'media-max-shell-v5';
-const SHELL = ['/static/media-mark.svg', '/static/media-mark-192.svg', '/static/media-mark-512.svg', '/static/manifest.json'];
+const SHELL = ['/static/media-mark.svg', '/static/media-mark-192.png', '/static/media-mark-512.png', '/static/manifest.json'];
 
 self.addEventListener('install', event => {
   event.waitUntil(caches.open(CACHE_NAME).then(cache => cache.addAll(SHELL)));
diff --git a/templates/index.html b/templates/index.html
index c486d6d..9bfd64f 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -35,7 +35,7 @@ if ('serviceWorker' in navigator) {
 <script>document.addEventListener('DOMContentLoaded',()=>{const badge=document.querySelector('#raidStatusBadge');if(!badge)return;const side=document.createElement('div');side.className='raid-status-side';const countdown=document.createElement('small');countdown.id='raidRefreshCountdown';countdown.textContent='Update in 5s';badge.replaceWith(side);side.append(badge,countdown);const interval=5000;let next=Date.now()+interval;const reset=()=>{next=Date.now()+interval};window.resetRaidRefreshCountdown=reset;const update=()=>{const seconds=Math.max(0,Math.ceil((next-Date.now())/1000));countdown.textContent=`Update in ${seconds}s`;if(seconds===0)reset()};update();setInterval(update,250);const updated=document.querySelector('#datastoreUpdated');if(updated)new MutationObserver(reset).observe(updated,{childList:true,characterData:true,subtree:true})});</script>
 <script>document.addEventListener('DOMContentLoaded',()=>{const icons={total:'mdi:harddisk',used:'mdi:database',free:'mdi:database-outline',percent:'mdi:chart-donut'};document.querySelectorAll('.storage-card .storage-icon').forEach((node,index)=>{const key=['total','used','free','percent'][index];if(!key)return;const image=document.createElement('img');image.src=`https://api.iconify.design/${icons[key]}.svg?color=${key==='used'?'%23f4d267':key==='free'?'%236ae29a':key==='percent'?'%23c59cff':'%2360a9e6'}`;image.alt='';image.setAttribute('aria-hidden','true');node.textContent='';node.appendChild(image)})});</script>
 <script>document.addEventListener('DOMContentLoaded',()=>{if(!document.querySelector('link[rel="shortcut icon"]')){const favicon=document.createElement('link');favicon.rel='shortcut icon';favicon.type='image/svg+xml';favicon.href="{{ url_for('static', filename='media-mark.svg') }}?v=media-max";document.head.appendChild(favicon)}});</script>
-<html lang="de"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"><meta name="theme-color" content="#1f252d"><meta name="mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-capable" content="yes"><link rel="manifest" href="{{ url_for('static', filename='manifest.json') }}?v=5"><link rel="apple-touch-icon" href="{{ url_for('static', filename='media-mark.svg') }}"><link rel="icon" type="image/svg+xml" href="{{ url_for('static', filename='media-mark.svg') }}"><title>Media Max</title>
+<html lang="de"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"><meta name="theme-color" content="#1f252d"><meta name="mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-capable" content="yes"><link rel="manifest" href="{{ url_for('static', filename='manifest.json') }}?v=5"><link rel="apple-touch-icon" href="{{ url_for('static', filename='media-mark-192.png') }}"><link rel="icon" type="image/svg+xml" href="{{ url_for('static', filename='media-mark.svg') }}"><title>Media Max</title>
 <style>
 :root{color-scheme:dark;--bg:#181818;--panel:#222;--line:#3a3a3a;--text:#dedede;--muted:#929292;--yellow:#f4c430;--blue:#60a9e6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px Inter,system-ui,sans-serif}header{height:58px;display:flex;align-items:center;gap:15px;padding:0 20px;background:#242424;border-bottom:1px solid #343434}.logo{color:var(--yellow);font-size:22px;font-weight:900;letter-spacing:1px}.head-title{font-weight:700}.head-sub{font-size:12px;color:var(--muted);margin-top:2px}.actions{margin-left:auto}button,input,select{font:inherit;color:var(--text);background:#292929;border:1px solid #444;border-radius:5px}button{padding:7px 10px;cursor:pointer}main{padding:14px 20px 30px}.nav{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid var(--line)}.nav button{border:0;border-radius:5px 5px 0 0;background:transparent;color:#aaa}.nav button.active{background:#303030;color:#fff}.view{display:none}.view.active{display:block}.toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 190px 190px 170px;gap:8px;margin-bottom:10px}input,select{padding:7px 10px;height:34px}.stats{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.stat{background:#242424;border:1px solid #363636;padding:5px 9px;border-radius:5px;color:#bbb}.scan{color:#f4c430}.banner{padding:9px 11px;border:1px solid #693b3b;background:#372424;border-radius:5px;margin-bottom:10px;color:#ffd1d1}.tablewrap{border:1px solid #353535;border-radius:6px;overflow:hidden;background:var(--panel)}table{width:100%;border-collapse:collapse;table-layout:fixed}th{padding:8px 10px;background:#282828;border-bottom:1px solid #444;text-align:left;font-size:12px}td{padding:7px 10px;border-bottom:1px solid #343434;vertical-align:middle}.col-title{width:28%}.col-quality{width:12%}.col-state{width:10%}.col-audio{width:17%}.col-subs{width:17%}.col-video{width:8%}.col-size{width:8%}.title{color:var(--blue);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:90%;vertical-align:bottom}.year{color:var(--muted);font-size:11px;margin-left:5px}.badges{display:flex;gap:4px;flex-wrap:wrap}.badge{display:inline-flex;gap:4px;align-items:center;padding:2px 6px;border-radius:999px;border:1px solid #484848;background:#303030;white-space:nowrap;font-size:11px}.quality{background:#0e7138;border-color:#19894b}.state{font-size:11px;font-weight:700;padding:3px 7px;border-radius:4px;display:inline-block}.state.ok{background:#126f39;color:#d9ffe8}.state.warn{background:#77561e;color:#ffebc4}.state.bad{background:#763030;color:#ffd9d9}.state.neutral{background:#3b3b3b;color:#ccc}.muted{color:var(--muted)}.hidden{display:none}.series{border-bottom:1px solid var(--line)}.series:last-child{border:0}.series summary{padding:12px;cursor:pointer;background:#282828;font-weight:700}.series summary:hover{background:#303030}.series table{border-radius:0}.series td:first-child{padding-left:28px}@media(max-width:1100px){.toolbar{grid-template-columns:1fr 1fr}.col-video,.col-size{display:none}}
 .brand-mark{width:34px;height:34px;display:grid;place-items:center;filter:drop-shadow(0 0 10px rgba(96,169,230,.24))}.brand-mark svg{width:34px;height:34px}.brand-name{color:var(--yellow);font-size:16px;font-weight:900;letter-spacing:1.5px}.brand{display:flex;align-items:center;gap:9px}