From 88f960b4a5ff71c9b4c3c4e11584b5a97e8f8664 Mon Sep 17 00:00:00 2001
From: q8gazy <q8gazy@gmail.com>
Date: Wed, 12 Feb 2025 17:17:42 +0300
Subject: [PATCH] add svg logo with styling

---
 resources/images/OpenFrontLogo.svg | 109 ++--------
 src/client/index.html              | 314 ++++++++++++++++++-----------
 2 files changed, 207 insertions(+), 216 deletions(-)

diff --git a/resources/images/OpenFrontLogo.svg b/resources/images/OpenFrontLogo.svg
index a56467948..3b8846442 100644
--- a/resources/images/OpenFrontLogo.svg
+++ b/resources/images/OpenFrontLogo.svg
@@ -1,93 +1,16 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   version="1.1"
-   x="0px"
-   y="0px"
-   viewBox="0 0 150 40"
-   enable-background="new 0 0 100 100"
-   xml:space="preserve"
-   id="svg79520"
-   sodipodi:docname="OpenFrontLogo.svg"
-   inkscape:version="1.4 (e7c3feb1, 2024-10-09)"
-   width="150"
-   height="40"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"><defs
-     id="defs79524" /><sodipodi:namedview
-     id="namedview79522"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="6.984"
-     inkscape:cx="76.961627"
-     inkscape:cy="20.976518"
-     inkscape:window-width="1712"
-     inkscape:window-height="1040"
-     inkscape:window-x="0"
-     inkscape:window-y="39"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg79520"
-     inkscape:showpageshadow="2"
-     inkscape:deskcolor="#d1d1d1" /><path
-     d="m 17.499723,6.7233333 c -1.613612,0 -3.227501,0.3586112 -4.718612,1.0761111 L 15.185,13.809722 c 0.71,-0.435 1.511945,-0.6525 2.314445,-0.6525 0.802777,0 1.604722,0.217778 2.314444,0.653334 l 2.405,-6.0111116 C 20.726945,7.0819445 19.113334,6.7233333 17.499723,6.7233333 Z M 15.185,13.809722 c 0,0 -2.78e-4,2.78e-4 -5.56e-4,2.78e-4 l 8.34e-4,2.78e-4 z m 2.315278,0.151945 c -1.999166,0 -3.619444,1.620555 -3.619444,3.619444 0,1.999445 1.620278,3.619167 3.619444,3.619167 1.998333,0 3.619166,-1.619722 3.619166,-3.619167 0,-1.998889 -1.620833,-3.619444 -3.619166,-3.619444 z m 4.42,3.434722 c 0.0036,0.06194 0.0036,0.123889 0.0036,0.184722 5.56e-4,1.6575 -0.925833,3.176389 -2.399445,3.934722 l 4.008056,5.094723 C 24.742212,25.800277 25.778045,24.755834 26.578045,23.54 l 0.631389,-1.093055 c 0.645833,-1.287222 1.028056,-2.689445 1.123889,-4.126389 l -6.413056,-0.924167 z m -8.84,0 -6.4136113,0.924167 C 6.7622222,19.756667 7.1444445,21.158611 7.79,22.445 l 0.6325001,1.096112 c 0.8002777,1.214999 1.8355549,2.258889 3.0449999,3.06861 l 4.009166,-5.094166 c -1.474166,-0.758334 -2.400555,-2.277223 -2.399999,-3.934723 0,-0.06334 0.0011,-0.125 0.0036,-0.184444 z M 17.5,5.8333333 c 6.433056,0 11.666667,5.2336117 11.666667,11.6666667 0,6.433055 -5.233611,11.666667 -11.666667,11.666667 -6.433055,0 -11.6666666,-5.233612 -11.6666666,-11.666667 0,-3.568007 1.6099718,-6.767039 4.1416131,-8.9087937 C 12.007811,6.8714135 14.634952,5.8333333 17.5,5.8333333 M 17.5,5 C 13.495756,5 9.9314453,6.8826147 7.6437672,9.8109832 5.9871616,11.93154 5,14.600472 5,17.5 5,24.403889 10.596111,30 17.5,30 24.403889,30 30,24.403889 30,17.5 30,12.922159 27.53932,8.9191193 23.868339,6.7415042 22.003299,5.6351681 19.825863,5 17.5,5 Z"
-     id="path79514"
-     style="stroke-width:0.277778"
-     sodipodi:nodetypes="sccsccsccccssssscccccccccccccccccccsssscsssssss" /><text
-     xml:space="preserve"
-     style="font-style:normal;font-weight:normal;font-size:32px;line-height:0.95;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none"
-     x="29.99435"
-     y="28.976156"
-     id="text81373"><tspan
-       sodipodi:role="line"
-       id="tspan81371"
-       x="29.99435"
-       y="28.976156"
-       style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:32px;font-family:'Apple SD Gothic Neo';-inkscape-font-specification:'Apple SD Gothic Neo Thin'">penFront</tspan></text><text
-     xml:space="preserve"
-     style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none"
-     x="132.95113"
-     y="65.166878"
-     id="text88204"><tspan
-       sodipodi:role="line"
-       id="tspan88202"
-       x="132.95113"
-       y="65.166878" /></text><path
-     style="fill:#ffffff;stroke-width:0.143184;fill-opacity:0.00003763"
-     d="M 15.403091,28.919725 C 12.986567,28.41141 10.756702,27.162914 9.0678378,25.372629 7.8738454,24.106933 7.0907448,22.792053 6.4922927,21.04811 6.0511378,19.762545 6.0251854,19.573862 6.019627,17.611684 6.0130786,15.299997 6.1862529,14.415012 6.9860068,12.673129 8.9502499,8.3949583 13.665503,5.570394 18.23377,5.9354134 c 5.059072,0.4042363 9.176463,3.835762 10.488071,8.7409896 0.398822,1.491542 0.430406,3.987975 0.06883,5.441008 -0.359253,1.443722 -1.502446,3.705511 -2.438127,4.8238 -1.404854,1.679022 -3.758639,3.188169 -5.877177,3.768195 -1.008919,0.276228 -4.141459,0.406118 -5.072281,0.210319 z m -1.834025,-4.821857 1.971127,-2.523796 -0.781118,-0.696198 c -0.87366,-0.778682 -1.444516,-1.810899 -1.596429,-2.886653 -0.09236,-0.654058 -0.119832,-0.69024 -0.473419,-0.623589 -0.206452,0.03892 -1.647918,0.2491 -3.2032591,0.467073 L 6.6580756,18.23102 v 0.526534 c 0,1.54606 1.1262626,4.226663 2.450863,5.833266 0.6853725,0.831286 2.0832284,2.044276 2.3458154,2.035583 0.07875,-0.0026 1.030191,-1.140448 2.114312,-2.528535 z m 10.502403,2.224533 c 2.308089,-1.731629 3.869148,-4.420113 4.270334,-7.354443 l 0.09843,-0.7199 -2.908546,-0.404094 c -1.599699,-0.222252 -3.076035,-0.435983 -3.280747,-0.474959 -0.353296,-0.06727 -0.376592,-0.03381 -0.458587,0.658503 -0.154238,1.302307 -0.819612,2.388126 -1.986383,3.241571 l -0.383038,0.280176 2.003589,2.541524 c 1.101975,1.397838 2.054957,2.541523 2.117738,2.541523 0.06278,0 0.300029,-0.139455 0.527215,-0.309901 z m -5.026334,-5.411727 c 1.85629,-0.794325 2.639407,-3.13618 1.68081,-5.026341 -1.357709,-2.677128 -5.212096,-2.621565 -6.559746,0.09456 -0.397693,0.801533 -0.378841,2.49791 0.03644,3.279411 0.939577,1.768135 2.960465,2.457709 4.842492,1.652369 z m -3.140317,-7.327925 c 0.91335,-0.404018 2.304901,-0.403739 3.241904,6.44e-4 0.371762,0.160444 0.704326,0.245774 0.739031,0.18962 0.27799,-0.449791 2.374565,-5.9330777 2.309075,-6.0390431 -0.160404,-0.2595385 -2.440153,-0.8829633 -3.580853,-0.9792273 -0.630012,-0.053167 -1.675217,-0.051453 -2.322678,0.00381 -1.406858,0.120076 -3.56965,0.8151524 -3.506374,1.1268756 0.05312,0.2616926 2.338503,6.0034628 2.389543,6.0034628 0.02105,0 0.349708,-0.137763 0.730352,-0.30614 z"
-     id="path198529" /><path
-     style="fill:#0a0905;fill-opacity:0.00082329;stroke-width:0.143184"
-     d="M 15.403091,28.919725 C 12.986567,28.41141 10.756702,27.162914 9.0678378,25.372629 7.8738454,24.106933 7.0907448,22.792053 6.4922927,21.04811 6.0511378,19.762545 6.0251854,19.573862 6.019627,17.611684 6.0127132,15.171011 6.1951186,14.326091 7.1479354,12.385248 8.6057844,9.4156793 11.364499,7.1599738 14.613119,6.2812257 c 1.479743,-0.4002689 4.135978,-0.4379551 5.486967,-0.077848 4.363829,1.1631809 7.488189,4.2336433 8.621755,8.4730253 0.391668,1.464785 0.426034,3.969985 0.07464,5.441008 -0.33478,1.401466 -1.492665,3.686882 -2.443933,4.8238 -1.404854,1.679022 -3.758639,3.188169 -5.877177,3.768195 -1.008919,0.276228 -4.141459,0.406118 -5.072281,0.210319 z m -3.62905,-2.609588 c 0.163687,-0.17719 1.078373,-1.314991 2.032635,-2.528445 l 1.735021,-2.20628 -0.78187,-0.696868 c -0.874435,-0.779372 -1.445217,-1.81121 -1.597181,-2.887323 -0.09232,-0.653735 -0.120006,-0.690262 -0.473419,-0.624517 -0.206452,0.03841 -1.647918,0.251024 -3.2032591,0.472485 l -2.8278923,0.402656 v 0.499082 c 0,1.411554 1.0328865,3.999941 2.2078769,5.532882 0.5831758,0.760834 2.2917435,2.358493 2.5222195,2.358493 0.04854,0 0.222182,-0.144974 0.385869,-0.322165 z m 12.595678,-0.229898 c 1.364342,-1.078449 2.562589,-2.703524 3.261247,-4.422935 0.301667,-0.742404 0.791142,-2.735544 0.791142,-3.221521 0,-0.138704 -0.785742,-0.299427 -2.899485,-0.593089 -1.594716,-0.221553 -3.066976,-0.434713 -3.271688,-0.473689 -0.353296,-0.06727 -0.376592,-0.03381 -0.458587,0.658503 -0.154252,1.30242 -0.819907,2.388605 -1.986558,3.241571 l -0.383214,0.280176 2.015998,2.541524 c 1.108799,1.397838 2.064764,2.541523 2.124366,2.541523 0.0596,0 0.422653,-0.248429 0.806779,-0.552063 z m -5.324584,-5.169565 c 1.296451,-0.554765 2.066318,-1.783728 2.071423,-3.306673 0.01309,-3.906735 -5.07631,-5.11409 -6.91658,-1.640815 -0.431911,0.815178 -0.428899,2.487328 0.006,3.308675 0.917635,1.733202 2.983593,2.432847 4.839199,1.638813 z m -3.140317,-7.327925 c 0.918774,-0.406417 2.348536,-0.40785 3.263157,-0.0033 0.361686,0.159991 0.684895,0.246734 0.718243,0.192762 0.263746,-0.426857 2.367071,-5.94368 2.304604,-6.0447557 C 22.146678,7.6560607 21.581561,7.4249119 20.935006,7.2138223 19.392887,6.710346 16.575751,6.5764198 15.048112,6.9339603 13.81683,7.222139 12.81512,7.656703 12.814644,7.902888 c -3.58e-4,0.1854635 2.28635,5.986001 2.359822,5.986001 0.02105,0 0.349708,-0.137763 0.730352,-0.30614 z"
-     id="path863" /><path
-     style="fill:#0a0905;fill-opacity:0.000823316;stroke-width:0.143184"
-     d="M 15.403091,28.919725 C 12.986567,28.41141 10.756702,27.162914 9.0678378,25.372629 7.8738454,24.106933 7.0907448,22.792053 6.4922927,21.04811 6.0511378,19.762545 6.0251854,19.573862 6.019627,17.611684 6.0127132,15.171011 6.1951186,14.326091 7.1479354,12.385248 8.6057844,9.4156793 11.364499,7.1599738 14.613119,6.2812257 c 1.479743,-0.4002689 4.135978,-0.4379551 5.486967,-0.077848 4.363829,1.1631809 7.488189,4.2336433 8.621755,8.4730253 0.391668,1.464785 0.426034,3.969985 0.07464,5.441008 -0.33478,1.401466 -1.492665,3.686882 -2.443933,4.8238 -1.404854,1.679022 -3.758639,3.188169 -5.877177,3.768195 -1.008919,0.276228 -4.141459,0.406118 -5.072281,0.210319 z m -3.62905,-2.609588 c 0.163687,-0.17719 1.078373,-1.314991 2.032635,-2.528445 l 1.735021,-2.20628 -0.78187,-0.696868 c -0.874435,-0.779372 -1.445217,-1.81121 -1.597181,-2.887323 -0.09232,-0.653735 -0.120006,-0.690262 -0.473419,-0.624517 -0.206452,0.03841 -1.647918,0.251024 -3.2032591,0.472485 l -2.8278923,0.402656 v 0.499082 c 0,1.411554 1.0328865,3.999941 2.2078769,5.532882 0.5831758,0.760834 2.2917435,2.358493 2.5222195,2.358493 0.04854,0 0.222182,-0.144974 0.385869,-0.322165 z m 12.595678,-0.229898 c 1.364342,-1.078449 2.562589,-2.703524 3.261247,-4.422935 0.301667,-0.742404 0.791142,-2.735544 0.791142,-3.221521 0,-0.138704 -0.785742,-0.299427 -2.899485,-0.593089 -1.594716,-0.221553 -3.066976,-0.434713 -3.271688,-0.473689 -0.353296,-0.06727 -0.376592,-0.03381 -0.458587,0.658503 -0.154252,1.30242 -0.819907,2.388605 -1.986558,3.241571 l -0.383214,0.280176 2.015998,2.541524 c 1.108799,1.397838 2.064764,2.541523 2.124366,2.541523 0.0596,0 0.422653,-0.248429 0.806779,-0.552063 z m -5.324584,-5.169565 c 1.296451,-0.554765 2.066318,-1.783728 2.071423,-3.306673 0.01309,-3.906735 -5.07631,-5.11409 -6.91658,-1.640815 -0.431911,0.815178 -0.428899,2.487328 0.006,3.308675 0.917635,1.733202 2.983593,2.432847 4.839199,1.638813 z m -3.140317,-7.327925 c 0.918774,-0.406417 2.348536,-0.40785 3.263157,-0.0033 0.361686,0.159991 0.684895,0.246734 0.718243,0.192762 0.263746,-0.426857 2.367071,-5.94368 2.304604,-6.0447557 C 22.146678,7.6560607 21.581561,7.4249119 20.935006,7.2138223 19.392887,6.710346 16.575751,6.5764198 15.048112,6.9339603 13.81683,7.222139 12.81512,7.656703 12.814644,7.902888 c -3.58e-4,0.1854635 2.28635,5.986001 2.359822,5.986001 0.02105,0 0.349708,-0.137763 0.730352,-0.30614 z"
-     id="path1087" /><path
-     style="fill:#0a0905;fill-opacity:0.0004222;stroke-width:0.143184"
-     d="M 15.403091,28.919725 C 12.986567,28.41141 10.756702,27.162914 9.0678378,25.372629 7.8738454,24.106933 7.0907448,22.792053 6.4922927,21.04811 6.0511378,19.762545 6.0251854,19.573862 6.019627,17.611684 6.0127132,15.171011 6.1951186,14.326091 7.1479354,12.385248 8.6057844,9.4156793 11.364499,7.1599738 14.613119,6.2812257 c 1.479743,-0.4002689 4.135978,-0.4379551 5.486967,-0.077848 4.363829,1.1631809 7.488189,4.2336433 8.621755,8.4730253 0.391668,1.464785 0.426034,3.969985 0.07464,5.441008 -0.33478,1.401466 -1.492665,3.686882 -2.443933,4.8238 -1.404854,1.679022 -3.758639,3.188169 -5.877177,3.768195 -1.008919,0.276228 -4.141459,0.406118 -5.072281,0.210319 z m -3.62905,-2.609588 c 0.163687,-0.17719 1.078373,-1.314991 2.032635,-2.528445 l 1.735021,-2.20628 -0.78187,-0.696868 c -0.874435,-0.779372 -1.445217,-1.81121 -1.597181,-2.887323 -0.09232,-0.653735 -0.120006,-0.690262 -0.473419,-0.624517 -0.206452,0.03841 -1.647918,0.251024 -3.2032591,0.472485 l -2.8278923,0.402656 v 0.499082 c 0,1.411554 1.0328865,3.999941 2.2078769,5.532882 0.5831758,0.760834 2.2917435,2.358493 2.5222195,2.358493 0.04854,0 0.222182,-0.144974 0.385869,-0.322165 z m 12.595678,-0.229898 c 1.364342,-1.078449 2.562589,-2.703524 3.261247,-4.422935 0.301667,-0.742404 0.791142,-2.735544 0.791142,-3.221521 0,-0.138704 -0.785742,-0.299427 -2.899485,-0.593089 -1.594716,-0.221553 -3.066976,-0.434713 -3.271688,-0.473689 -0.353296,-0.06727 -0.376592,-0.03381 -0.458587,0.658503 -0.154252,1.30242 -0.819907,2.388605 -1.986558,3.241571 l -0.383214,0.280176 2.015998,2.541524 c 1.108799,1.397838 2.064764,2.541523 2.124366,2.541523 0.0596,0 0.422653,-0.248429 0.806779,-0.552063 z m -5.324584,-5.169565 c 1.296451,-0.554765 2.066318,-1.783728 2.071423,-3.306673 0.01309,-3.906735 -5.07631,-5.11409 -6.91658,-1.640815 -0.431911,0.815178 -0.428899,2.487328 0.006,3.308675 0.917635,1.733202 2.983593,2.432847 4.839199,1.638813 z m -3.140317,-7.327925 c 0.918774,-0.406417 2.348536,-0.40785 3.263157,-0.0033 0.361686,0.159991 0.684895,0.246734 0.718243,0.192762 0.263746,-0.426857 2.367071,-5.94368 2.304604,-6.0447557 C 22.146678,7.6560607 21.581561,7.4249119 20.935006,7.2138223 19.392887,6.710346 16.575751,6.5764198 15.048112,6.9339603 13.81683,7.222139 12.81512,7.656703 12.814644,7.902888 c -3.58e-4,0.1854635 2.28635,5.986001 2.359822,5.986001 0.02105,0 0.349708,-0.137763 0.730352,-0.30614 z"
-     id="path1137" /><path
-     id="path1694"
-     style="fill:#0a0905;fill-opacity:0.00042222;stroke-width:0.143184"
-     d="m 17.404297,5.9570312 c -1.0179,0.014442 -2.051144,0.1240843 -2.791016,0.3242188 -3.24862,0.8787481 -6.0069945,3.1339469 -7.4648435,6.103516 -0.9528168,1.940843 -1.13582,2.785889 -1.1289063,5.226562 0.00556,1.962178 0.031501,2.151935 0.4726563,3.4375 0.5984521,1.743943 1.3821795,3.058523 2.5761719,4.324219 1.6888646,1.790285 3.9174606,3.03856 6.3339846,3.546875 0.930822,0.195799 4.063346,0.06529 5.072265,-0.210938 2.118538,-0.580026 4.474053,-2.088556 5.878907,-3.767578 0.951268,-1.136918 2.108579,-3.422753 2.443359,-4.824218 0.351394,-1.471024 0.317449,-3.976622 -0.07422,-5.441407 C 27.58909,10.436399 24.463438,7.3663059 20.099609,6.203125 19.424115,6.0230714 18.422197,5.9425895 17.404297,5.9570312 Z m -0.228516,0.7753907 c 1.33383,-0.0038 2.795941,0.165796 3.759766,0.4804687 0.646555,0.2110896 1.211715,0.4422773 1.255859,0.5136719 0.06247,0.1010757 -2.040941,5.6180645 -2.304687,6.0449215 -0.03335,0.05397 -0.357064,-0.03141 -0.71875,-0.191406 -0.914621,-0.40455 -2.344898,-0.404464 -3.263672,0.002 -0.380644,0.168377 -0.709419,0.306641 -0.730469,0.306641 -0.01259,0 -0.104626,-0.210781 -0.224609,-0.494141 -0.277907,0.679369 -0.950503,1.356622 -2.103516,1.830078 -0.831919,0.341607 -1.669486,0.669688 -2.525391,0.947266 -4.0449595,1.311816 -5.4551836,-2.753023 -1.4082026,-4.058594 0.7786979,-0.25121 1.5431906,-0.546655 2.2988286,-0.859375 0.613932,-0.254077 1.170485,-0.372163 1.660156,-0.382812 0.438611,-0.0095 0.820795,0.06753 1.140625,0.207031 -0.597189,-1.5121606 -1.19745,-3.0804478 -1.197266,-3.1757812 4.76e-4,-0.246185 1.003093,-0.6805713 2.234375,-0.96875 0.572865,-0.1340777 1.326656,-0.1988901 2.126953,-0.2011719 z m 0.316407,7.1816401 c 1.84172,0.0016 3.632772,1.36983 3.625,3.689454 -0.0051,1.522945 -0.775815,2.751875 -2.072266,3.30664 -1.855606,0.794034 -3.922209,0.09453 -4.839844,-1.638672 -0.434899,-0.821347 -0.43777,-2.493415 -0.0059,-3.308593 0.747609,-1.411018 2.032844,-2.049947 3.292969,-2.048829 z m -4.59375,3.429688 c 0.16121,0.01318 0.194431,0.158136 0.263671,0.648438 0.151964,1.076112 0.723222,2.107346 1.597657,2.886718 l 0.78125,0.697266 -1.734375,2.205078 c -0.954262,1.213454 -1.869517,2.352107 -2.033203,2.529297 -0.163688,0.177191 -0.336226,0.322265 -0.384766,0.322265 -0.230476,10e-7 -1.9402618,-1.598541 -2.5234376,-2.359374 C 7.690244,22.740496 6.6582031,20.151788 6.6582031,18.740234 v -0.498046 l 2.828125,-0.402344 c 1.5553409,-0.221461 2.9966729,-0.434247 3.2031249,-0.472656 0.08835,-0.01644 0.155248,-0.02783 0.208985,-0.02344 z m 9.142578,0.002 c 0.05315,-0.0045 0.12066,0.0066 0.208984,0.02344 0.204712,0.03898 1.678722,0.251103 3.273438,0.472656 2.113742,0.293662 2.898437,0.455046 2.898437,0.59375 0,0.485977 -0.489349,2.480252 -0.791016,3.222656 -0.698658,1.719411 -1.897376,3.343426 -3.261718,4.421875 -0.384126,0.303634 -0.747041,0.552734 -0.806641,0.552734 -0.0596,10e-7 -1.014248,-1.14513 -2.123047,-2.542968 l -2.017578,-2.541016 0.384766,-0.279297 c 1.166651,-0.852966 1.832076,-1.939767 1.986328,-3.242187 0.0615,-0.519235 0.0886,-0.668158 0.248047,-0.681641 z" /><path
-     style="fill:#0a0905;fill-opacity:0;stroke-width:0.143184"
-     d="M 15.403091,28.919725 C 12.986567,28.41141 10.756702,27.162914 9.0678378,25.372629 7.8738454,24.106933 7.0907448,22.792053 6.4922927,21.04811 6.0511378,19.762545 6.0251854,19.573862 6.019627,17.611684 6.0127132,15.171011 6.1951186,14.326091 7.1479354,12.385248 8.6057844,9.4156793 11.364499,7.1599738 14.613119,6.2812257 c 1.479743,-0.4002689 4.135978,-0.4379551 5.486967,-0.077848 4.363829,1.1631809 7.488189,4.2336433 8.621755,8.4730253 0.391668,1.464785 0.426034,3.969985 0.07464,5.441008 -0.33478,1.401466 -1.492665,3.686882 -2.443933,4.8238 -1.404854,1.679022 -3.758639,3.188169 -5.877177,3.768195 -1.008919,0.276228 -4.141459,0.406118 -5.072281,0.210319 z m -3.62905,-2.609588 c 0.163687,-0.17719 1.078373,-1.314991 2.032635,-2.528445 l 1.735021,-2.20628 -0.78187,-0.696868 c -0.874435,-0.779372 -1.445217,-1.81121 -1.597181,-2.887323 -0.09232,-0.653735 -0.120006,-0.690262 -0.473419,-0.624517 -0.206452,0.03841 -1.647918,0.251024 -3.2032591,0.472485 l -2.8278923,0.402656 v 0.499082 c 0,1.411554 1.0328865,3.999941 2.2078769,5.532882 0.5831758,0.760834 2.2917435,2.358493 2.5222195,2.358493 0.04854,0 0.222182,-0.144974 0.385869,-0.322165 z m 12.595678,-0.229898 c 1.364342,-1.078449 2.562589,-2.703524 3.261247,-4.422935 0.301667,-0.742404 0.791142,-2.735544 0.791142,-3.221521 0,-0.138704 -0.785742,-0.299427 -2.899485,-0.593089 -1.594716,-0.221553 -3.066976,-0.434713 -3.271688,-0.473689 -0.353296,-0.06727 -0.376592,-0.03381 -0.458587,0.658503 -0.154252,1.30242 -0.819907,2.388605 -1.986558,3.241571 l -0.383214,0.280176 2.015998,2.541524 c 1.108799,1.397838 2.064764,2.541523 2.124366,2.541523 0.0596,0 0.422653,-0.248429 0.806779,-0.552063 z m -5.324584,-5.169565 c 1.296451,-0.554765 2.066318,-1.783728 2.071423,-3.306673 0.01309,-3.906735 -5.07631,-5.11409 -6.91658,-1.640815 -0.431911,0.815178 -0.428899,2.487328 0.006,3.308675 0.917635,1.733202 2.983593,2.432847 4.839199,1.638813 z m -3.140317,-7.327925 c 0.918774,-0.406417 2.348536,-0.40785 3.263157,-0.0033 0.361686,0.159991 0.684895,0.246734 0.718243,0.192762 0.263746,-0.426857 2.367071,-5.94368 2.304604,-6.0447557 C 22.146678,7.6560607 21.581561,7.4249119 20.935006,7.2138223 19.392887,6.710346 16.575751,6.5764198 15.048112,6.9339603 13.81683,7.222139 12.81512,7.656703 12.814644,7.902888 c -3.58e-4,0.1854635 2.28635,5.986001 2.359822,5.986001 0.02105,0 0.349708,-0.137763 0.730352,-0.30614 z"
-     id="path1873" /><path
-     style="fill:#0a0905;fill-opacity:0;stroke-width:0.143184"
-     d="M 15.403091,28.919725 C 12.986567,28.41141 10.756702,27.162914 9.0678378,25.372629 7.8738454,24.106933 7.0907448,22.792053 6.4922927,21.04811 6.0511378,19.762545 6.0251854,19.573862 6.019627,17.611684 6.0127132,15.171011 6.1951186,14.326091 7.1479354,12.385248 8.6057844,9.4156793 11.364499,7.1599738 14.613119,6.2812257 c 1.479743,-0.4002689 4.135978,-0.4379551 5.486967,-0.077848 4.363829,1.1631809 7.488189,4.2336433 8.621755,8.4730253 0.391668,1.464785 0.426034,3.969985 0.07464,5.441008 -0.33478,1.401466 -1.492665,3.686882 -2.443933,4.8238 -1.404854,1.679022 -3.758639,3.188169 -5.877177,3.768195 -1.008919,0.276228 -4.141459,0.406118 -5.072281,0.210319 z m -3.62905,-2.609588 c 0.163687,-0.17719 1.078373,-1.314991 2.032635,-2.528445 l 1.735021,-2.20628 -0.78187,-0.696868 c -0.874435,-0.779372 -1.445217,-1.81121 -1.597181,-2.887323 -0.09232,-0.653735 -0.120006,-0.690262 -0.473419,-0.624517 -0.206452,0.03841 -1.647918,0.251024 -3.2032591,0.472485 l -2.8278923,0.402656 v 0.499082 c 0,1.411554 1.0328865,3.999941 2.2078769,5.532882 0.5831758,0.760834 2.2917435,2.358493 2.5222195,2.358493 0.04854,0 0.222182,-0.144974 0.385869,-0.322165 z m 12.595678,-0.229898 c 1.364342,-1.078449 2.562589,-2.703524 3.261247,-4.422935 0.301667,-0.742404 0.791142,-2.735544 0.791142,-3.221521 0,-0.138704 -0.785742,-0.299427 -2.899485,-0.593089 -1.594716,-0.221553 -3.066976,-0.434713 -3.271688,-0.473689 -0.353296,-0.06727 -0.376592,-0.03381 -0.458587,0.658503 -0.154252,1.30242 -0.819907,2.388605 -1.986558,3.241571 l -0.383214,0.280176 2.015998,2.541524 c 1.108799,1.397838 2.064764,2.541523 2.124366,2.541523 0.0596,0 0.422653,-0.248429 0.806779,-0.552063 z m -5.324584,-5.169565 c 1.296451,-0.554765 2.066318,-1.783728 2.071423,-3.306673 0.01309,-3.906735 -5.07631,-5.11409 -6.91658,-1.640815 -0.431911,0.815178 -0.428899,2.487328 0.006,3.308675 0.917635,1.733202 2.983593,2.432847 4.839199,1.638813 z m -3.140317,-7.327925 c 0.918774,-0.406417 2.348536,-0.40785 3.263157,-0.0033 0.361686,0.159991 0.684895,0.246734 0.718243,0.192762 0.263746,-0.426857 2.367071,-5.94368 2.304604,-6.0447557 C 22.146678,7.6560607 21.581561,7.4249119 20.935006,7.2138223 19.392887,6.710346 16.575751,6.5764198 15.048112,6.9339603 13.81683,7.222139 12.81512,7.656703 12.814644,7.902888 c -3.58e-4,0.1854635 2.28635,5.986001 2.359822,5.986001 0.02105,0 0.349708,-0.137763 0.730352,-0.30614 z"
-     id="path3762" /><path
-     style="fill:#0a0905;fill-opacity:0;stroke-width:0.143184"
-     d="M 15.403091,28.919725 C 12.986567,28.41141 10.756702,27.162914 9.0678378,25.372629 7.8738454,24.106933 7.0907448,22.792053 6.4922927,21.04811 6.0511378,19.762545 6.0251854,19.573862 6.019627,17.611684 6.0127132,15.171011 6.1951186,14.326091 7.1479354,12.385248 8.6057844,9.4156793 11.364499,7.1599738 14.613119,6.2812257 c 1.479743,-0.4002689 4.135978,-0.4379551 5.486967,-0.077848 4.363829,1.1631809 7.488189,4.2336433 8.621755,8.4730253 0.391668,1.464785 0.426034,3.969985 0.07464,5.441008 -0.33478,1.401466 -1.492665,3.686882 -2.443933,4.8238 -1.404854,1.679022 -3.758639,3.188169 -5.877177,3.768195 -1.008919,0.276228 -4.141459,0.406118 -5.072281,0.210319 z m -3.62905,-2.609588 c 0.163687,-0.17719 1.078373,-1.314991 2.032635,-2.528445 l 1.735021,-2.20628 -0.78187,-0.696868 c -0.874435,-0.779372 -1.445217,-1.81121 -1.597181,-2.887323 -0.09232,-0.653735 -0.120006,-0.690262 -0.473419,-0.624517 -0.206452,0.03841 -1.647918,0.251024 -3.2032591,0.472485 l -2.8278923,0.402656 v 0.499082 c 0,1.411554 1.0328865,3.999941 2.2078769,5.532882 0.5831758,0.760834 2.2917435,2.358493 2.5222195,2.358493 0.04854,0 0.222182,-0.144974 0.385869,-0.322165 z m 12.595678,-0.229898 c 1.364342,-1.078449 2.562589,-2.703524 3.261247,-4.422935 0.301667,-0.742404 0.791142,-2.735544 0.791142,-3.221521 0,-0.138704 -0.785742,-0.299427 -2.899485,-0.593089 -1.594716,-0.221553 -3.066976,-0.434713 -3.271688,-0.473689 -0.353296,-0.06727 -0.376592,-0.03381 -0.458587,0.658503 -0.154252,1.30242 -0.819907,2.388605 -1.986558,3.241571 l -0.383214,0.280176 2.015998,2.541524 c 1.108799,1.397838 2.064764,2.541523 2.124366,2.541523 0.0596,0 0.422653,-0.248429 0.806779,-0.552063 z m -5.324584,-5.169565 c 1.296451,-0.554765 2.066318,-1.783728 2.071423,-3.306673 0.01309,-3.906735 -5.07631,-5.11409 -6.91658,-1.640815 -0.431911,0.815178 -0.428899,2.487328 0.006,3.308675 0.917635,1.733202 2.983593,2.432847 4.839199,1.638813 z m -3.140317,-7.327925 c 0.918774,-0.406417 2.348536,-0.40785 3.263157,-0.0033 0.361686,0.159991 0.684895,0.246734 0.718243,0.192762 0.263746,-0.426857 2.367071,-5.94368 2.304604,-6.0447557 C 22.146678,7.6560607 21.581561,7.4249119 20.935006,7.2138223 19.392887,6.710346 16.575751,6.5764198 15.048112,6.9339603 13.81683,7.222139 12.81512,7.656703 12.814644,7.902888 c -3.58e-4,0.1854635 2.28635,5.986001 2.359822,5.986001 0.02105,0 0.349708,-0.137763 0.730352,-0.30614 z"
-     id="path3801" /><path
-     style="fill:#0a0905;fill-opacity:0;stroke-width:0.143184"
-     d="M 15.403091,28.919725 C 12.986567,28.41141 10.756702,27.162914 9.0678378,25.372629 7.8738454,24.106933 7.0907448,22.792053 6.4922927,21.04811 6.0511378,19.762545 6.0251854,19.573862 6.019627,17.611684 6.0127132,15.171011 6.1951186,14.326091 7.1479354,12.385248 8.6057844,9.4156793 11.364499,7.1599738 14.613119,6.2812257 c 1.479743,-0.4002689 4.135978,-0.4379551 5.486967,-0.077848 4.363829,1.1631809 7.488189,4.2336433 8.621755,8.4730253 0.391668,1.464785 0.426034,3.969985 0.07464,5.441008 -0.33478,1.401466 -1.492665,3.686882 -2.443933,4.8238 -1.404854,1.679022 -3.758639,3.188169 -5.877177,3.768195 -1.008919,0.276228 -4.141459,0.406118 -5.072281,0.210319 z m -3.62905,-2.609588 c 0.163687,-0.17719 1.078373,-1.314991 2.032635,-2.528445 l 1.735021,-2.20628 -0.78187,-0.696868 c -0.874435,-0.779372 -1.445217,-1.81121 -1.597181,-2.887323 -0.09232,-0.653735 -0.120006,-0.690262 -0.473419,-0.624517 -0.206452,0.03841 -1.647918,0.251024 -3.2032591,0.472485 l -2.8278923,0.402656 v 0.499082 c 0,1.411554 1.0328865,3.999941 2.2078769,5.532882 0.5831758,0.760834 2.2917435,2.358493 2.5222195,2.358493 0.04854,0 0.222182,-0.144974 0.385869,-0.322165 z m 12.595678,-0.229898 c 1.364342,-1.078449 2.562589,-2.703524 3.261247,-4.422935 0.301667,-0.742404 0.791142,-2.735544 0.791142,-3.221521 0,-0.138704 -0.785742,-0.299427 -2.899485,-0.593089 -1.594716,-0.221553 -3.066976,-0.434713 -3.271688,-0.473689 -0.353296,-0.06727 -0.376592,-0.03381 -0.458587,0.658503 -0.154252,1.30242 -0.819907,2.388605 -1.986558,3.241571 l -0.383214,0.280176 2.015998,2.541524 c 1.108799,1.397838 2.064764,2.541523 2.124366,2.541523 0.0596,0 0.422653,-0.248429 0.806779,-0.552063 z m -5.324584,-5.169565 c 1.296451,-0.554765 2.066318,-1.783728 2.071423,-3.306673 0.01309,-3.906735 -5.07631,-5.11409 -6.91658,-1.640815 -0.431911,0.815178 -0.428899,2.487328 0.006,3.308675 0.917635,1.733202 2.983593,2.432847 4.839199,1.638813 z m -3.140317,-7.327925 c 0.918774,-0.406417 2.348536,-0.40785 3.263157,-0.0033 0.361686,0.159991 0.684895,0.246734 0.718243,0.192762 0.263746,-0.426857 2.367071,-5.94368 2.304604,-6.0447557 C 22.146678,7.6560607 21.581561,7.4249119 20.935006,7.2138223 19.392887,6.710346 16.575751,6.5764198 15.048112,6.9339603 13.81683,7.222139 12.81512,7.656703 12.814644,7.902888 c -3.58e-4,0.1854635 2.28635,5.986001 2.359822,5.986001 0.02105,0 0.349708,-0.137763 0.730352,-0.30614 z"
-     id="path3840" /><path
-     style="fill:#0a0905;fill-opacity:0;stroke-width:0.143184"
-     d="M 15.403091,28.919725 C 12.986567,28.41141 10.756702,27.162914 9.0678378,25.372629 7.8738454,24.106933 7.0907448,22.792053 6.4922927,21.04811 6.0511378,19.762545 6.0251854,19.573862 6.019627,17.611684 6.0127132,15.171011 6.1951186,14.326091 7.1479354,12.385248 8.6057844,9.4156793 11.364499,7.1599738 14.613119,6.2812257 c 1.479743,-0.4002689 4.135978,-0.4379551 5.486967,-0.077848 4.363829,1.1631809 7.488189,4.2336433 8.621755,8.4730253 0.391668,1.464785 0.426034,3.969985 0.07464,5.441008 -0.33478,1.401466 -1.492665,3.686882 -2.443933,4.8238 -1.404854,1.679022 -3.758639,3.188169 -5.877177,3.768195 -1.008919,0.276228 -4.141459,0.406118 -5.072281,0.210319 z m -3.62905,-2.609588 c 0.163687,-0.17719 1.078373,-1.314991 2.032635,-2.528445 l 1.735021,-2.20628 -0.78187,-0.696868 c -0.874435,-0.779372 -1.445217,-1.81121 -1.597181,-2.887323 -0.09232,-0.653735 -0.120006,-0.690262 -0.473419,-0.624517 -0.206452,0.03841 -1.647918,0.251024 -3.2032591,0.472485 l -2.8278923,0.402656 v 0.499082 c 0,1.411554 1.0328865,3.999941 2.2078769,5.532882 0.5831758,0.760834 2.2917435,2.358493 2.5222195,2.358493 0.04854,0 0.222182,-0.144974 0.385869,-0.322165 z m 12.595678,-0.229898 c 1.364342,-1.078449 2.562589,-2.703524 3.261247,-4.422935 0.301667,-0.742404 0.791142,-2.735544 0.791142,-3.221521 0,-0.138704 -0.785742,-0.299427 -2.899485,-0.593089 -1.594716,-0.221553 -3.066976,-0.434713 -3.271688,-0.473689 -0.353296,-0.06727 -0.376592,-0.03381 -0.458587,0.658503 -0.154252,1.30242 -0.819907,2.388605 -1.986558,3.241571 l -0.383214,0.280176 2.015998,2.541524 c 1.108799,1.397838 2.064764,2.541523 2.124366,2.541523 0.0596,0 0.422653,-0.248429 0.806779,-0.552063 z m -5.324584,-5.169565 c 1.296451,-0.554765 2.066318,-1.783728 2.071423,-3.306673 0.01309,-3.906735 -5.07631,-5.11409 -6.91658,-1.640815 -0.431911,0.815178 -0.428899,2.487328 0.006,3.308675 0.917635,1.733202 2.983593,2.432847 4.839199,1.638813 z m -3.140317,-7.327925 c 0.918774,-0.406417 2.348536,-0.40785 3.263157,-0.0033 0.361686,0.159991 0.684895,0.246734 0.718243,0.192762 0.263746,-0.426857 2.367071,-5.94368 2.304604,-6.0447557 C 22.146678,7.6560607 21.581561,7.4249119 20.935006,7.2138223 19.392887,6.710346 16.575751,6.5764198 15.048112,6.9339603 13.81683,7.222139 12.81512,7.656703 12.814644,7.902888 c -3.58e-4,0.1854635 2.28635,5.986001 2.359822,5.986001 0.02105,0 0.349708,-0.137763 0.730352,-0.30614 z"
-     id="path3879" /><path
-     style="fill:#13ffff;fill-opacity:0;stroke-width:0.143184"
-     d="M 15.403091,28.919725 C 12.986567,28.41141 10.756702,27.162914 9.0678378,25.372629 7.8738454,24.106933 7.0907448,22.792053 6.4922927,21.04811 6.0511378,19.762545 6.0251854,19.573862 6.019627,17.611684 6.0130786,15.299997 6.1862529,14.415012 6.9860068,12.673129 8.9502499,8.3949583 13.665503,5.570394 18.23377,5.9354134 c 5.059072,0.4042363 9.176463,3.835762 10.488071,8.7409896 0.398822,1.491542 0.430406,3.987975 0.06883,5.441008 -0.359253,1.443722 -1.502446,3.705511 -2.438127,4.8238 -1.404854,1.679022 -3.758639,3.188169 -5.877177,3.768195 -1.008919,0.276228 -4.141459,0.406118 -5.072281,0.210319 z m -1.834025,-4.821857 1.971127,-2.523796 -0.781118,-0.696198 c -0.87366,-0.778682 -1.444516,-1.810899 -1.596429,-2.886653 -0.09236,-0.654058 -0.119832,-0.69024 -0.473419,-0.623589 -0.206452,0.03892 -1.647918,0.2491 -3.2032591,0.467073 L 6.6580756,18.23102 v 0.526534 c 0,1.54606 1.1262626,4.226663 2.450863,5.833266 0.6853725,0.831286 2.0832284,2.044276 2.3458154,2.035583 0.07875,-0.0026 1.030191,-1.140448 2.114312,-2.528535 z m 10.502403,2.224533 c 2.308089,-1.731629 3.869148,-4.420113 4.270334,-7.354443 l 0.09843,-0.7199 -2.908546,-0.404094 c -1.599699,-0.222252 -3.076035,-0.435983 -3.280747,-0.474959 -0.353296,-0.06727 -0.376592,-0.03381 -0.458587,0.658503 -0.154238,1.302307 -0.819612,2.388126 -1.986383,3.241571 l -0.383038,0.280176 2.003589,2.541524 c 1.101975,1.397838 2.054957,2.541523 2.117738,2.541523 0.06278,0 0.300029,-0.139455 0.527215,-0.309901 z m -5.026334,-5.411727 c 1.85629,-0.794325 2.639407,-3.13618 1.68081,-5.026341 -1.357709,-2.677128 -5.212096,-2.621565 -6.559746,0.09456 -0.397693,0.801533 -0.378841,2.49791 0.03644,3.279411 0.939577,1.768135 2.960465,2.457709 4.842492,1.652369 z m -3.140317,-7.327925 c 0.91335,-0.404018 2.304901,-0.403739 3.241904,6.44e-4 0.371762,0.160444 0.704326,0.245774 0.739031,0.18962 0.27799,-0.449791 2.374565,-5.9330777 2.309075,-6.0390431 -0.160404,-0.2595385 -2.440153,-0.8829633 -3.580853,-0.9792273 -0.630012,-0.053167 -1.675217,-0.051453 -2.322678,0.00381 -1.406858,0.120076 -3.56965,0.8151524 -3.506374,1.1268756 0.05312,0.2616926 2.338503,6.0034628 2.389543,6.0034628 0.02105,0 0.349708,-0.137763 0.730352,-0.30614 z"
-     id="path4357" /></svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1364 259" width="100%" height="100%" fill="currentColor">
+  <g>
+      <path d="M0,174V51h15.24v-17.14h16.81v-16.98h16.96V0h1266v17.23h17.13v16.81h16.98v16.96h14.88v123h-15.13v17.08h-17.08v17.08h-16.9v17.04H324.9v16.86h-16.9v16.95h-102v-17.12h-17.07v-17.05H48.73v-17.05h-16.89v-16.89H14.94v-16.89H0ZM1297.95,17.35H65.9v16.7h-17.08v17.08h-14.5v123.08h14.85v16.9h17.08v17.08h139.9v17.08h17.08v16.36h67.9v-16.72h17.08v-17.07h989.88v-17.07h17.08v-16.9h14.44V50.8h-14.75v-17.08h-16.9v-16.37Z"/>
+      <path d="M189.1,154.78v17.07h-16.9v16.75h-51.07v-16.42h-16.9v-17.07h-16.97v-84.88h16.63v-17.07h16.9v-16.84h51.07v16.5h17.07v17.07h16.7v84.89h-16.54ZM137.87,53.1v17.15h-16.6v84.86h16.97v16.61h16.89v-16.97h16.6v-84.86h-16.97v-16.79h-16.89Z"/>
+      <path d="M273.91,104.06v-16.73h50.92v16.45h16.85v68.05h-16.44v17.06h-50.96v16.88h16.4v16.96h-67.28v-16.61h16.33v-101.86h-16.38v-16.98h33.4v16.63c6.12,0,11.72,0,17.31,0,0,22.56,0,45.13,0,67.75h33.59v-67.61h-33.73Z"/>
+      <path d="M631.12,188.64v-16.36h16.53V53.2h-16.25v-16.86h118.33v33.29h-16.65v-16.36h-50.72v50.44h33.36v-16.35h16.99v50.25h-16.6v-16.33h-33.73v50.65h16.37v16.72h-67.63Z"/>
+      <path d="M596.78,103.8v84.94h-33.54v-84.39h-34.03v84.25h-33.85v-101.29h84.5v16.49h16.93Z"/>
+      <path d="M1107.12,188.71v-84.34h-34.03v84.37h-33.7v-101.41h84.42v16.41h16.86v84.96h-33.54Z"/>
+      <path d="M988.1,171.78v16.87h-67.88v-16.38h-16.87v-68.06h16.38v-16.87h68.06v16.38h16.87v68.06h-16.55ZM970.78,104.35h-33.39v67.38h33.39v-67.38Z"/>
+      <path d="M460.77,155.38v16.49h-16.58v16.83h-68.05v-16.5h-16.83v-68.05h16.49v-16.83h68.05v16.49h16.83v34.06h-67.31v33.82h33.47v-16.31h33.92ZM393.39,104.18v16.56h33.3v-16.56h-33.3Z"/>
+      <path d="M1209.13,172h-16.9v-67.9h-16.96v-16.9h16.68v-17.08h16.9v-16.82h16.9v33.58h50.98v16.91h-50.4v67.96h16.48v-16.43h50.95v16.54h-16.55v16.76h-68.08v-16.6Z"/>
+      <path d="M834.91,120.94v16.96h-16.65v33.88h16.41v16.96h-67.29v-16.63h16.34v-67.87h-16.4v-16.97h50.42v33.81h17.3l-.14-.14Z"/>
+      <path d="M835.05,121.08v-33.75h33.76v16.43h16.85v33.96h-33.43v-16.79c-6.13,0-11.73,0-17.32,0,0,0,.14.14.14.14Z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/client/index.html b/src/client/index.html
index 3be81e359..accf7afe7 100644
--- a/src/client/index.html
+++ b/src/client/index.html
@@ -1,178 +1,246 @@
 <!DOCTYPE html>
 <html lang="en" class="h-full">
 
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>OpenFront (ALPHA)</title>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>OpenFront (ALPHA)</title>
 
