improve front page

This commit is contained in:
Evan
2025-01-25 17:31:09 -08:00
parent dbe3bdd8e5
commit 95aa222f8e
7 changed files with 238 additions and 251 deletions
+2 -3
View File
@@ -9,8 +9,7 @@
"start:server-dev": "GAME_ENV=dev node --loader ts-node/esm --experimental-specifier-resolution=node src/server/Server.ts",
"dev": "GAME_ENV=dev concurrently \"npm run start:client\" \"npm run start:server-dev\"",
"tunnel": "npm run build-prod && npm run start:server",
"test": "jest",
"tailwind": "tailwindcss build -i ./src/client/tailwind.css -o public/tailwind.css"
"test": "jest"
},
"devDependencies": {
"@babel/core": "^7.25.2",
@@ -95,4 +94,4 @@
"zod": "^3.23.8"
},
"type": "module"
}
}
+91
View File
@@ -0,0 +1,91 @@
<?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.1.2 (0a00cf5339, 2022-02-04)"
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="46.105384"
inkscape:cy="33.505155"
inkscape:window-width="3072"
inkscape:window-height="1653"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="1"
inkscape:current-layer="svg79520" /><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:26.6667px;line-height:0.95;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none"
x="30.710272"
y="26.542021"
id="text81373"><tspan
sodipodi:role="line"
id="tspan81371"
x="30.710272"
y="26.542021"
style="font-style:normal;font-variant:normal;font-weight:200;font-stretch:normal;font-size:26.6667px;font-family:'DejaVu Sans';-inkscape-font-specification:'DejaVu Sans Ultra-Light'">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>

After

Width:  |  Height:  |  Size: 31 KiB

