From 522bd7fb67a60ebdcaea9719667745ba9456e423 Mon Sep 17 00:00:00 2001
From: Lorenzo Venerandi <lollo.venerandi@gmail.com>
Date: Sun, 8 Mar 2026 12:43:42 +0100
Subject: [PATCH] feat: replace external Material Symbols font with local
 version and add CSS for styling

---
 src/templates/jinja2/base.html                |   2 +-
 .../css/fonts/material-symbols-outlined.woff2 | Bin 0 -> 1980 bytes
 .../static/vendor/css/material-symbols.css    |  22 ++++++++++++++++++
 3 files changed, 23 insertions(+), 1 deletion(-)
 create mode 100644 src/templates/static/vendor/css/fonts/material-symbols-outlined.woff2
 create mode 100644 src/templates/static/vendor/css/material-symbols.css

diff --git a/src/templates/jinja2/base.html b/src/templates/jinja2/base.html
index 8359e42..20f1991 100644
--- a/src/templates/jinja2/base.html
+++ b/src/templates/jinja2/base.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="{{ dashboard_path }}/static/vendor/css/leaflet.min.css" />
     <link rel="stylesheet" href="{{ dashboard_path }}/static/vendor/css/MarkerCluster.css" />
     <link rel="stylesheet" href="{{ dashboard_path }}/static/vendor/css/MarkerCluster.Default.css" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=check_circle,error,gavel,health_and_safety,warning" />
+    <link rel="stylesheet" href="{{ dashboard_path }}/static/vendor/css/material-symbols.css" />
     <link rel="stylesheet" href="{{ dashboard_path }}/static/css/dashboard.css" />
     <script src="{{ dashboard_path }}/static/vendor/js/leaflet.min.js" defer></script>
     <script src="{{ dashboard_path }}/static/vendor/js/leaflet.markercluster.js" defer></script>