-  <!-- Preload critical assets -->
-  <link rel="preload" href="../../resources/images/OpenFrontLogo.svg" as="image" />
-  <link rel="preload" href="../../resources/images/DiscordIcon.svg" as="image" />
+    <!-- Critical CSS to prevent FOUC -->
+    <style>
+      .preload * {
+        -webkit-transition: none !important;
+        -moz-transition: none !important;
+        -ms-transition: none !important;
+        -o-transition: none !important;
+        transition: none !important;
+      }
 
-  <!-- Critical CSS to prevent FOUC -->
-  <style>
-    .preload * {
-      -webkit-transition: none !important;
-      -moz-transition: none !important;
-      -ms-transition: none !important;
-      -o-transition: none !important;
-      transition: none !important;
-    }
+      html {
+        visibility: visible;
+        opacity: 1;
+      }
 
-    html {
-      visibility: visible;
-      opacity: 1;
-    }
+      html.preload {
+        visibility: hidden;
+        opacity: 0;
+      }
 
-    html.preload {
-      visibility: hidden;
-      opacity: 0;
-    }
+      body::before {
+        content: "";
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        backdrop-filter: blur(4px);
+        -webkit-backdrop-filter: blur(4px);
+        z-index: -1;
+      }
 
-    body::before {
-      content: "";
-      position: fixed;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      backdrop-filter: blur(4px);
-      -webkit-backdrop-filter: blur(4px);
-      z-index: -1;
-    }
+      /* Critical styles to prevent layout shift */
+      .container {
+        opacity: 1;
+        transition: opacity 0.3s ease-in-out;
+      }
 