+2 -2
View File
@@ -14,8 +14,8 @@ export class UsernameInput extends LitElement {
static styles = css`
input {
width: 100%;
padding: 0.75rem;
width: 200px;
padding: 0.5rem;
background-color: white;
border: 1px solid #d1d5db;
border-radius: 0.375rem;
+48 -94
View File
@@ -17,105 +17,60 @@
}
gtag("js", new Date());
gtag("config", "AW-16702609763");
</script>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>OpenFront (ALPHA)</title>
<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>
<style>
body {
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease;
}
</style>
</head>
<style>
body {
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease;
}
</style>
</head>
<body>
<div class="content">
<h1><img src="../../resources/images/OpenFrontLogo.svg" alt="OpenFront.io"></h1>
<h3 class="version">(v0.14.0)</h3>
<body>
<div class="content">
<h1 class="text-4xl sm:text-5xl md:text-6xl lg:text-7xl mb-2">
OpenFront.io
</h1>
<h2 class="text-3xl sm:text-4xl md:text-5xl lg:text-6xl mb-4">
(v0.14.0)
</h2>
<div class="flex justify-center items-start">
<div class="w-full max-w-3xl p-4 space-y-4">
<username-input></username-input>
<div class="flex space-x-2 max-w-xs mx-auto">
<a
href="https://youtu.be/jvHEvbko3uw?si=znspkP84P76B1w5I"
id="how-to-play"
target="_blank"
rel="noopener noreferrer"
class="flex-1 px-4 py-2 text-lg font-bold text-white bg-emerald-600 hover:bg-emerald-700 rounded-mg focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 transition duration-300 ease-in-out text-center"
>
How to Play
</a>
</div>
<div class="flex space-x-2 max-w-xs mx-auto">
<a
href="https://discord.gg/k22YrnAzGp"
id="how-to-play"
target="_blank"
rel="noopener noreferrer"
class="flex-1 px-4 py-2 text-lg font-bold text-white bg-indigo-600 hover:bg-indigo-700 rounded-mg focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition duration-300 ease-in-out text-center"
>
Join the Discord!
</a>
</div>
<username-input></username-input>
<!-- Button layout -->
<div class="flex space-x-4 max-w-xs mx-auto">
<!-- Single Player button -->
<button
id="single-player"
class="flex-1 h-31 px-6 py-8 text-xl font-bold text-white bg-blue-600 rounded-lg hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 transition duration-300 ease-in-out"
>
Single Player
</button>
<div class="lobby-section">
<public-lobby></public-lobby>
</div>
<!-- Create and Join Lobby buttons stacked -->
<div class="flex-1 space-y-4">
<button
id="host-lobby-button"
class="w-full h-12 px-4 py-4 text-sm font-medium text-blue-700 bg-blue-100 rounded-md hover:bg-blue-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition duration-300 ease-in-out"
>
Create Lobby
</button>
<button
id="join-private-lobby-button"
class="w-full h-12 px-4 py-4 text-sm font-medium text-blue-700 bg-blue-100 rounded-md hover:bg-blue-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition duration-300 ease-in-out"
>
Join Lobby
</button>
</div>
</div>
<div class="button-container">
<button id="single-player" class="primary-button">Single Player</button>
<div style="display: flex; flex-direction: column; gap: 1rem; flex: 1;">
<button id="host-lobby-button" class="secondary-button">Create Lobby</button>
<button id="join-private-lobby-button" class="secondary-button">Join Lobby</button>
</div>
</div>
<a href="https://youtu.be/jvHEvbko3uw?si=znspkP84P76B1w5I" class="link-button green" target="_blank"
rel="noopener noreferrer">
How to Play
</a>
<h3
class="text-xl sm:text-2xl md:text-3xl lg:text-4xl mt-2 mb-16 tracking-wide pt-2"
>
Public Games
</h3>
<public-lobby></public-lobby>
</div>
</div>
</div>
<a href="https://discord.gg/k22YrnAzGp" class="link-button purple" target="_blank" rel="noopener noreferrer">
Join the Discord!
</a>
<div id="customMenu">
<ul></ul>
</div>
</div>
<div id="app"></div>
<div id="radialMenu" class="radial-menu"></div>
<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>
<control-panel></control-panel>
<events-display></events-display>
<build-menu></build-menu>
<player-info-overlay></player-info-overlay>
<div id="customMenu">
<ul></ul>
</div>
<div id="app"></div>
<div id="radialMenu" class="radial-menu"></div>
<single-player-modal></single-player-modal>
<host-lobby-modal></host-lobby-modal>
@@ -128,6 +83,7 @@
<options-menu></options-menu>
<player-info-overlay></player-info-overlay>
<win-modal></win-modal>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
document.body.style.visibility = 'visible';
@@ -135,10 +91,8 @@
});
</script>
<!-- Cloudflare Web Analytics -->
<script defer src='https://static.cloudflareinsights.com/beacon.min.js'
data-cf-beacon='{"token": "03d93e6fefb349c28ee69b408fa25a13"}'></script>
<!-- End Cloudflare Web Analytics -->
</body>
</html>
+82 -139
View File
@@ -1,11 +1,9 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
html,
body {
touch-action: manipulation;
-ms-touch-action: manipulation;
height: 100%;
overflow: hidden;
}
* {
@@ -17,7 +15,6 @@ body {
user-select: none;
}
@font-face {
font-family: 'Overpass';
src: url('/resources/fonts/overpass.woff') format('woff');
@@ -35,27 +32,33 @@ body {
background-position: center;
background-attachment: fixed;
background-blend-mode: overlay;
}
html,
body {
height: 100%;
overflow: hidden;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease;
}
.content {
text-align: center;
padding: 20px;
max-width: 100%;
margin: 0 auto;
position: relative;
}
/* Typography */
h1 {
font-family: Arial, serif;
text-align: center;
color: #2e2e2e;
font-size: 3em;
margin-bottom: 10px;
margin-top: 1em;
margin: 1em 0 10px;
}
h1 img {
height: auto;
width: auto;
max-width: 100%;
transform: scale(2);
}
h2 {
@@ -70,9 +73,16 @@ h3 {
font-family: Arial, serif;
text-align: center;
color: #000000;
font-size: 1.2em;
}
.version {
font-family: Arial, serif;
text-align: center;
color: #000000;
font-size: 1em;
}
/* Username input */
#username-container {
margin-bottom: 50px;
display: flex;
@@ -92,13 +102,63 @@ h3 {
display: block;
}
.joining-message {
font-size: 24px;
color: rgb(0, 0, 0);
text-align: center;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
/* Buttons */
.button-container {
display: flex;
gap: 1rem;
max-width: 400px;
margin: 0 auto;
}
.primary-button {
background-color: #2563eb;
color: white;
padding: 2rem 1.5rem;
font-weight: bold;
font-size: 1.25rem;
border-radius: 0.5rem;
flex: 1;
border: none;
cursor: pointer;
transition: background-color 0.3s;
}
.secondary-button {
background-color: #dbeafe;
color: #1e40af;
padding: 1rem;
font-weight: 500;
font-size: 0.875rem;
border-radius: 0.375rem;
width: 100%;
border: none;
cursor: pointer;
transition: background-color 0.3s;
}
.link-button {
display: block;
max-width: 400px;
margin: 1rem auto;
padding: 0.5rem 1rem;
text-align: center;
text-decoration: none;
font-weight: bold;
border-radius: 0.375rem;
transition: background-color 0.3s;
}
.link-button.green {
background-color: #059669;
color: white;
}
.link-button.purple {
background-color: #4f46e5;
color: white;
}
/* Discord */
.discord-link {
position: fixed;
top: 20px;
@@ -122,17 +182,15 @@ h3 {
height: 30px;
}
/* Media Queries */
@media (min-width: 768px) {
h1 {
font-size: 6em;
font-size: 2em;
}
h2 {
font-size: 2.5em;
}
h3 {
font-size: 2em;
font-size: 1em;
}
#username {
@@ -164,119 +222,4 @@ h3 {
width: 40px;
height: 40px;
}
}
#customMenu {
display: none;
position: absolute;
background-color: #f9f9f9;
border: 1px solid #ccc;
padding: 10px;
z-index: 1000;
}
#customMenu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#customMenu ul li {
padding: 8px 12px;
cursor: pointer;
}
#customMenu ul li:hover {
background-color: #f1f1f1;
}
#table-container {
background-color: rgba(0, 0, 0, 0.7);
}
/* Events Table Styles */
.events-table {
width: 100%;
border-collapse: collapse;
background-color: rgba(0, 0, 0, 0.5);
color: white;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.events-table th,
.events-table td {
padding: 15px;
text-align: left;
border-bottom: 1px solid rgba(255, 255, 255, 0.0);
z-index: 1000;
}
.events-table th {
background-color: rgba(0, 0, 0, 0.0);
font-size: 1.2em;
text-transform: uppercase;
}
.events-table tr:hover {
background-color: rgba(255, 255, 255, 0.0);
}
.btn {
display: inline-block;
padding: 8px 16px;
margin: 5px 10px 5px 0;
background-color: #4CAF50;
color: white;
text-decoration: none;
border-radius: 4px;
transition: background-color 0.3s;
}
.btn:hover {
background-color: #45a049;
}
.btn-info {
background-color: #2196F3;
}
.btn-info:hover {
background-color: #0b7dda;
}
@media (max-width: 600px) {
.events-table th,
.events-table td {
padding: 10px;
}
.btn {
display: block;
margin: 5px 0;
}
}
/* Radial Menu */
.radial-menu {
position: absolute;
display: none;
width: 150px;
height: 150px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.5);
}
.menu-item {
position: absolute;
width: 40px;
height: 40px;
border-radius: 50%;
background: white;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
cursor: pointer;
}
+1 -1
View File
@@ -232,7 +232,7 @@ const ClientBaseMessageSchema = z.object({
export const ClientSendWinnerSchema = ClientBaseMessageSchema.extend({
type: z.literal('winner'),
winner: ID,
winner: ID.nullable(),
})
export const ClientLogMessageSchema = ClientBaseMessageSchema.extend({
+12 -12
View File
@@ -30,23 +30,23 @@ export class DevConfig extends DefaultConfig {
return info
}
percentageTilesOwnedToWin(): number {
return 1
}
// percentageTilesOwnedToWin(): number {
// return 1
// }
populationIncreaseRate(player: Player): number {
return this.maxPopulation(player)
}
// populationIncreaseRate(player: Player): number {
// return this.maxPopulation(player)
// }
// boatMaxDistance(): number {
// return 5000
// }
numBots(): number {
return 0
}
spawnNPCs(): boolean {
return false
}
// numBots(): number {
// return 0
// }
// spawnNPCs(): boolean {
// return false
// }
}