Initial

2023-09-30 22:41:12 +03:00
commit 5c7bada47c
38 changed files with 3579 additions and 0 deletions
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -0,0 +1,46 @@
+import { createSignal, type Component } from 'solid-js';
+import { A, Navigate, Route, Router, Routes } from '@solidjs/router';
+
+import Header from "./components/Header";
+import Home from './components/Home';
+import Blog from './components/Blog';
+import Socials from './components/Socials';
+import About from './components/About';
+import Donate from "./components/Donate"
+
+const redirects = [
+    {href: "/github", url: "https://github.com/MCorange99"},
+    {href: "/ko-fi",  url: "https://ko-fi.com/mcorange"},
+    {href: "/mastadon",  url: "https://river.group.lt/@mcorange"}
+]
+
+const App: Component = () => {
+    return (
+        <>
+            <Router> 
+                <Header/>
+                <div class="main-content">
+                    <Routes>
+                        <Route path="/" component={Home} />
+                        <Route path="/blog" component={Blog} />
+                        <Route path="/social" component={Socials} />
+                        <Route path="/about" component={About} />
+                        <Route path="/donate" component={Donate} />
+                        <Route path="/r">
+                            {redirects.map((val)=>{
+                                return (
+                                    <Route path={val.href} component={()=>{
+                                        window.location.assign(val.url);
+                                        return (<></>);
+                                    }}/>
+                                )
+                            })}
+                        </Route>
+                    </Routes>
+                </div>
+            </Router>
+        </>
+    );
+};
+
+export default App;
--- a/src/assets/favicon.ico
+++ b/src/assets/favicon.ico
--- a/src/assets/lang_icons/C.svg
+++ b/src/assets/lang_icons/C.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="48" height="48" viewBox="0 0 48 48" style=" fill:#000000;"><g id="surface1"><path style=" fill-rule:evenodd;fill:#283593;" d="M 22.902344 3.285156 C 23.582031 2.90625 24.417969 2.90625 25.097656 3.285156 C 28.449219 5.167969 38.546875 10.835938 41.902344 12.71875 C 42.582031 13.101563 43 13.804688 43 14.566406 C 43 18.332031 43 29.667969 43 33.433594 C 43 34.195313 42.582031 34.898438 41.902344 35.28125 C 38.546875 37.164063 28.453125 42.832031 25.097656 44.714844 C 24.417969 45.09375 23.582031 45.09375 22.902344 44.714844 C 19.546875 42.832031 9.453125 37.164063 6.097656 35.28125 C 5.417969 34.898438 5 34.195313 5 33.433594 C 5 29.667969 5 18.332031 5 14.566406 C 5 13.804688 5.417969 13.101563 6.097656 12.71875 C 9.449219 10.835938 19.550781 5.167969 22.902344 3.285156 Z "/><path style=" fill-rule:evenodd;fill:#5C6BC0;" d="M 5.304688 34.402344 C 5.039063 34.046875 5 33.710938 5 33.253906 C 5 29.511719 5 18.242188 5 14.496094 C 5 13.738281 5.417969 13.039063 6.09375 12.660156 C 9.4375 10.789063 19.5 5.152344 22.84375 3.28125 C 23.519531 2.902344 24.4375 2.910156 25.113281 3.289063 C 28.457031 5.160156 38.484375 10.746094 41.828125 12.617188 C 42.097656 12.769531 42.304688 12.953125 42.488281 13.195313 Z "/><path style=" fill-rule:evenodd;fill:#FFFFFF;" d="M 24 10 C 31.726563 10 38 16.273438 38 24 C 38 31.726563 31.726563 38 24 38 C 16.273438 38 10 31.726563 10 24 C 10 16.273438 16.273438 10 24 10 Z M 24 17 C 27.863281 17 31 20.136719 31 24 C 31 27.863281 27.863281 31 24 31 C 20.136719 31 17 27.863281 17 24 C 17 20.136719 20.136719 17 24 17 Z "/><path style=" fill-rule:evenodd;fill:#3949AB;" d="M 42.484375 13.203125 C 43 13.6875 42.992188 14.414063 42.992188 14.988281 C 42.992188 18.785156 42.960938 29.578125 43 33.371094 C 43.003906 33.769531 42.871094 34.1875 42.675781 34.5 L 23.59375 24 Z "/></g></svg>
--- a/src/assets/lang_icons/CPP.svg
+++ b/src/assets/lang_icons/CPP.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="306px" height="344.35px" viewBox="0 0 306 344.35" enable-background="new 0 0 306 344.35" xml:space="preserve">
+<path fill="#00599C" d="M302.107,258.262c2.401-4.159,3.893-8.845,3.893-13.053V99.14c0-4.208-1.49-8.893-3.892-13.052L153,172.175  L302.107,258.262z"/>
+<path fill="#004482" d="M166.25,341.193l126.5-73.034c3.644-2.104,6.956-5.737,9.357-9.897L153,172.175L3.893,258.263  c2.401,4.159,5.714,7.793,9.357,9.896l126.5,73.034C147.037,345.401,158.963,345.401,166.25,341.193z"/>
+<path fill="#659AD2" d="M302.108,86.087c-2.402-4.16-5.715-7.793-9.358-9.897L166.25,3.156c-7.287-4.208-19.213-4.208-26.5,0  L13.25,76.19C5.962,80.397,0,90.725,0,99.14v146.069c0,4.208,1.491,8.894,3.893,13.053L153,172.175L302.108,86.087z"/>
+<g>
+	<path fill="#FFFFFF" d="M153,274.175c-56.243,0-102-45.757-102-102s45.757-102,102-102c36.292,0,70.139,19.53,88.331,50.968   l-44.143,25.544c-9.105-15.736-26.038-25.512-44.188-25.512c-28.122,0-51,22.878-51,51c0,28.121,22.878,51,51,51   c18.152,0,35.085-9.776,44.191-25.515l44.143,25.543C223.142,254.644,189.294,274.175,153,274.175z"/>
+</g>
+<g>
+	<polygon fill="#FFFFFF" points="255,166.508 243.666,166.508 243.666,155.175 232.334,155.175 232.334,166.508 221,166.508    221,177.841 232.334,177.841 232.334,189.175 243.666,189.175 243.666,177.841 255,177.841  "/>
+</g>
+<g>
+	<polygon fill="#FFFFFF" points="297.5,166.508 286.166,166.508 286.166,155.175 274.834,155.175 274.834,166.508 263.5,166.508    263.5,177.841 274.834,177.841 274.834,189.175 286.166,189.175 286.166,177.841 297.5,177.841  "/>
+</g>
+</svg>
--- a/src/assets/lang_icons/js.png
+++ b/src/assets/lang_icons/js.png
--- a/src/assets/lang_icons/nasm.svg
+++ b/src/assets/lang_icons/nasm.svg
--- a/src/assets/lang_icons/python.svg
+++ b/src/assets/lang_icons/python.svg
@@ -0,0 +1,265 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.0"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   sodipodi:docname="python-logo-only.svg"
+   width="83.371017pt"
+   height="101.00108pt"
+   inkscape:export-filename="python-logo-only.png"
+   inkscape:export-xdpi="232.44"
+   inkscape:export-ydpi="232.44"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata371">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     inkscape:window-height="2080"
+     inkscape:window-width="1976"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     guidetolerance="10.0"
+     gridtolerance="10.0"
+     objecttolerance="10.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base"
+     inkscape:zoom="2.1461642"
+     inkscape:cx="91.558698"
+     inkscape:cy="47.9926"
+     inkscape:window-x="1092"
+     inkscape:window-y="72"
+     inkscape:current-layer="svg2"
+     width="210mm"
+     height="40mm"
+     units="mm"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="pt"
+     showgrid="false"
+     inkscape:window-maximized="0" />
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient2795">
+      <stop
+         style="stop-color:#b8b8b8;stop-opacity:0.49803922;"
+         offset="0"
+         id="stop2797" />
+      <stop
+         style="stop-color:#7f7f7f;stop-opacity:0;"
+         offset="1"
+         id="stop2799" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient2787">
+      <stop
+         style="stop-color:#7f7f7f;stop-opacity:0.5;"
+         offset="0"
+         id="stop2789" />
+      <stop
+         style="stop-color:#7f7f7f;stop-opacity:0;"
+         offset="1"
+         id="stop2791" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3676">
+      <stop
+         style="stop-color:#b2b2b2;stop-opacity:0.5;"
+         offset="0"
+         id="stop3678" />
+      <stop
+         style="stop-color:#b3b3b3;stop-opacity:0;"
+         offset="1"
+         id="stop3680" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3236">
+      <stop
+         style="stop-color:#f4f4f4;stop-opacity:1"
+         offset="0"
+         id="stop3244" />
+      <stop
+         style="stop-color:white;stop-opacity:1"
+         offset="1"
+         id="stop3240" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4671">
+      <stop
+         style="stop-color:#ffd43b;stop-opacity:1;"
+         offset="0"
+         id="stop4673" />
+      <stop
+         style="stop-color:#ffe873;stop-opacity:1"
+         offset="1"
+         id="stop4675" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4689">
+      <stop
+         style="stop-color:#5a9fd4;stop-opacity:1;"
+         offset="0"
+         id="stop4691" />
+      <stop
+         style="stop-color:#306998;stop-opacity:1;"
+         offset="1"
+         id="stop4693" />
+    </linearGradient>
+    <linearGradient
+       x1="224.23996"
+       y1="144.75717"
+       x2="-65.308502"
+       y2="144.75717"
+       id="linearGradient2987"
+       xlink:href="#linearGradient4671"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(100.2702,99.61116)" />
+    <linearGradient
+       x1="172.94208"
+       y1="77.475983"
+       x2="26.670298"
+       y2="76.313133"
+       id="linearGradient2990"
+       xlink:href="#linearGradient4689"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(100.2702,99.61116)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4689"
+       id="linearGradient2587"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(100.2702,99.61116)"
+       x1="172.94208"
+       y1="77.475983"
+       x2="26.670298"
+       y2="76.313133" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4671"
+       id="linearGradient2589"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(100.2702,99.61116)"
+       x1="224.23996"
+       y1="144.75717"
+       x2="-65.308502"
+       y2="144.75717" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4689"
+       id="linearGradient2248"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(100.2702,99.61116)"
+       x1="172.94208"
+       y1="77.475983"
+       x2="26.670298"
+       y2="76.313133" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4671"
+       id="linearGradient2250"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(100.2702,99.61116)"
+       x1="224.23996"
+       y1="144.75717"
+       x2="-65.308502"
+       y2="144.75717" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4671"
+       id="linearGradient2255"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.562541,0,0,0.567972,-11.5974,-7.60954)"
+       x1="224.23996"
+       y1="144.75717"
+       x2="-65.308502"
+       y2="144.75717" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4689"
+       id="linearGradient2258"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.562541,0,0,0.567972,-11.5974,-7.60954)"
+       x1="172.94208"
+       y1="76.176224"
+       x2="26.670298"
+       y2="76.313133" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2795"
+       id="radialGradient2801"
+       cx="61.518883"
+       cy="132.28575"
+       fx="61.518883"
+       fy="132.28575"
+       r="29.036913"
+       gradientTransform="matrix(1,0,0,0.177966,0,108.7434)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4671"
+       id="linearGradient1475"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.562541,0,0,0.567972,-14.99112,-11.702371)"
+       x1="150.96111"
+       y1="192.35176"
+       x2="112.03144"
+       y2="137.27299" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4689"
+       id="linearGradient1478"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.562541,0,0,0.567972,-14.99112,-11.702371)"
+       x1="26.648937"
+       y1="20.603781"
+       x2="135.66525"
+       y2="114.39767" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2795"
+       id="radialGradient1480"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.7490565e-8,-0.23994696,1.054668,3.7915457e-7,-83.7008,142.46201)"
+       cx="61.518883"
+       cy="132.28575"
+       fx="61.518883"
+       fy="132.28575"
+       r="29.036913" />
+  </defs>
+  <path
+     style="fill:url(#linearGradient1478);fill-opacity:1"
+     d="M 54.918785,9.1927421e-4 C 50.335132,0.02221727 45.957846,0.41313697 42.106285,1.0946693 30.760069,3.0991731 28.700036,7.2947714 28.700035,15.032169 v 10.21875 h 26.8125 v 3.40625 h -26.8125 -10.0625 c -7.792459,0 -14.6157588,4.683717 -16.7499998,13.59375 -2.46181998,10.212966 -2.57101508,16.586023 0,27.25 1.9059283,7.937852 6.4575432,13.593748 14.2499998,13.59375 h 9.21875 v -12.25 c 0,-8.849902 7.657144,-16.656248 16.75,-16.65625 h 26.78125 c 7.454951,0 13.406253,-6.138164 13.40625,-13.625 v -25.53125 c 0,-7.2663386 -6.12998,-12.7247771 -13.40625,-13.9374997 C 64.281548,0.32794397 59.502438,-0.02037903 54.918785,9.1927421e-4 Z m -14.5,8.21875012579 c 2.769547,0 5.03125,2.2986456 5.03125,5.1249996 -2e-6,2.816336 -2.261703,5.09375 -5.03125,5.09375 -2.779476,-1e-6 -5.03125,-2.277415 -5.03125,-5.09375 -10e-7,-2.826353 2.251774,-5.1249996 5.03125,-5.1249996 z"
+     id="path1948" />
+  <path
+     style="fill:url(#linearGradient1475);fill-opacity:1"
+     d="m 85.637535,28.657169 v 11.90625 c 0,9.230755 -7.825895,16.999999 -16.75,17 h -26.78125 c -7.335833,0 -13.406249,6.278483 -13.40625,13.625 v 25.531247 c 0,7.266344 6.318588,11.540324 13.40625,13.625004 8.487331,2.49561 16.626237,2.94663 26.78125,0 6.750155,-1.95439 13.406253,-5.88761 13.40625,-13.625004 V 86.500919 h -26.78125 v -3.40625 h 26.78125 13.406254 c 7.792461,0 10.696251,-5.435408 13.406241,-13.59375 2.79933,-8.398886 2.68022,-16.475776 0,-27.25 -1.92578,-7.757441 -5.60387,-13.59375 -13.406241,-13.59375 z m -15.0625,64.65625 c 2.779478,3e-6 5.03125,2.277417 5.03125,5.093747 -2e-6,2.826354 -2.251775,5.125004 -5.03125,5.125004 -2.76955,0 -5.03125,-2.29865 -5.03125,-5.125004 2e-6,-2.81633 2.261697,-5.093747 5.03125,-5.093747 z"
+     id="path1950" />
+  <ellipse
+     style="opacity:0.44382;fill:url(#radialGradient1480);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:15.4174;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path1894"
+     cx="55.816761"
+     cy="127.70079"
+     rx="35.930977"
+     ry="6.9673119" />
+</svg>
--- a/src/assets/lang_icons/rust-logo-blk.svg
+++ b/src/assets/lang_icons/rust-logo-blk.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="144"
+   width="144"
+   version="1.1"
+   id="svg2"
+   sodipodi:docname="rust-logo-blk.svg"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   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="defs2" />
+  <sodipodi:namedview
+     id="namedview2"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="3.9480129"
+     inkscape:cx="98.783873"
+     inkscape:cy="75.734302"
+     inkscape:window-width="1920"
+     inkscape:window-height="1008"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <path
+     d="m 71.86607,9.8095151 c -34.542772,0 -62.6568238,28.0743549 -62.6568238,62.5388639 0,34.464521 28.1273068,62.538851 62.6568238,62.538851 34.52952,0 62.65681,-28.07433 62.65681,-62.538851 0,-34.464509 -28.12729,-62.5388639 -62.65681,-62.5388639 z m -0.09278,5.5566589 a 4.1090788,4.1145729 0 0 1 4.003038,4.114574 4.1223339,4.1145729 0 0 1 -8.244667,0 4.1223339,4.1145729 0 0 1 4.241629,-4.114574 z m 9.437625,6.773832 a 50.72724,50.631737 0 0 1 34.728335,24.687437 l -4.86463,10.954554 c -0.83506,1.89191 0.0265,4.114573 1.90874,4.961302 l 9.35809,4.141032 a 50.72724,50.631737 0 0 1 0.10602,8.784811 h -5.20925 c -0.51694,0 -0.72902,0.343984 -0.72902,0.846731 v 2.381424 c 0,5.609578 -3.16798,6.839982 -5.95153,7.144275 -2.65104,0.304292 -5.58041,-1.111333 -5.95155,-2.725409 -1.56409,-8.771582 -4.16209,-10.637031 -8.271165,-13.878415 5.103205,-3.228153 10.405235,-8.004234 10.405235,-14.381159 0,-6.892902 -4.73207,-11.232388 -7.953043,-13.36244 -4.533248,-2.976782 -9.543673,-3.572138 -10.895693,-3.572138 H 34.075801 A 50.72724,50.631737 0 0 1 62.454953,22.140006 l 6.349191,6.641529 c 1.431549,1.495005 3.804211,1.561156 5.302036,0.119071 z M 22.623401,52.595782 a 4.1223339,4.1145729 0 0 1 4.003038,4.114573 4.122334,4.114573 0 0 1 -8.244668,0 4.1223339,4.1145729 0 0 1 4.24163,-4.114573 z m 98.286519,0.185223 a 4.1223339,4.1145729 0 0 1 4.00303,4.114572 4.122335,4.114574 0 0 1 -8.24467,0 4.1223339,4.1145729 0 0 1 4.24164,-4.114572 z m -90.519034,0.661507 h 7.184259 V 85.776969 H 23.074074 A 50.72724,50.631737 0 0 1 21.430442,66.447736 l 8.880914,-3.94258 c 1.895477,-0.846729 2.757058,-3.056162 1.908732,-4.948071 z m 29.983017,0.343984 h 17.112326 c 0.888092,0 6.243149,1.01872 6.243149,5.027452 0,3.320763 -4.109079,4.511477 -7.489128,4.511477 h -15.8796 z m 0,23.232121 h 13.109289 c 1.192958,0 6.40221,0.343983 8.059096,6.985514 0.516948,2.037441 1.670142,8.678969 2.452192,10.809022 0.782051,2.381428 3.950017,7.144257 7.330065,7.144257 h 21.393715 a 50.72724,50.631737 0 0 1 -4.6923,5.42436 l -8.708591,-1.86545 c -2.028029,-0.43658 -4.029549,0.85998 -4.466968,2.88418 l -2.067795,9.63156 a 50.72724,50.631737 0 0 1 -42.297001,-0.19847 l -2.067793,-9.63154 C 47.980393,106.17784 45.99213,104.8813 43.9641,105.31787 l -8.523025,1.82577 a 50.72724,50.631737 0 0 1 -4.40069,-5.18623 H 72.48906 c 0.463928,0 0.78205,-0.0793 0.78205,-0.51595 V 86.808919 c 0,-0.423364 -0.318122,-0.515975 -0.78205,-0.515975 H 60.36065 Z M 41.246805,110.53056 a 4.1223339,4.1145729 0 0 1 4.003039,4.11457 4.1223345,4.1145736 0 0 1 -8.244669,0 4.1223339,4.1145729 0 0 1 4.24163,-4.11457 z m 61.039695,0.18521 a 4.1223339,4.1145729 0 0 1 4.00305,4.11459 4.1223389,4.1145779 0 0 1 -8.244669,0 4.1223339,4.1145729 0 0 1 4.241619,-4.11459 z"
+     id="path1"
+     style="stroke-width:1.32426" />
+  <path
+     d="M 131.02355,72.348379 A 59.15748,59.046106 0 0 1 71.86607,131.39449 59.15748,59.046106 0 0 1 12.708592,72.348379 59.15748,59.046106 0 0 1 71.86607,13.302273 59.15748,59.046106 0 0 1 131.02355,72.348379 Z m -1.11344,-5.702189 9.22555,5.702189 -9.22555,5.70219 7.92656,7.395646 -10.15341,3.79705 6.33594,8.798044 -10.72337,1.746371 4.50673,9.86968 -10.85592,-0.38368 2.49195,10.55766 -10.57757,-2.48726 0.3844,10.83548 -9.888288,-4.49824 -1.749674,10.70319 -8.814635,-6.32402 -3.804211,10.13429 -7.409597,-7.91163 -5.712945,9.20818 -5.712944,-9.20818 -7.409597,7.91163 -3.804212,-10.13429 -8.814636,6.32402 -1.749674,-10.70319 -9.888299,4.49824 0.384399,-10.83548 -10.577565,2.48726 2.491958,-10.55766 -10.855921,0.38368 4.506732,-9.86968 L 9.7129402,98.041309 16.048875,89.243265 5.8954742,85.446215 13.82202,78.050569 4.5964746,72.348379 13.82202,66.64619 5.8954742,59.250542 16.048875,55.453492 9.7129402,46.655451 20.436311,44.909072 15.929579,35.03939 26.7855,35.423063 24.293542,24.865414 l 10.577565,2.487267 -0.384399,-10.835484 9.888299,4.498246 1.749674,-10.703181 8.814636,6.324006 3.804212,-10.1342864 7.409597,7.9116244 5.712944,-9.2081782 5.712945,9.2081782 7.409597,-7.9116244 3.804211,10.1342864 8.814635,-6.324006 1.749674,10.703181 9.888288,-4.498246 -0.3844,10.835484 10.57757,-2.487267 -2.49195,10.557649 10.85592,-0.383673 -4.50673,9.869682 10.72337,1.746379 -6.33594,8.798041 10.15341,3.79705 z"
+     fill-rule="evenodd"
+     stroke="#000000"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     stroke-width="3.34261"
+     id="path2" />
+</svg>
--- a/src/assets/lang_icons/ts-logo-128.svg
+++ b/src/assets/lang_icons/ts-logo-128.svg
@@ -0,0 +1 @@
+<svg fill="none" height="128" viewBox="0 0 128 128" width="128" xmlns="http://www.w3.org/2000/svg"><rect fill="#3178c6" height="128" rx="6" width="128"/><path clip-rule="evenodd" d="m74.2622 99.468v14.026c2.2724 1.168 4.9598 2.045 8.0625 2.629 3.1027.585 6.3728.877 9.8105.877 3.3503 0 6.533-.321 9.5478-.964 3.016-.643 5.659-1.702 7.932-3.178 2.272-1.476 4.071-3.404 5.397-5.786 1.325-2.381 1.988-5.325 1.988-8.8313 0-2.5421-.379-4.7701-1.136-6.6841-.758-1.9139-1.85-3.6159-3.278-5.1062-1.427-1.4902-3.139-2.827-5.134-4.0104-1.996-1.1834-4.246-2.3011-6.752-3.353-1.8352-.7597-3.4812-1.4975-4.9378-2.2134-1.4567-.7159-2.6948-1.4464-3.7144-2.1915-1.0197-.7452-1.8063-1.5341-2.3598-2.3669-.5535-.8327-.8303-1.7751-.8303-2.827 0-.9643.2476-1.8336.7429-2.6079s1.1945-1.4391 2.0976-1.9943c.9031-.5551 2.0101-.9861 3.3211-1.2929 1.311-.3069 2.7676-.4603 4.3699-.4603 1.1658 0 2.3958.0877 3.6928.263 1.296.1753 2.6.4456 3.911.8109 1.311.3652 2.585.8254 3.824 1.3806 1.238.5552 2.381 1.198 3.43 1.9285v-13.1051c-2.127-.8182-4.45-1.4245-6.97-1.819s-5.411-.5917-8.6744-.5917c-3.3211 0-6.4674.3579-9.439 1.0738-2.9715.7159-5.5862 1.8336-7.844 3.353-2.2578 1.5195-4.0422 3.4553-5.3531 5.8075-1.311 2.3522-1.9665 5.1646-1.9665 8.4373 0 4.1785 1.2017 7.7433 3.6052 10.6945 2.4035 2.9513 6.0523 5.4496 10.9466 7.495 1.9228.7889 3.7145 1.5633 5.375 2.323 1.6606.7597 3.0954 1.5486 4.3044 2.3668s2.1628 1.7094 2.8618 2.6736c.7.9643 1.049 2.06 1.049 3.2873 0 .9062-.218 1.7462-.655 2.5202s-1.1 1.446-1.9885 2.016c-.8886.57-1.9956 1.016-3.3212 1.337-1.3255.321-2.8768.482-4.6539.482-3.0299 0-6.0305-.533-9.0021-1.6-2.9715-1.066-5.7245-2.666-8.2591-4.799zm-23.5596-34.9136h18.2974v-11.5544h-51v11.5544h18.2079v51.4456h14.4947z" fill="#fff" fill-rule="evenodd"/></svg>
--- a/src/assets/logo.svg
+++ b/src/assets/logo.svg
@@ -0,0 +1,188 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="512"
+   height="512"
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   sodipodi:docname="logo.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showguides="true"
+     inkscape:zoom="1.4142136"
+     inkscape:cx="177.13025"
+     inkscape:cy="249.60869"
+     inkscape:window-width="1920"
+     inkscape:window-height="1008"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1">
+    <linearGradient
+       id="linearGradient31"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#f67400;stop-opacity:1;"
+         offset="0"
+         id="stop31" />
+      <stop
+         style="stop-color:#ffa900;stop-opacity:1;"
+         offset="1"
+         id="stop32" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient28"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#1d99f3;stop-opacity:1;"
+         offset="0"
+         id="stop28" />
+      <stop
+         style="stop-color:#1d99f3;stop-opacity:0;"
+         offset="1"
+         id="stop29" />
+    </linearGradient>
+    <rect
+       x="48.39801"
+       y="285.93035"
+       width="420.29851"
+       height="205.05473"
+       id="rect27" />
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="2.7017811 : 509.06683 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="512 : 508.16623 : 1"
+       inkscape:persp3d-origin="256 : 170.66667 : 1"
+       id="perspective1" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient28"
+       id="linearGradient29"
+       x1="67.022438"
+       y1="377.68173"
+       x2="449.67835"
+       y2="377.68173"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient31"
+       id="linearGradient32"
+       x1="377.56213"
+       y1="405.26718"
+       x2="427.09479"
+       y2="405.26718"
+       gradientUnits="userSpaceOnUse"
+       spreadMethod="pad" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g27"
+       transform="translate(9.9440233,-52.65273)"
+       style="fill:#1cdc9a;fill-opacity:1">
+      <rect
+         style="fill:#1cdc9a;fill-opacity:1;stroke-width:428.84"
+         id="rect27-5"
+         width="171.11281"
+         height="26.11722"
+         x="-137.52403"
+         y="230.87894"
+         ry="13.05861"
+         transform="rotate(-38.024163)" />
+      <rect
+         style="fill:#1cdc9a;fill-opacity:1;stroke-width:428.84"
+         id="rect27-5-2"
+         width="171.11281"
+         height="26.11722"
+         x="82.720062"
+         y="30.666622"
+         ry="13.05861"
+         transform="rotate(36.975837)"
+         inkscape:transform-center-x="1.4392195"
+         inkscape:transform-center-y="-2.910766" />
+    </g>
+    <rect
+       style="fill:#1cdc9a;fill-opacity:1;stroke-width:467.038"
+       id="rect27-5-7"
+       width="202.95358"
+       height="26.117233"
+       x="241.77534"
+       y="203.61469"
+       ry="13.058617"
+       transform="matrix(0.99999918,0.00127817,-0.00179812,0.99999838,0,0)" />
+    <text
+       xml:space="preserve"
+       id="text27"
+       style="font-size:192px;line-height:0;font-family:'Bitstream Vera Sans';-inkscape-font-specification:'Bitstream Vera Sans';white-space:pre;shape-inside:url(#rect27);fill:#1d99f3;fill-opacity:1;stroke-width:428.84;stroke-dasharray:none;paint-order:stroke fill markers"><tspan
+         x="48.398438"
+         y="446.22573"
+         id="tspan2"><tspan
+           style="line-height:1.1;font-family:'Noto Sans';-inkscape-font-specification:'Noto Sans'"
+           id="tspan1">MCo</tspan></tspan></text>
+    <circle
+       style="fill:url(#linearGradient32);fill-opacity:1;stroke-width:428.84;stroke-dasharray:none;paint-order:stroke fill markers"
+       id="path29"
+       cx="402.32846"
+       cy="405.26718"
+       r="24.766327" />
+    <rect
+       style="fill:#1cdc9a;fill-opacity:1;stroke-width:428.84;stroke-dasharray:none;paint-order:stroke fill markers"
+       id="rect30"
+       width="5.8538513"
+       height="19.362751"
+       x="399.17639"
+       y="364.74045"
+       ry="2.9269295" />
+    <ellipse
+       style="fill:#1cdc9a;fill-opacity:1;stroke-width:428.84;stroke-dasharray:none;paint-order:stroke fill markers"
+       id="path30"
+       cx="409.08292"
+       cy="372.17035"
+       rx="6.3041558"
+       ry="3.8275232" />
+    <ellipse
+       style="fill:#000000;fill-opacity:1;stroke-width:428.84;stroke-dasharray:none;paint-order:stroke fill markers"
+       id="path33"
+       cx="387.34329"
+       cy="399.20398"
+       rx="2.3880596"
+       ry="2.5472636" />
+    <ellipse
+       style="fill:#000000;fill-opacity:1;stroke-width:428.84;stroke-dasharray:none;paint-order:stroke fill markers"
+       id="path33-6"
+       cx="406.97513"
+       cy="399.05472"
+       rx="2.3880596"
+       ry="2.5472636" />
+    <rect
+       style="fill:#000000;fill-opacity:1;stroke-width:229.347"
+       id="rect27-5-7-5"
+       width="21.194334"
+       height="1.9206688"
+       x="387.99863"
+       y="407.37613"
+       ry="0.96033442"
+       transform="matrix(0.99999995,3.0821866e-4,-0.00745654,0.9999722,0,0)" />
+  </g>
+</svg>
--- a/src/assets/socials/Matrix.svg
+++ b/src/assets/socials/Matrix.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg version="1.1" viewBox="0 0 27.9 32" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+ <title>Matrix (protocol) logo</title>
+ <g transform="translate(-.095 .005)" fill="#040404">
+  <path d="m27.1 31.2v-30.5h-2.19v-0.732h3.04v32h-3.04v-0.732z"/>
+  <path d="m8.23 10.4v1.54h0.044c0.385-0.564 0.893-1.03 1.49-1.37 0.58-0.323 1.25-0.485 1.99-0.485 0.72 0 1.38 0.14 1.97 0.42 0.595 0.279 1.05 0.771 1.36 1.48 0.338-0.5 0.796-0.941 1.38-1.32 0.58-0.383 1.27-0.574 2.06-0.574 0.602 0 1.16 0.074 1.67 0.22 0.514 0.148 0.954 0.383 1.32 0.707 0.366 0.323 0.653 0.746 0.859 1.27 0.205 0.522 0.308 1.15 0.308 1.89v7.63h-3.13v-6.46c0-0.383-0.015-0.743-0.044-1.08-0.0209-0.307-0.103-0.607-0.242-0.882-0.133-0.251-0.336-0.458-0.584-0.596-0.257-0.146-0.606-0.22-1.05-0.22-0.44 0-0.796 0.085-1.07 0.253-0.272 0.17-0.485 0.39-0.639 0.662-0.159 0.287-0.264 0.602-0.308 0.927-0.052 0.347-0.078 0.697-0.078 1.05v6.35h-3.13v-6.4c0-0.338-7e-3 -0.673-0.021-1-0.0114-0.314-0.0749-0.623-0.188-0.916-0.108-0.277-0.3-0.512-0.55-0.673-0.258-0.168-0.636-0.253-1.14-0.253-0.198 0.0083-0.394 0.042-0.584 0.1-0.258 0.0745-0.498 0.202-0.705 0.374-0.228 0.184-0.422 0.449-0.584 0.794-0.161 0.346-0.242 0.798-0.242 1.36v6.62h-3.13v-11.4z"/>
+  <path d="m0.936 0.732v30.5h2.19v0.732h-3.04v-32h3.03v0.732z"/>
+ </g>
+</svg>
--- a/src/assets/socials/discord-mark-blue.svg
+++ b/src/assets/socials/discord-mark-blue.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127.14 96.36"><defs><style>.cls-1{fill:#5865f2;}</style></defs><g id="图层_2" data-name="图层 2"><g id="Discord_Logos" data-name="Discord Logos"><g id="Discord_Logo_-_Large_-_White" data-name="Discord Logo - Large - White"><path class="cls-1" d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"/></g></g></g></svg>
--- a/src/assets/socials/email.svg
+++ b/src/assets/socials/email.svg
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="32"
+   height="32"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   sodipodi:docname="email.svg"
+   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">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     inkscape:zoom="25.125"
+     inkscape:cx="16"
+     inkscape:cy="16"
+     inkscape:window-width="1920"
+     inkscape:window-height="1008"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="fill:#000000;stroke-width:385.171;paint-order:stroke fill markers"
+       id="rect1"
+       width="4.6461573"
+       height="21.014925"
+       x="1.6570209"
+       y="6.2885571"
+       ry="2.3230786" />
+    <rect
+       style="fill:#000000;stroke-width:385.171;paint-order:stroke fill markers"
+       id="rect1-7"
+       width="4.6461573"
+       height="21.014925"
+       x="25.169155"
+       y="6.2786074"
+       ry="2.3230786" />
+    <rect
+       style="fill:#000000;stroke-width:385.171;paint-order:stroke fill markers"
+       id="rect1-7-6"
+       width="4.6461573"
+       height="21.014925"
+       x="23.178282"
+       y="-15.625854"
+       ry="2.3230786"
+       transform="rotate(45)" />
+    <rect
+       style="fill:#000000;stroke-width:385.171;paint-order:stroke fill markers"
+       id="rect1-7-6-6"
+       width="4.6461573"
+       height="21.014925"
+       x="-5.4083147"
+       y="6.8296523"
+       ry="2.3230786"
+       transform="rotate(-45)" />
+  </g>
+</svg>
--- a/src/assets/socials/github-mark-white.svg
+++ b/src/assets/socials/github-mark-white.svg
@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#fff"/></svg>
--- a/src/assets/socials/mastadon.svg
+++ b/src/assets/socials/mastadon.svg
@@ -0,0 +1,10 @@
+<svg width="75" height="79" viewBox="0 0 75 79" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M73.8393 17.4898C72.6973 9.00165 65.2994 2.31235 56.5296 1.01614C55.05 0.797115 49.4441 0 36.4582 0H36.3612C23.3717 0 20.585 0.797115 19.1054 1.01614C10.5798 2.27644 2.79399 8.28712 0.904997 16.8758C-0.00358524 21.1056 -0.100549 25.7949 0.0682394 30.0965C0.308852 36.2651 0.355538 42.423 0.91577 48.5665C1.30307 52.6474 1.97872 56.6957 2.93763 60.6812C4.73325 68.042 12.0019 74.1676 19.1233 76.6666C26.7478 79.2728 34.9474 79.7055 42.8039 77.9162C43.6682 77.7151 44.5217 77.4817 45.3645 77.216C47.275 76.6092 49.5123 75.9305 51.1571 74.7385C51.1797 74.7217 51.1982 74.7001 51.2112 74.6753C51.2243 74.6504 51.2316 74.6229 51.2325 74.5948V68.6416C51.2321 68.6154 51.2259 68.5896 51.2142 68.5661C51.2025 68.5426 51.1858 68.522 51.1651 68.5058C51.1444 68.4896 51.1204 68.4783 51.0948 68.4726C51.0692 68.4669 51.0426 68.467 51.0171 68.4729C45.9835 69.675 40.8254 70.2777 35.6502 70.2682C26.7439 70.2682 24.3486 66.042 23.6626 64.2826C23.1113 62.762 22.7612 61.1759 22.6212 59.5646C22.6197 59.5375 22.6247 59.5105 22.6357 59.4857C22.6466 59.4609 22.6633 59.4391 22.6843 59.422C22.7053 59.4048 22.73 59.3929 22.7565 59.3871C22.783 59.3813 22.8104 59.3818 22.8367 59.3886C27.7864 60.5826 32.8604 61.1853 37.9522 61.1839C39.1768 61.1839 40.3978 61.1839 41.6224 61.1516C46.7435 61.008 52.1411 60.7459 57.1796 59.7621C57.3053 59.7369 57.431 59.7154 57.5387 59.6831C65.4861 58.157 73.0493 53.3672 73.8178 41.2381C73.8465 40.7606 73.9184 36.2364 73.9184 35.7409C73.9219 34.0569 74.4606 23.7949 73.8393 17.4898Z" fill="url(#paint0_linear_549_34)"/>
+<path d="M61.2484 27.0263V48.114H52.8916V27.6475C52.8916 23.3388 51.096 21.1413 47.4437 21.1413C43.4287 21.1413 41.4177 23.7409 41.4177 28.8755V40.0782H33.1111V28.8755C33.1111 23.7409 31.0965 21.1413 27.0815 21.1413C23.4507 21.1413 21.6371 23.3388 21.6371 27.6475V48.114H13.2839V27.0263C13.2839 22.7176 14.384 19.2946 16.5843 16.7572C18.8539 14.2258 21.8311 12.926 25.5264 12.926C29.8036 12.926 33.0357 14.5705 35.1905 17.8559L37.2698 21.346L39.3527 17.8559C41.5074 14.5705 44.7395 12.926 49.0095 12.926C52.7013 12.926 55.6784 14.2258 57.9553 16.7572C60.1531 19.2922 61.2508 22.7152 61.2484 27.0263Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_549_34" x1="37.0692" y1="0" x2="37.0692" y2="79" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6364FF"/>
+<stop offset="1" stop-color="#563ACC"/>
+</linearGradient>
+</defs>
+</svg>
--- a/src/assets/support/monero.png
+++ b/src/assets/support/monero.png
--- a/src/assets/user.svg
+++ b/src/assets/user.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="#ffff" viewBox="0 0 24 24" width="16px" height="16px"><path d="M 12 3 C 9.8027056 3 8 4.8027056 8 7 C 8 9.1972944 9.8027056 11 12 11 C 14.197294 11 16 9.1972944 16 7 C 16 4.8027056 14.197294 3 12 3 z M 12 5 C 13.116414 5 14 5.8835859 14 7 C 14 8.1164141 13.116414 9 12 9 C 10.883586 9 10 8.1164141 10 7 C 10 5.8835859 10.883586 5 12 5 z M 12 14 C 10.255047 14 8.1871638 14.409783 6.4492188 15.095703 C 5.5802462 15.438663 4.7946961 15.84605 4.1660156 16.369141 C 3.5373351 16.892231 3 17.599384 3 18.5 L 3 21 L 21 21 L 21 20 L 21 18.5 C 21 17.599384 20.462665 16.892231 19.833984 16.369141 C 19.205304 15.84605 18.419754 15.438663 17.550781 15.095703 C 15.812836 14.409783 13.744953 14 12 14 z M 12 16 C 13.414047 16 15.346055 16.373999 16.818359 16.955078 C 17.554512 17.245618 18.176961 17.591965 18.554688 17.90625 C 18.932412 18.220535 19 18.434616 19 18.5 L 19 19 L 5 19 L 5 18.5 C 5 18.434616 5.0675867 18.220535 5.4453125 17.90625 C 5.8230383 17.591965 6.4454882 17.245618 7.1816406 16.955078 C 8.6539455 16.373999 10.585953 16 12 16 z"/></svg>
--- a/src/components/About.tsx
+++ b/src/components/About.tsx
@@ -0,0 +1,8 @@
+
+export default function About() {
+    return (
+        <h1>
+            TBD
+        </h1>
+    )
+}
--- a/src/components/Blog.tsx
+++ b/src/components/Blog.tsx
@@ -0,0 +1,8 @@
+
+export default function Blog() {
+    return (
+        <h1>
+            TBD
+        </h1>
+    )
+}
--- a/src/components/Donate.tsx
+++ b/src/components/Donate.tsx
@@ -0,0 +1,27 @@
+import monero_qr from "../assets/support/monero.png";
+
+export default function Home() {
+    return (
+        <>  
+            <h1>Consider supporting my work!</h1>
+            
+
+            <h2>My ko-fi is down below in the left corner</h2>
+            <h2>My monero address:</h2>
+            <p>46nvfTRV4HB1n3mTjWGFfKAeyu4h7mpsA96pKfJyZkyrcHm9q99fGogiTvynTUxsgFQABiCEffDGUTKBRiSTHR36KmTQ8aH</p>
+            <img src={monero_qr}></img>
+
+            <h1>Thank you, for supporting my work &lt;3</h1>
+
+
+            {//@ts-ignore
+            kofiWidgetOverlay.draw('mcorange', {
+                'type': 'floating-chat',
+                'floating-chat.donateButton.text': 'Support me',
+                'floating-chat.donateButton.background-color': '#fcbf47',
+                'floating-chat.donateButton.text-color': '#323842'
+            })}
+
+        </>
+    )
+}
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -0,0 +1,23 @@
+import logoSvg from "../assets/logo.svg";
+// import userSvg from "../assets/user.svg";
+// import {} from "../App";
+import { A } from '@solidjs/router';
+
+
+export default function Header() {
+
+    return (
+        <>
+        <nav id="main-header">
+            <A href="/">
+                <img height={42} width={42} id="main-header-logo" src={logoSvg}></img>
+            </A>
+            <A class="main-header-button" href="/" >Home</A>
+            {/* <A class="main-header-button" href="/blog" >Blog</A> */}
+            <A class="main-header-button" href="/social" >Social</A>
+            <A class="main-header-button" href="/donate" >Donate</A>
+            {/* <A class="main-header-button" href="/about" >About</A> */}
+        </nav>
+        </>
+    )
+}
--- a/src/components/Home.tsx
+++ b/src/components/Home.tsx
@@ -0,0 +1,57 @@
+import "../css/home.css"
+
+import rust_logo from "../assets/lang_icons/rust-logo-blk.svg"
+import ts_logo from "../assets/lang_icons/ts-logo-128.svg"
+import nasm_logo from "../assets/lang_icons/nasm.svg"
+import python_logo from "../assets/lang_icons/python.svg"
+import c_logo from "../assets/lang_icons/C.svg"
+import cpp_logo from "../assets/lang_icons/CPP.svg"
+import js_logo from "../assets/lang_icons/js.png" // :(
+
+function ListItem(logo: string | any, name: string) {
+    return (
+        <table>
+            <tbody>
+                <tr>
+                    <td>
+                        <img width={32} height={32} src={logo}></img>
+                    </td>
+                    <td>
+                        <h2 class="m-0" style={"margin:3px;"}>{name}</h2>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    )
+}
+
+
+
+
+export default function Home() {
+    return (
+        <>  
+            <h1>Hi, im MCorange, i... code stuff!</h1>
+
+            <h2>Here are all the languages i have used ordered by how much i like it:</h2>
+
+            <div style={"margin-left: 20px"}>
+                {ListItem(rust_logo, "Rust")}
+                {ListItem(ts_logo, "Typescript")}
+                {ListItem(nasm_logo, "NASM")}
+                {ListItem(python_logo, "Python 3")}
+                {ListItem(c_logo, "C")}
+                {ListItem(js_logo, "Javascript")}
+                {ListItem(cpp_logo, "C++")}
+            </div>
+
+            <h1>Other stuff about me</h1>
+
+            <h2>You can get my contact info and socials <a href="/socials">here</a></h2>
+            <h2>Buy me a monster <a>here</a></h2>
+            <h2>Check out my work at my <a href="/r/github">GitHub</a></h2>
+
+            <h5>Note: I am a horrible web developer, if you want to help me improve my website you can do that <a href="https://github.com/MCorange99/personal_website">here<a/></h5>
+        </>
+    )
+}
--- a/src/components/Redirect.tsx
+++ b/src/components/Redirect.tsx
@@ -0,0 +1,27 @@
+import { Route, Router, Routes } from "@solidjs/router";
+
+
+export default () => {
+    const p = window.location.pathname;
+    console.log(p);
+    if (p.startsWith("/r")) {
+        switch (p) {
+            case "/r/github":
+                redirect("https://github.com/MCorange99");
+                break
+        }
+    }
+   return (
+       <>
+        </>
+   );
+}
+
+
+
+
+
+
+function redirect(p: string) {
+    window.location.assign(p);
+}
--- a/src/components/Socials.tsx
+++ b/src/components/Socials.tsx
@@ -0,0 +1,38 @@
+import { A } from "@solidjs/router";
+import dc_logo from "../assets/socials/discord-mark-blue.svg";
+import github_logo from "../assets/socials/github-mark-white.svg";
+import mastadon_logo from "../assets/socials/mastadon.svg";
+import matrix_logo from "../assets/socials/Matrix.svg";
+import mail_icon from "../assets/socials/email.svg";
+
+function ListItem(logo: string | any, name: string, href: string) {
+    return (
+        <table>
+            <tbody>
+                <tr>
+                    <td>
+                        <a href={href}><img width={32} height={32} src={logo}></img></a>
+                    </td>
+                    <td>
+                        <a href={href}><h2 class="m-0" style={"margin:3px;"}>{name}</h2></a>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    )
+}
+
+export default function Socials() {
+    return (
+        <>
+            <h1>Here are my socials</h1>
+
+
+            {ListItem(mail_icon, "mcorangecodes@gmail.com", "mailto:mcorangecodes@gmail.com")}
+            {ListItem(dc_logo, "@mcorange", "")}
+            {ListItem(github_logo, "MCorange99", "/r/github")}
+            {ListItem(mastadon_logo, "@river.group.lt@mcorange", "/r/mastadon")}
+            {ListItem(matrix_logo, "@mcorange:matrix.mcorangehq.xyz", "")}
+        </>
+    )
+}
--- a/src/css/home.css
+++ b/src/css/home.css
@@ -0,0 +1,5 @@
+
+tr, td {
+    border-spacing: 0px;
+    padding: 0px;
+}
--- a/src/index.css
+++ b/src/index.css
@@ -0,0 +1,101 @@
+:root {
+    --accent: hsla(159, 77%, 49%, 0.5);
+    --background: rgb(43, 42, 51);
+    --background-dark: rgb(36, 35, 43);
+    --background-light: rgb(55, 53, 65);
+    --text-color: rgb(255, 255, 255);
+}
+
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  background-color: var(--background);
+  color: var(--text-color);
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}
+
+.main-content {
+    padding-left: 3%;
+    padding-right: 3%;
+}
+
+#main-header {
+    background-color: var(--background-dark);
+    border-bottom: 2px solid var(--background-light);
+    box-shadow: 0 0 3px 3px var(--background-light);
+    width: 100%;
+    align-items: center;
+    /* display: inline-block;
+    margin: 0;
+    padding: 0;
+    overflow: auto; */
+    display: flex;
+    /* justify-content: center; */
+    height: 50px;
+}
+
+#main-header-logo {
+    display: inline-block;
+    vertical-align: top;
+    margin: 10px;
+    
+}
+
+#main-header-user {
+    /* display: inline; */
+    align-items: right;
+    float: right;
+    
+    /* padding: 10px; */
+}
+
+.main-header-user-button {
+    text-align: center;
+    padding: 10px;
+    margin: 5px;
+    width: fit-content;
+    display: inline;
+
+    align-items: right;
+    float: right;
+    
+    background-color: var(--background-dark);
+    border: 2px solid var(--accent);
+    color: var(--text-color);
+    text-decoration: none;
+    border-radius: 3px;
+}
+
+/* #main-header-button-block {
+    display: inline-block;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    overflow: auto;
+} */
+
+.main-header-button {
+    text-align: center;
+    padding: 10px;
+    margin: 5px;
+    width: fit-content;
+    display: inline;
+    
+    background-color: var(--background-dark);
+    border: 2px solid var(--accent);
+    color: var(--text-color);
+    text-decoration: none;
+    border-radius: 3px;
+}
+
+.main-header-button:hover {
+    background-color: var(--background-light);
+}
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -0,0 +1,15 @@
+/* @refresh reload */
+import { render } from 'solid-js/web';
+
+import './index.css';
+import App from './App';
+
+const root = document.getElementById('root');
+
+if (import.meta.env.DEV && !(root instanceof HTMLElement)) {
+  throw new Error(
+    'Root element not found. Did you forget to add it to your index.html? Or maybe the id attribute got mispelled?',
+  );
+}
+
+render(() => <App />, root!);
--- a/src/types/assets.d.ts
+++ b/src/types/assets.d.ts
@@ -0,0 +1,5 @@
+declare module "*.png";
+declare module "*.jpg";
+declare module "*.jpeg";
+declare module "*.svg";
+declare module "*.gif";
				`@@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="48" height="48" viewBox="0 0 48 48" style=" fill:#000000;"><g id="surface1"><path style=" fill-rule:evenodd;fill:#283593;" d="M 22.902344 3.285156 C 23.582031 2.90625 24.417969 2.90625 25.097656 3.285156 C 28.449219 5.167969 38.546875 10.835938 41.902344 12.71875 C 42.582031 13.101563 43 13.804688 43 14.566406 C 43 18.332031 43 29.667969 43 33.433594 C 43 34.195313 42.582031 34.898438 41.902344 35.28125 C 38.546875 37.164063 28.453125 42.832031 25.097656 44.714844 C 24.417969 45.09375 23.582031 45.09375 22.902344 44.714844 C 19.546875 42.832031 9.453125 37.164063 6.097656 35.28125 C 5.417969 34.898438 5 34.195313 5 33.433594 C 5 29.667969 5 18.332031 5 14.566406 C 5 13.804688 5.417969 13.101563 6.097656 12.71875 C 9.449219 10.835938 19.550781 5.167969 22.902344 3.285156 Z "/><path style=" fill-rule:evenodd;fill:#5C6BC0;" d="M 5.304688 34.402344 C 5.039063 34.046875 5 33.710938 5 33.253906 C 5 29.511719 5 18.242188 5 14.496094 C 5 13.738281 5.417969 13.039063 6.09375 12.660156 C 9.4375 10.789063 19.5 5.152344 22.84375 3.28125 C 23.519531 2.902344 24.4375 2.910156 25.113281 3.289063 C 28.457031 5.160156 38.484375 10.746094 41.828125 12.617188 C 42.097656 12.769531 42.304688 12.953125 42.488281 13.195313 Z "/><path style=" fill-rule:evenodd;fill:#FFFFFF;" d="M 24 10 C 31.726563 10 38 16.273438 38 24 C 38 31.726563 31.726563 38 24 38 C 16.273438 38 10 31.726563 10 24 C 10 16.273438 16.273438 10 24 10 Z M 24 17 C 27.863281 17 31 20.136719 31 24 C 31 27.863281 27.863281 31 24 31 C 20.136719 31 17 27.863281 17 24 C 17 20.136719 20.136719 17 24 17 Z "/><path style=" fill-rule:evenodd;fill:#3949AB;" d="M 42.484375 13.203125 C 43 13.6875 42.992188 14.414063 42.992188 14.988281 C 42.992188 18.785156 42.960938 29.578125 43 33.371094 C 43.003906 33.769531 42.871094 34.1875 42.675781 34.5 L 23.59375 24 Z "/></g></svg>
				`@@ -0,0 +1 @@`
				<svg fill="none" height="128" viewBox="0 0 128 128" width="128" xmlns="http://www.w3.org/2000/svg"><rect fill="#3178c6" height="128" rx="6" width="128"/><path clip-rule="evenodd" d="m74.2622 99.468v14.026c2.2724 1.168 4.9598 2.045 8.0625 2.629 3.1027.585 6.3728.877 9.8105.877 3.3503 0 6.533-.321 9.5478-.964 3.016-.643 5.659-1.702 7.932-3.178 2.272-1.476 4.071-3.404 5.397-5.786 1.325-2.381 1.988-5.325 1.988-8.8313 0-2.5421-.379-4.7701-1.136-6.6841-.758-1.9139-1.85-3.6159-3.278-5.1062-1.427-1.4902-3.139-2.827-5.134-4.0104-1.996-1.1834-4.246-2.3011-6.752-3.353-1.8352-.7597-3.4812-1.4975-4.9378-2.2134-1.4567-.7159-2.6948-1.4464-3.7144-2.1915-1.0197-.7452-1.8063-1.5341-2.3598-2.3669-.5535-.8327-.8303-1.7751-.8303-2.827 0-.9643.2476-1.8336.7429-2.6079s1.1945-1.4391 2.0976-1.9943c.9031-.5551 2.0101-.9861 3.3211-1.2929 1.311-.3069 2.7676-.4603 4.3699-.4603 1.1658 0 2.3958.0877 3.6928.263 1.296.1753 2.6.4456 3.911.8109 1.311.3652 2.585.8254 3.824 1.3806 1.238.5552 2.381 1.198 3.43 1.9285v-13.1051c-2.127-.8182-4.45-1.4245-6.97-1.819s-5.411-.5917-8.6744-.5917c-3.3211 0-6.4674.3579-9.439 1.0738-2.9715.7159-5.5862 1.8336-7.844 3.353-2.2578 1.5195-4.0422 3.4553-5.3531 5.8075-1.311 2.3522-1.9665 5.1646-1.9665 8.4373 0 4.1785 1.2017 7.7433 3.6052 10.6945 2.4035 2.9513 6.0523 5.4496 10.9466 7.495 1.9228.7889 3.7145 1.5633 5.375 2.323 1.6606.7597 3.0954 1.5486 4.3044 2.3668s2.1628 1.7094 2.8618 2.6736c.7.9643 1.049 2.06 1.049 3.2873 0 .9062-.218 1.7462-.655 2.5202s-1.1 1.446-1.9885 2.016c-.8886.57-1.9956 1.016-3.3212 1.337-1.3255.321-2.8768.482-4.6539.482-3.0299 0-6.0305-.533-9.0021-1.6-2.9715-1.066-5.7245-2.666-8.2591-4.799zm-23.5596-34.9136h18.2974v-11.5544h-51v11.5544h18.2079v51.4456h14.4947z" fill="#fff" fill-rule="evenodd"/></svg>
				`@@ -0,0 +1 @@`
				<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#fff"/></svg>