-    /* Critical styles to prevent layout shift */
-    .container {
-      opacity: 1;
-      transition: opacity 0.3s ease-in-out;
-    }
-  </style>
+      .logo-glow {
+        fill: url(#logo-gradient);
+        filter: drop-shadow(1px 1px 0px rgb(255, 255, 255))
+          drop-shadow(-1px -1px 0px rgb(255, 255, 255))
+          drop-shadow(1px -1px 0px rgb(255, 255, 255))
+          drop-shadow(-1px 1px 0px rgb(255, 255, 255))
+          drop-shadow(3px 3px 0px rgb(255, 255, 255));
+      }
+      .logo-version {
+        color: #2563eb;
+        filter: drop-shadow(1px 1px 0px rgb(255, 255, 255))
+          drop-shadow(-1px -1px 0px rgb(255, 255, 255))
+          drop-shadow(1px -1px 0px rgb(255, 255, 255))
+          drop-shadow(-1px 1px 0px rgb(255, 255, 255));
+      }
+    </style>
 
-  <!-- Immediate execution to prevent FOUC -->
-  <script>
-    document.documentElement.className = "preload";
-  </script>
+    <!-- Immediate execution to prevent FOUC -->
+    <script>
+      document.documentElement.className = "preload";
+    </script>
 
-  <!-- Analytics -->
+    <!-- Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=AW-16702609763"></script>
-  <script>
-    window.dataLayer = window.dataLayer || [];
-    function gtag() {
-      dataLayer.push(arguments);
-    }
-    gtag("js", new Date());
-    gtag("config", "AW-16702609763");
-  </script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());
+      gtag("config", "AW-16702609763");
+    </script>
   <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7035513310742290"
     crossorigin="anonymous"></script>
