diff --git a/web/favicon.png b/web/favicon.png
index 55172e74..3ab05847 100644
Binary files a/web/favicon.png and b/web/favicon.png differ
diff --git a/web/icon.svg b/web/icon.svg
new file mode 100644
index 00000000..5ed518f3
--- /dev/null
+++ b/web/icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><rect x="3.8340001" y="18.5" width="4.6859999" height="1" rx="0.5" fill="#ffc107" /><rect x="2.177" y="16.5" width="8" height="1" rx="0.5" fill="#ffc107" /><rect x="3.343" y="14.5" width="1" height="1" rx="0.5" fill="#ffc107" /><rect x="7.593" y="14.5" width="2.85" height="1" rx="0.5" fill="#ffc107" /><rect x="7.593" y="12.5" width="2.85" height="1" rx="0.5" fill="#ffc107" /><rect x="7.5929999" y="10.5" width="2.8499999" height="1" rx="0.5" fill="#ffc107" /><rect x="7.5929999" y="8.5" width="2.8499999" height="1" rx="0.5" fill="#ffc107" /><rect x="7.5929999" y="6.5" width="2.8499999" height="1" rx="0.5" fill="#ffc107" /><rect x="7.5929999" y="4.5" width="2.8499999" height="1" rx="0.5" fill="#ffc107" /><rect x="14.51" y="18.5" width="5" height="1" rx="0.5" fill="#ffc107" /><rect x="12.177" y="16.5" width="9.333" height="1" rx="0.5" fill="#ffc107" /><rect x="13.907" y="14.5" width="1" height="1" rx="0.5" fill="#ffc107" /><rect x="18.74" y="14.5" width="3.083" height="1" rx="0.5" fill="#ffc107" /><rect x="15.24" y="12.5" width="6" height="1" rx="0.5" fill="#ffc107" /><rect x="13.073" y="10.5" width="5.5" height="1" rx="0.5" fill="#ffc107" /><rect x="12.657" y="8.5" width="3.3329999" height="1" rx="0.5" fill="#ffc107" /><rect x="18.233" y="8.5" width="1" height="1" rx="0.5" fill="#ffc107" /><rect x="13.078" y="6.5" width="7.8330002" height="1" rx="0.5" fill="#ffc107" /><rect x="14.995" y="4.5" width="3.8329999" height="1" rx="0.5" fill="#ffc107" /></svg>
diff --git a/web/logo.svg b/web/logo.svg
new file mode 100644
index 00000000..92115596
--- /dev/null
+++ b/web/logo.svg
@@ -0,0 +1,110 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24">
+  <g id="javascript">
+    <rect x="3.834" y="18.75" width="4.686" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="3" y="17.75" width="6.51" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="2.177" y="16.75" width="8" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="2.843" y="15.75" width="2" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="3.593" y="14.75" width="0.5" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="7.343" y="15.75" width="3" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="7.593" y="14.75" width="2.85" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="7.593" y="13.75" width="2.85" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="7.593" y="12.75" width="2.85" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="7.593" y="11.75" width="2.85" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="7.593" y="10.75" width="2.85" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="7.593" y="9.75" width="2.85" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="7.593" y="8.75" width="2.85" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="7.593" y="7.75" width="2.85" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="7.593" y="6.75" width="2.85" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="7.593" y="5.75" width="2.85" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="7.593" y="4.75" width="2.85" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="14.51" y="18.75" width="5" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="13.177" y="17.75" width="7.5" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="12.177" y="16.75" width="9.333" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="12.490" y="15.75" width="2.667" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="13.907" y="14.75" width="0.5" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="18.657" y="15.75" width="3.083" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="18.74" y="14.75" width="3.083" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="17.657" y="13.75" width="4" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="15.240" y="12.75" width="6" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="13.740" y="11.75" width="6.25" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="13.073" y="10.75" width="5.5" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="12.657" y="9.75" width="4" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="12.657" y="8.75" width="3.333" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="12.657" y="7.75" width="3.5" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="18.483" y="8.75" width="0.5" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="17.888" y="7.75" width="2.35" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="13.078" y="6.75" width="7.833" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="13.662" y="5.75" width="6.5" height="0.5" rx="0.25" fill="#ffca28" />
+    <rect x="14.995" y="4.75" width="3.833" height="0.5" rx="0.25" fill="#ffca28" />
+  </g>
+  <g id="waterfall">
+    <rect x="2.177" y="19.75" width="19.645" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="2.177" y="18.75" width="1.324" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="2.177" y="17.75" width="0.5" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="2.177" y="15.75" width="0.5" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="2.178" y="14.75" width="1.082" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="5.176" y="15.75" width="1.827" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="4.426" y="14.75" width="2.834" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="2.178" y="13.75" width="2.834" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="5.345" y="13.75" width="1.915" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="2.178" y="12.75" width="1.915" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="4.426" y="12.75" width="2.834" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="2.178" y="11.75" width="2.75" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="5.261" y="11.75" width="1.999" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="2.178" y="10.75" width="1" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="3.511" y="10.75" width="3" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="6.76" y="10.75" width="0.5" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="2.178" y="9.75" width="2.834" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="5.345" y="9.75" width="1.915" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="2.178" y="8.75" width="1.499" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="4.010" y="8.75" width="3.25" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="2.178" y="7.750" width="2" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="4.512" y="7.75" width="0.5" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="5.345" y="7.750" width="1.915" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="2.178" y="6.75" width="3" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="5.511" y="6.75" width="1" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="6.76" y="6.75" width="0.5" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="2.178" y="5.750" width="2.25" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="4.761" y="5.75" width="2.499" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="2.178" y="4.75" width="0.923" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="3.434" y="4.75" width="1.827" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="5.594" y="4.75" width="1.666" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="8.853" y="18.75" width="5.322" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="9.843" y="17.75" width="3" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="10.51" y="16.75" width="1.334" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="10.676" y="15.75" width="1.481" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="15.49" y="15.75" width="2.834" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="10.776" y="14.75" width="2.797" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="14.74" y="14.75" width="3.667" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="10.776" y="13.75" width="1.848" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="12.957" y="13.75" width="1.534" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="14.824" y="13.75" width="2.5" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="10.776" y="12.75" width="0.964" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="12.073" y="12.75" width="2.834" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="10.776" y="11.75" width="2.631" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="10.776" y="10.75" width="1.964" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="10.776" y="9.75" width="1.548" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="10.776" y="8.75" width="1.548" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="10.776" y="7.75" width="0.5" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="11.609" y="7.75" width="0.715" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="10.776" y="6.75" width="1" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="12.109" y="6.75" width="0.636" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="10.776" y="5.75" width="0.636" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="11.745" y="5.75" width="1.584" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="10.776" y="4.75" width="1.666" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="12.775" y="4.750" width="1.915" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="19.843" y="18.75" width="1.979" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="21.01" y="17.75" width="0.812" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="20.321" y="11.75" width="1.501" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="18.906" y="10.75" width="2.916" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="16.99" y="9.75" width="4.832" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="16.323" y="8.75" width="1.827" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="16.49" y="7.75" width="1.065" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="19.362" y="8.75" width="2.46" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="20.571" y="7.75" width="1.251" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="21.245" y="6.75" width="0.577" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="20.495" y="5.75" width="1.327" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="19.161" y="4.75" width="2.661" height="0.5" rx="0.25" fill="#8888887b" />
+    <rect x="2.178" y="3.75" width="19.645" height="0.5" rx="0.25" fill="#8888887b" />
+  </g>
+</svg>
\ No newline at end of file