diff --git a/src/templates/static/vendor/css/fonts/material-symbols-outlined.woff2 b/src/templates/static/vendor/css/fonts/material-symbols-outlined.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..c2470a344e63042162c0a84ae648e7b4b4a4f2c2
GIT binary patch
literal 1980
zcmV;t2SfOGPew8T0RR9100+DP4FCWD01k)%00(6N0RR9100000000000000000000
z0000Sf<y*jKT}jeRB!-+LJ<fGjzo((3pM}&HUcCAHUuCAgn9=c8{rGc#OMFrtoxE6
zO#+l@M?7OjWyY&QXG;aB7`0T8n(iqhZq-p|bl1NqtQae1`S~@MH;;EAPP8plpoV{M
z`VF&*rO!uH5+q8zM!tq?8Y$u>5h5vNRK)GspuIXKdvSRP2mlt-5eh0kF)bTvtEI^f
zH5k~5x5A(XYqbbv6O9A|1;9gJ$2OEeJ#iGE1VJ=t1VaGNMl=*qAOKpZbquNuGC2w?
z{6|fc2tWWvC<J{PEO?9-!zUC~Dg+}QDzH#OgR!it5wP1I?23-y4hC9!m;(M72^Gdd
z0WJJ67J*QJ1B;OuV<D_p8LnTnotgyTu}G`oKcIfbZ$t@(c99*BAr6zVgeDZ6x%K`_
z+$bqMJqa!df8JmO=>)*cME)6efp*cZoPc>-C<6#A1}_4Yn39&Z%oUR|W8w(`anv<-
z5DHYQSk*-6D<Gz043va0l>$X}0MtEM7)f&&LmHY0yBp9^LTjWErME@tnXpZK0hOHz
z0Sx32Pz(#IVTA)tXhr)+lyCS;>z7x)Qh&AJ$JIYR`16J&?K!LxS%zBJ(SVj}@G8>h
z(jDoXbXGbeot92YC#2)Rq@dAzM`w)sW0YIdqlr_bosY%htpX?06sY}`M3SI6COU2w
zTa-De$t|>EHOd5Bc1KcXlu~D>jwG=`TrQy+7`nHwJdo#=Od!wGw34BD)-o}Z6wGXv
z<=L6D>*Z>sINUc_$&TU~PN9*P=I2$*a&lC8B%c?>%xse(casMSae5VQ^RR**_o=4M
zUgGqyo80Ib&UZQqe_US-ItMoO_4J!K!WNq7n`^7>nwqx_Uu+~q<OoMt!h!{t>+uj$
zW<ihJ<n<C_%61?&ayrdK1(V5aG&?_%+mh8xYPo8*rpj#A7%h9yWn_<eJR2u&egwDK
z>-A3N+-|p<lc_cj13hlGRJGYl_OO%ZWUmCO$&!N|D4UplN{qtvgeNNMk{qR>IfkXx
z6h~Ato@l`{D$JVD$kjnpX|B+O5j~J==BCOxhHYV|P?k*|;xKMUxQRM9xzTl}OtbkM
z4rF<XR&Dn7CEuK9&Rw2yn;uS_9*<|{jlGL@P{*F^^ziWFOOV)+8(3<%3L|G0xhi83
zS2%^6R$TnK1#Hn&Rwz)>m0U#zmnCxLl#yuhvMbp2Vdv$t%N5&SdG&JHOFPRim*riw
zl%RLk*s-lXUwwV6&zZF|vbHvIXI56^&f40Yky%+gBWp)>Gt<}IzP--hwl?aqDE~OR
za;m=<M;$l(XqaUdD$HuV`3FXSmR_(x;s0T$N~_`J*<}DuXSJ1=d%qw|+%)ytp9g-8
zYK?0B^}w}1HwBBr`e*I;f5`nI_kR2OXW}^A<9Ms#Bg21>e7-E>C%)cZ-zUZ_pU?80
zpI<Bf=L3c=R193GX|cE3mtLBupF3ZVKh)XB=62+ytj)_$S<_)YHa9!W8PE`#ZC1tS
zy`Ho@e`*OoE4pi1X+pRdzumKL-PB6nBBX>x<jLZVxox5A17I6meelP=UcUFo-h;D~
z=X780-oS6X+}S+`w!!iGNAFrwtv|n#0^6WY@BXSYrBer@Hl3W+ZPc$T&P`a;lyhKS
z)?%l&IVd;tVR3)*qJoLV?9|oIHg7uccK61-_5O#C&q-a&tqgs025f_QGlORq3>Jh1
zhaoJrZFE~|YHHi)wp7>#^G>Fm*zErGhV5=`(tPOv9JfpCFY93&EDDKXB5BiLu`ZIC
zEa4+{-!ErwXm9*-rmy#xbJw)jemQq;<(j+Q+qK*8zPM)Ho$ejl9e2B68`Ku=u!uEV
zOG<8zF1Z<*9ks?79&xj{#5b+j|Jz0QRDJDFW1~Dz9@Q5%aAs)n!Wm-dI-z?+nYTT_
zI!CXMGF&No`{!P}NuDo{*|TKe^!5eI#;u%PJE<Ws;pNHCbHsx8^Kh+Xt-e&hx&&94
zD;F!n{)(_NQPvfIS#Dg!`^>Y8g<Gk;%--Ep*#YVRvtc7u@a$s2e!siSYy13g1p@=C
zX6Pm{x|zC;fdODap1xcU0QgUmTp$3bZ{lY#qNP|9{+p7bT>$XeYkO}2z-O-wE|-3l
z&eE^bj{wL)0RRZV2+|3Fc1gcVztXSMu5ZIpgm&R&7+}C`oWP06bTn)URHiVK!<5jm
z3_)6sfdaa3Pv1CFhN)l5MdMBtPN9ME<7^3O8~6x9NurN}nk@6t$i}C62C-&78OC9Q
zSB^-e67qM#V--RR3yBeg!WalDLxcZXYcR1kCFZCSKqwZW4o!Fg4m7|93#>4s0@V;v
zg(jpgNLQn5rYa!Ir~?&9LIW%)S2$5&D~Xk`po!8As9tSi7TRG$DI9@lL^_%oTQSj&
z3Y233GIfWD=0IA|0Fx1J<ezrH4gsOiVL3vuTyiskHy5}nVV=xq8HOaJBOOTy+t)=#
zR(b!1#=(I)w67dH%W%902O|_qARq}2I3U7`qXeWO4RO#xfPff=qf40Z#$%<8+omnT
ORQHcIFJAnv1ONc_gq#`x

literal 0
HcmV?d00001

diff --git a/src/templates/static/vendor/css/material-symbols.css b/src/templates/static/vendor/css/material-symbols.css
new file mode 100644
index 0000000..265c39d
--- /dev/null
+++ b/src/templates/static/vendor/css/material-symbols.css
@@ -0,0 +1,22 @@
+@font-face {
+  font-family: 'Material Symbols Outlined';
+  font-style: normal;
+  font-weight: 400;
+  src: url(fonts/material-symbols-outlined.woff2) format('woff2');
+}
+
+.material-symbols-outlined {
+  font-family: 'Material Symbols Outlined';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -webkit-font-feature-settings: 'liga';
+  -webkit-font-smoothing: antialiased;
+}