-</head>
+  </head>
 
-<body
-  class="h-full select-none font-sans min-h-screen bg-opacity-0 bg-cover bg-center bg-fixed transition-opacity duration-300 ease-in-out flex flex-col">
-  <!-- Main container with responsive padding -->
-  <!-- Logo section remains the same -->
-  <div class="container mx-auto px-4 sm:px-6 lg:px-8 py-4 sm:py-6 lg:py-8 flex-grow">
-    <div class="flex justify-center">
-      <img src="../../resources/images/OpenFrontLogo.png" alt="OpenFront.io" />
-    </div>
-    <div class="flex justify-center text-sm font-bold mt-[-10px] pb-6 md:pb-12">
-      v0.15.0
+  <body
+    class="h-full select-none font-sans min-h-screen bg-opacity-0 bg-cover bg-center bg-fixed transition-opacity duration-300 ease-in-out flex flex-col"
+  >
+    <!-- Logo section remains the same -->
+    <div
+      class="flex justify-center items-center flex-col w-full bg-gray-900/80 backdrop-blur-md pt-8 pb-2 px-8"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 1364 259"
+        width="100%"
+        height="100%"
+        fill="currentColor"
+        class="max-w-[450px] h-full logo-glow"
+      >
+        <defs>
+          <linearGradient id="logo-gradient" x1="0%" y1="0%" x2="100%" y2="0%">
+            <stop offset="0%" style="stop-color: #2563eb" />
+            <stop offset="100%" style="stop-color: #3b82f6" />
+          </linearGradient>
+        </defs>
+        <g>
+          <path
+            d="M0,174V51h15.24v-17.14h16.81v-16.98h16.96V0h1266v17.23h17.13v16.81h16.98v16.96h14.88v123h-15.13v17.08h-17.08v17.08h-16.9v17.04H324.9v16.86h-16.9v16.95h-102v-17.12h-17.07v-17.05H48.73v-17.05h-16.89v-16.89H14.94v-16.89H0ZM1297.95,17.35H65.9v16.7h-17.08v17.08h-14.5v123.08h14.85v16.9h17.08v17.08h139.9v17.08h17.08v16.36h67.9v-16.72h17.08v-17.07h989.88v-17.07h17.08v-16.9h14.44V50.8h-14.75v-17.08h-16.9v-16.37Z"
+          />
+          <path
+            d="M189.1,154.78v17.07h-16.9v16.75h-51.07v-16.42h-16.9v-17.07h-16.97v-84.88h16.63v-17.07h16.9v-16.84h51.07v16.5h17.07v17.07h16.7v84.89h-16.54ZM137.87,53.1v17.15h-16.6v84.86h16.97v16.61h16.89v-16.97h16.6v-84.86h-16.97v-16.79h-16.89Z"
+          />
+          <path
+            d="M273.91,104.06v-16.73h50.92v16.45h16.85v68.05h-16.44v17.06h-50.96v16.88h16.4v16.96h-67.28v-16.61h16.33v-101.86h-16.38v-16.98h33.4v16.63c6.12,0,11.72,0,17.31,0,0,22.56,0,45.13,0,67.75h33.59v-67.61h-33.73Z"
+          />
+          <path
+            d="M631.12,188.64v-16.36h16.53V53.2h-16.25v-16.86h118.33v33.29h-16.65v-16.36h-50.72v50.44h33.36v-16.35h16.99v50.25h-16.6v-16.33h-33.73v50.65h16.37v16.72h-67.63Z"
+          />
+          <path
+            d="M596.78,103.8v84.94h-33.54v-84.39h-34.03v84.25h-33.85v-101.29h84.5v16.49h16.93Z"
+          />
+          <path
+            d="M1107.12,188.71v-84.34h-34.03v84.37h-33.7v-101.41h84.42v16.41h16.86v84.96h-33.54Z"
+          />
+          <path
+            d="M988.1,171.78v16.87h-67.88v-16.38h-16.87v-68.06h16.38v-16.87h68.06v16.38h16.87v68.06h-16.55ZM970.78,104.35h-33.39v67.38h33.39v-67.38Z"
+          />
+          <path
+            d="M460.77,155.38v16.49h-16.58v16.83h-68.05v-16.5h-16.83v-68.05h16.49v-16.83h68.05v16.49h16.83v34.06h-67.31v33.82h33.47v-16.31h33.92ZM393.39,104.18v16.56h33.3v-16.56h-33.3Z"
+          />
+          <path
+            d="M1209.13,172h-16.9v-67.9h-16.96v-16.9h16.68v-17.08h16.9v-16.82h16.9v33.58h50.98v16.91h-50.4v67.96h16.48v-16.43h50.95v16.54h-16.55v16.76h-68.08v-16.6Z"
+          />
+          <path
+            d="M834.91,120.94v16.96h-16.65v33.88h16.41v16.96h-67.29v-16.63h16.34v-67.87h-16.4v-16.97h50.42v33.81h17.3l-.14-.14Z"
+          />
+          <path
+            d="M835.05,121.08v-33.75h33.76v16.43h16.85v33.96h-33.43v-16.79c-6.13,0-11.73,0-17.32,0,0,0,.14.14.14.14Z"
+          />
+        </g>
+      </svg>
+      <div class="flex justify-center text-sm font-bold mt-[-5px] logo-version">
+        v0.15.0
+      </div>
     </div>
 
-    <div class="relative items-center max-w-sm sm:max-w-md lg:max-w-lg xl:max-w-xl mx-auto p-2 pb-4">
-      <flag-input></flag-input>
-      <username-input class="w-full"></username-input>
-    </div>
+    <!-- Main container with responsive padding -->
+    <div class="flex justify-center items-center flex-grow">
+      <div class="container px-4 sm:px-6 lg:px-8 py-4 sm:py-6 lg:py-8">
+        <div
+          class="relative items-center max-w-sm sm:max-w-md lg:max-w-lg xl:max-w-xl mx-auto p-2 pb-4"
+        >
+          <flag-input></flag-input>
+          <username-input class="w-full"></username-input>
+        </div>
 
-    <div class="max-w-sm sm:max-w-md lg:max-w-lg xl:max-w-xl mx-auto p-2">
-      <public-lobby class="w-full"></public-lobby>
-    </div>
+        <div class="max-w-sm sm:max-w-md lg:max-w-lg xl:max-w-xl mx-auto p-2">
+          <public-lobby class="w-full"></public-lobby>
+        </div>
 
     <div class="pt-4 flex gap-4 sm:gap-6 lg:gap-8 max-w-sm sm:max-w-md lg:max-w-lg xl:max-w-xl mx-auto">
       <button id="host-lobby-button"
         class="bg-blue-100 hover:bg-blue-200 text-blue-900 p-3 sm:p-4 lg:p-5 font-medium text-sm sm:text-base lg:text-lg rounded-md w-full border-none cursor-pointer transition-colors duration-300">
-        Create Lobby
-      </button>
+            Create Lobby
+          </button>
       <button id="join-private-lobby-button"
         class="bg-blue-100 hover:bg-blue-200 text-blue-900 p-3 sm:p-4 lg:p-5 font-medium text-sm sm:text-base lg:text-lg rounded-md w-full border-none cursor-pointer transition-colors duration-300">
-        Join Lobby
-      </button>
-    </div>
+            Join Lobby
+          </button>
+        </div>
 
     <div class="max-w-sm sm:max-w-md lg:max-w-lg xl:max-w-xl mx-auto mt-4 sm:mt-6 lg:mt-8">
       <button id="single-player"
         class="w-full bg-blue-600 hover:bg-blue-700 text-white p-3 sm:p-4 lg:p-5 font-bold text-lg sm:text-xl lg:text-2xl rounded-lg border-none cursor-pointer transition-colors duration-300">
-        Single Player
-      </button>
+            Single Player
+          </button>
+        </div>
+      </div>
     </div>
-  </div>
 
-  <!-- Game components -->
-  <div id="customMenu" class="mt-4 sm:mt-6 lg:mt-8">
-    <ul></ul>
-  </div>
-  <div id="app"></div>
-  <div id="radialMenu" class="radial-menu"></div>
+    <!-- Game components -->
+    <div id="customMenu" class="mt-4 sm:mt-6 lg:mt-8">
+      <ul></ul>
+    </div>
+    <div id="app"></div>
+    <div id="radialMenu" class="radial-menu"></div>
 
-  <!-- Game modals and overlays -->
-  <single-player-modal></single-player-modal>
-  <host-lobby-modal></host-lobby-modal>
-  <join-private-lobby-modal></join-private-lobby-modal>
-  <emoji-table></emoji-table>
-  <leader-board></leader-board>
-  <build-menu></build-menu>
-  <win-modal></win-modal>
-  <top-bar></top-bar>
-  <player-panel></player-panel>
+    <!-- Game modals and overlays -->
+    <single-player-modal></single-player-modal>
+    <host-lobby-modal></host-lobby-modal>
+    <join-private-lobby-modal></join-private-lobby-modal>
+    <emoji-table></emoji-table>
+    <leader-board></leader-board>
+    <build-menu></build-menu>
+    <win-modal></win-modal>
+    <top-bar></top-bar>
+    <player-panel></player-panel>
 
-  <div class="fixed right-0 top-0 z-50 flex flex-col w-32 sm:w-32 lg:w-48">
-    <options-menu></options-menu>
-    <player-info-overlay></player-info-overlay>
-  </div>
+    <div class="fixed right-0 top-0 z-50 flex flex-col w-32 sm:w-32 lg:w-48">
+      <options-menu></options-menu>
+      <player-info-overlay></player-info-overlay>
+    </div>
 
   <div class="bottom-0 w-full flex-col-reverse sm:flex-row z-50" style="position: fixed; pointer-events: none">
     <div class="w-full sm:w-2/3 sm:fixed sm:right-0 sm:bottom-0 sm:flex justify-end" style="pointer-events: auto">
-      <events-display></events-display>
+        <events-display></events-display>
+      </div>
+      <div class="w-full sm:w-1/3" style="pointer-events: auto">
+        <control-panel></control-panel>
+      </div>
     </div>
-    <div class="w-full sm:w-1/3" style="pointer-events: auto">
-      <control-panel></control-panel>
-    </div>
-  </div>
 
-  <!-- Footer section -->
-  <div class="w-full bg-gray-900/80 backdrop-blur-md py-4">
-    <div
+    <!-- Footer section -->
+    <div class="w-full bg-gray-900/80 backdrop-blur-md py-4">
+      <div
       class="max-w-7xl mx-auto px-4 flex justify-between items-center text-white sm:flex-row flex-col sm:gap-0 gap-4">
-      <div class="flex sm:flex-row flex-col sm:gap-8 gap-2">
+        <div class="flex sm:flex-row flex-col sm:gap-8 gap-2">
         <a href="https://youtu.be/jvHEvbko3uw?si=znspkP84P76B1w5I"
           class="text-white/70 hover:text-white transition-colors duration-300" target="_blank">How to Play</a>
           <a href="https://discord.gg/k22YrnAzGp" class="text-white/70 hover:text-white transition-colors duration-300"
             target="_blank">Discord</a>
             <a href="https://openfront.fandom.com/wiki/Openfront_Wiki" class="text-white/70 hover:text-white transition-colors duration-300"
               target="_blank">Wiki</a>
-      </div>
-      <div class="text-white/70">
-        © 2025
+        </div>
+        <div class="text-white/70">
+          © 2025
         <a href="https://github.com/openfrontio/OpenFrontIO" class="hover:text-white transition-colors duration-300"
           target="_blank">OpenFront.io</a>.
+        </div>
       </div>
     </div>
-  </div>
 
-  <!-- Scripts -->
-  <script>
-    // Remove preload class after everything is loaded
-    window.addEventListener("load", function () {
-      requestAnimationFrame(() => {
-        document.documentElement.classList.remove("preload");
+    <!-- Scripts -->
+    <script>
+      // Remove preload class after everything is loaded
+      window.addEventListener("load", function () {
+        requestAnimationFrame(() => {
+          document.documentElement.classList.remove("preload");
+        });
       });
-    });
-  </script>
+    </script>
 
-  <!-- Analytics -->
+    <!-- Analytics -->
   <script defer src="https://static.cloudflareinsights.com/beacon.min.js"
     data-cf-beacon='{"token": "03d93e6fefb349c28ee69b408fa25a13"}'></script>
-</body>
+  </body>
 
 </html>
\ No newline at end of file