Footer title line design tweaks

icon cleanup
announcement cleanup
2024-08-15 09:38:35 +03:00 · 2024-08-15 09:22:19 +03:00 · 2024-08-14 19:50:02 +03:00 · 2024-08-14 19:47:37 +03:00 · 2024-08-14 19:46:05 +03:00 · 2024-08-14 19:44:38 +03:00
91 changed files with 1579 additions and 4 deletions
--- a/frontend/Dockerfile
+++ b/frontend/Dockerfile
@@ -8,7 +8,7 @@ RUN npm install
 COPY . .
-RUN npm run build
+RUN npm run build --env-file=production.env
 RUN npm prune --omit=dev
 FROM node:22.5.1-alpine AS deployer
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -7,6 +7,9 @@
 		"": {
 			"name": "personal-website",
 			"version": "0.0.1",
 			"dependencies": {
 				"dotenv": "^16.4.5"
 			},
 			"devDependencies": {
 				"@sveltejs/adapter-node": "^5.2.0",
 				"@sveltejs/kit": "^2.0.0",
@@ -1498,6 +1501,18 @@
 			"dev": true,
 			"license": "MIT"
 		},
 		"node_modules/dotenv": {
 			"version": "16.4.5",
 			"resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.5.tgz",
 			"integrity": "sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==",
 			"license": "BSD-2-Clause",
 			"engines": {
 				"node": ">=12"
 			},
 			"funding": {
 				"url": "https://dotenvx.com"
 			}
 		},
 		"node_modules/eastasianwidth": {
 			"version": "0.2.0",
 			"resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -23,5 +23,8 @@
 		"svelte": "^4.2.7",
 		"vite": "^5.0.3"
 	},
-	"type": "module"
+	"type": "module",
 	"dependencies": {
 		"dotenv": "^16.4.5"
 	}
 }
--- a/frontend/production.env
+++ b/frontend/production.env
--- a/frontend/src/lib/components/announcement.svelte
+++ b/frontend/src/lib/components/announcement.svelte
@@ -0,0 +1,56 @@
 <script>
    import { slide } from 'svelte/transition';
    export let message;
    export let color = 'red';
    export let link;
    let noderef;
    let visible = true;
 </script>
 {#if visible}
    <div transition:slide bind:this={noderef} class="announcement prevent-select" style="background-color: {color};">
        {#if link}
            <a href={link}>{message}</a>
        {:else}
            {message}
        {/if}
        <input class="close-button" type="button" value="" on:click={() => visible = false}>
    </div>
 {/if}
 <style>
    .announcement {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        height: 36px;
        font-size: 18px;
        color: white;
    }
    .close-button {
        height: 25px;
        width: 25px;
        cursor: pointer;
        background-color: white;
        object-fit: contain;
        -webkit-mask-image: url('$lib/images/icons/ui/cross.svg');
        mask-image: url('$lib/images/icons/ui/cross.svg');
        mask-repeat: no-repeat;
        mask-size: contain;
    }
    a, a:visited, a:hover, a:active {
        text-decoration: none; 
        color: inherit;
    }
 </style>
--- a/frontend/src/lib/components/footer.svelte
+++ b/frontend/src/lib/components/footer.svelte
@@ -0,0 +1,228 @@
 <script>
    import Icon from "./icon.svelte";
    import CatIcon from "$lib/images/icons/misc/cat.svg";
 	import TelegramIcon from "$lib/images/icons/social/telegram.svg";
    import MatrixIcon from "$lib/images/icons/social/matrix.svg";
    import DiscordIcon from "$lib/images/icons/social/discord.svg";
 </script>
 <footer class="footer prevent-select">
    <div class="footer__social-notice-box">
        <p class="social-row footer__social-notice-text">Me on other resources:</p>
    </div>
    <div class="social-row footer__social-links">
        <Icon image={TelegramIcon} size="32px"/>
        <Icon image={MatrixIcon} size="32px"/>
        <Icon image={DiscordIcon} size="32px"/>
    </div>
    <div class="footer-column footer__column1">
        <p class="footer-column-title">WeirdCat.su</p>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitrtempor invidunt ut aliquyam erat, sed diam voluptua. At vero eo</p>
    </div>
    <div class="footer-column footer__column2">
        <p class="footer-column-title">Useful links</p>
        <p>Buy a slave</p>
        <p>Hire me please</p>
        <p>Buy me a coffee</p>
        <p>Help</p>
    </div>
    <div class="footer-column footer__column3">
        <p class="footer-column-title">Contact</p>
        <p>nikolai@weirdcat.su</p>
        <p>+7 999 999 99 99</p>
        <Icon image={CatIcon} size="64px"/>
    </div>
    <p class="footer__copyright">© WeirdCat 2024</p>
 </footer>
 <style>
    ::before,
    ::after {
        box-sizing: inherit;
    }
    .footer {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas: "social-notice social-notice social-links"
                             "column1 column2 column3"
                             "copyright copyright copyright";
        box-shadow: 0px 5px var(--col_footer_copyright);
        background-color: var(--col_footer);
    }
    .social-row {
        padding: 20px;
        background-color: var(--col_panel);
    }
    .footer__social-notice-box {
        grid-area: social-notice;
        height: 100%;
        margin: 0;
        padding: inherit 40px;
        line-height: 30px;
        background-color: var(--col_panel);
    }
    .footer__social-notice-text {
        display: inline-block;
        vertical-align: middle;
        margin: 0 auto;
        padding: inherit 40px;
        width: 100%;
        font-family: 'Source_Sans_3' sans-serif;
        font-weight: bold;
        font-size: 20px;
        line-height:1fr;
        color: var(--col_text_panel);
    }
    .footer__social-links {
        display: flex;
        justify-content: right;
        grid-area: social-links;
        gap: 20px;
        width: auto;
    }
    .footer-column {
        display: flex;
        flex-direction: column;
        justify-self: center;
        gap: 20px;
        padding: 30px 20px;
        font-family: "Montserrat" sans-serif;
        font-size: 20px;
        color: var(--col_text_footer);
        background-color: var(--col_footer);
    }
    .footer-column > * {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
    }
    .footer__column1 {
        grid-area: column1;
    }
    .footer__column2 {
        grid-area: column2;
    }
    .footer__column3 {
        grid-area: column3;
    }
    .footer-column-title {
        position: relative;
        padding-bottom: 20px;
        font-family: "Source_Sans_3" sans-serif;
        font-weight: bold;
        text-transform: uppercase;
    }
    .footer-column-title::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 2px;
        width: 100px;
        background-color: var(--col_text_footer);
    }
    .footer__copyright {
        grid-area: copyright;
        margin: auto 0 0 0;
        padding: 10px;
        height: fit-content;
        font-family: "Montserrat" sans-serif;
        font-size: 24px;
        text-align: center;
        color: var(--col_text_copyright);
        background-color: var(--col_footer_copyright);
    }
    @media screen and (max-width: 800px) {
        .footer {
            grid-template-areas: "social-notice social-notice social-links"
                             "column1 column1 column1"
                             "column2 column2 column2"
                             "column3 column3 column3"
                             "copyright copyright copyright";
        }
        .footer-column
        {
            justify-content: center;
            justify-items: center;
            padding: 20px;
            max-width: 60%;
            width: 100%;
            text-align: center;
        }
        .footer-column > :global(.icon) {
            align-self: center;
        }
        .footer-column-title::after {
            left: 0;
            width: 100%;
            max-width: 100%;
        }
    }
    @media screen and (max-width: 543px) {
        .footer {
            grid-template-areas: "social-links social-links social-links"
                                 "column1 column1 column1"
                                 "column2 column2 column2"
                                 "column3 column3 column3"
                                 "copyright copyright copyright";
        }
        .footer__social-notice-text {
            display: none;
        }
        .footer__social-links {
            justify-content: center;
            gap: 10%;
            margin: inherit 20px;
        }
    }
 </style>
--- a/frontend/src/lib/components/header.svelte
+++ b/frontend/src/lib/components/header.svelte
@@ -0,0 +1,121 @@
 <script>
    import Logo from "$lib/images/gif/maxwell-cat.gif";
 	import Icon from "./icon.svelte";
    import MenuIcon from "$lib/images/icons/ui/menu.svg";
    import LanguageIcon from "$lib/images/icons/ui/language.svg";
    import DarkmodeIcon from "$lib/images/icons/ui/darkmode.svg";
 	import Searchbar from "./searchbar.svelte";
 </script>
 <header class="header prevent-select" data-sveltekit-preload-data="hover">
    <div class="container header-left">
        <Icon class="header__menu-button" image={MenuIcon} size="64px"/>
        <img class="header__logo" alt="WeirdCat.su" src={Logo}>
        <a class="header__link"  href="/">Home</a>
        <a class="header__link" href="/blog">Blog</a>
        <a class="header__link" href="/services">Services</a>
    </div>
    <Searchbar id="searchbar"/>
    <div class="container header-right">
        <Icon class="header__language-button" image={LanguageIcon} size="40px"/>
        <Icon class="header__darkmode-button" image={DarkmodeIcon} size="40px"/>
    </div>
 </header>
 <style>
    .header {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        gap: 20px;
        padding: 5px 10px;
        height: 74px;
        background-color: var(--col_panel);
        box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.3);
    }
    .container {
        display: flex;
        align-items: inherit;
        justify-self: right;
        padding: inherit;
        gap: inherit;
    }
    .header-left {
        margin-right: auto;
    }
    .header__logo {
        height: 64px;
        width: 64px;
    }
    :global(.header__menu-button) {
        display: none;
    }
    .header__link {
        font-size: 28px;
        text-decoration: none; 
        color: var(--col_text_panel);
    }
    .header__link:hover {
        color: var(--col_text_hint);
    }
    .header-right {
        justify-self: right;
    }
    @media only screen and (max-width: 1036px) {
        .header {
            grid-template-columns: auto auto auto;
        }
    }
    @media only screen and (max-width: 935px) {
        .header {
            grid-template-columns: auto auto 1fr;
        }
    }
    @media only screen and (max-width: 730px) {
        .header {
            grid-template-columns: auto auto auto;
        }
        :global(.header__menu-button) {
            display: block;
        }
        .container > .header__link {
            display: none;
        }
        .container > :global(.header__language-button), :global(.container > .header__darkmode-button) {
            display: none;
        }
    }
    @media only screen and (max-width: 622px) {
        .header {
            grid-template-columns: 1fr 1fr;
        }
    }
 </style>
--- a/frontend/src/lib/components/icon.svelte
+++ b/frontend/src/lib/components/icon.svelte
@@ -0,0 +1,39 @@
 <script>
    export let image = "";
    export let onclick;
    export let color = "var(--col_text_panel)";
    export let size = "25px";
    let externalClasses = "";
    export { externalClasses as class };
    const Clickablility = onclick ? "clickable" : "";
 </script>
 <input class="{externalClasses} {Clickablility} icon" type="button" value="" 
 style="--icon-image: url({image}); --icon-color: {color}; --icon-size: {size};" 
 on:click={onclick ? onclick : null}>
 <style>
    :global(.icon) {
        height: var(--icon-size);
        width: var(--icon-size);
        background-color: var(--icon-color);
        object-fit: contain;
        -webkit-mask-image: var(--icon-image);
        mask-image: var(--icon-image);
        mask-repeat: no-repeat;
        mask-size: contain;
    }
    .clickable {
        cursor: pointer;
    }
    .clickable:hover {
        background-color: var(--col_text_hint) !important;
    }
 </style>
--- a/frontend/src/lib/components/searchbar.svelte
+++ b/frontend/src/lib/components/searchbar.svelte
@@ -0,0 +1,86 @@
 <script>
    import Icon from "./icon.svelte";
    import SearchIcon from "$lib/images/icons/ui/search.svg";
    let classList = "";
    export { classList as class };
 </script>
 <div class="{classList} searchbar">
    <div class="normal">
        <Icon class="searchbar__icon" image={SearchIcon} size="36px"/>
        <input class="searchbar__input" type="text" placeholder="Search stuff...">
    </div>
    <div class="compact">
        <Icon class="searchbar__icon" image={SearchIcon} size="36px"/>
    </div>
 </div>
 <style>
    .searchbar {
        display: flex;
        align-items: center;
        width: auto;
        height: 36px;
        padding: 10px;
        background-color: var(--col_panel_field);
        border-radius: 30px;
    }
    .searchbar__input {
        max-width: 200px;
        font-size: 16px;
        color: var(--col_text_panel);
        background-color: transparent;
        border: none;
    }
    .searchbar__input:focus {
        outline: none;
    }
    .compact {
        display: none;
    }
    @media only screen and (max-width: 935px) {
        .searchbar {
            margin-left: auto;
        }
        .normal {
            display: none;
        }
        .compact {
            display: flex;
        }
    }
    @media only screen and (max-width: 730px) {
        .searchbar {
            margin-left: auto;
        }
        .normal {
            display: flex;
        }
        .compact {
            display: none;
        }
    }
    @media only screen and (max-width: 506px) {
        .searchbar {
            margin-left: auto;
        }
        .normal {
            display: none;
        }
        .compact {
            display: flex;
        }
    }
 </style>
--- a/frontend/src/lib/css/anims.css
+++ b/frontend/src/lib/css/anims.css
--- a/frontend/src/lib/css/colors.css
+++ b/frontend/src/lib/css/colors.css
@@ -0,0 +1,36 @@
 :root {
    --col_background_1: #fbefff;
    --col_background_2: #f5e0fc;
    --col_panel: #41bd79;
    --col_panel_field: #46a871;
    --col_footer: #3a3e41;
    --col_footer_copyright: #000000;
    --col_accent: #5dc98e;
    --col_text: #000000;
    --col_text_query: #ffffff;
    --col_text_invalid: #cc0000;
    --col_text_hint: #dedede; 
    --col_text_panel: #ffffff;
    --col_text_footer: #ffffff;
    --col_text_copyright: #ffffff;
    --col_text_selection: #5dc98e;
 }
@media (prefers-color-scheme: dark) {
    /*TODO: Implement blue darkmode color theme*/
 }
 body {
    background-color: var(--col_background_1);
    color: var(--col_text);
 }
 ::selection {
    color: var(--col_text_panel);
    background: var(--col_text_selection);
 }
--- a/frontend/src/lib/css/font_imports.css
+++ b/frontend/src/lib/css/font_imports.css
@@ -0,0 +1,51 @@
@font-face {
    font-family: Montserrat;
    font-style: normal;
    src: url("/fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
 }
@font-face {
    font-family: Montserrat;
    font-weight: bold;
    src: url("/fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
 }
@font-face {
    font-family: Montserrat;
    font-style: italic;
    src: url("/fonts/Montserrat/Montserrat-Italic.ttf") format("truetype");
 }
@font-face {
    font-family: Montserrat_Alternates;
    src: url("/fonts/Montserrat_Alternates/MontserratAlternates-Regular.ttf") format("truetype");
 }
@font-face {
    font-family: Montserrat_Alternates;
    font-weight: bold;
    src: url("/fonts/Montserrat_Alternates/MontserratAlternates-Bold.ttf") format("truetype");
 }
@font-face {
    font-family: Montserrat_Alternates;
    font-style: italic;
    src: url("/fonts/Montserrat_Alternates/MontserratAlternates-Italic.ttf") format("truetype");
 }
@font-face {
    font-family: Source_Sans_3;
    src: url("/fonts/Source_Sans_3/SourceSans3-Regular.ttf") format("truetype");
 }
@font-face {
    font-family: Source_Sans_3;
    font-weight: bold;
    src: url("/fonts/Source_Sans_3/SourceSans3-Bold.ttf") format("truetype");
 }
@font-face {
    font-family: Source_Sans_3;
    font-style: italic;
    src: url("/fonts/Source_Sans_3/SourceSans3-Italic.ttf") format("truetype");
 }
--- a/frontend/src/lib/css/fonts.css
+++ b/frontend/src/lib/css/fonts.css
@@ -0,0 +1,7 @@
 * {
    font-family: 'Montserrat', sans-serif;
 }
 h1 {
    font-family: 'Montserrat_Alternates', sans-serif;
 }
--- a/frontend/src/lib/css/normalize.css
+++ b/frontend/src/lib/css/normalize.css
@@ -0,0 +1,351 @@
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 /* Document
   ========================================================================== */
 /**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
 }
 /* Sections
   ========================================================================== */
 /**
 * Remove the margin in all browsers.
 */
 body {
  margin: 0;
 }
 /**
 * Render the `main` element consistently in IE.
 */
 main {
  display: block;
 }
 /**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
 h1 {
  font-size: 2em;
  margin: 0.67em 0;
 }
 /* Grouping content
   ========================================================================== */
 /**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
 hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
 }
 /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
 pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
 }
 /* Text-level semantics
   ========================================================================== */
 /**
 * Remove the gray background on active links in IE 10.
 */
 a {
  background-color: transparent;
 }
 /**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
 abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
 }
 /**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
 b,
 strong {
  font-weight: bolder;
 }
 /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
 code,
 kbd,
 samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
 }
 /**
 * Add the correct font size in all browsers.
 */
 small {
  font-size: 80%;
 }
 /**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
 sub,
 sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
 }
 sub {
  bottom: -0.25em;
 }
 sup {
  top: -0.5em;
 }
 /* Embedded content
   ========================================================================== */
 /**
 * Remove the border on images inside links in IE 10.
 */
 img {
  border-style: none;
 }
 /* Forms
   ========================================================================== */
 /**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
 button,
 input,
 optgroup,
 select,
 textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
 }
 /**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
 button,
 input { /* 1 */
  overflow: visible;
 }
 /**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
 button,
 select { /* 1 */
  text-transform: none;
 }
 /**
 * Correct the inability to style clickable types in iOS and Safari.
 */
 button,
 [type="button"],
 [type="reset"],
 [type="submit"] {
  -webkit-appearance: button;
  appearance: button;
 }
 /**
 * Remove the inner border and padding in Firefox.
 */
 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
 }
 /**
 * Restore the focus styles unset by the previous rule.
 */
 button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
 }
 /**
 * Correct the padding in Firefox.
 */
 fieldset {
  padding: 0.35em 0.75em 0.625em;
 }
 /**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
 legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
 }
 /**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
 progress {
  vertical-align: baseline;
 }
 /**
 * Remove the default vertical scrollbar in IE 10+.
 */
 textarea {
  overflow: auto;
 }
 /**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
 [type="checkbox"],
 [type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
 }
 /**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
  height: auto;
 }
 /**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
 [type="search"] {
  -webkit-appearance: textfield; /* 1 */
  appearance: textfield;
  outline-offset: -2px; /* 2 */
 }
 /**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
 [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
 }
 /**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
 ::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
 }
 /* Interactive
   ========================================================================== */
 /*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
 details {
  display: block;
 }
 /*
 * Add the correct display in all browsers.
 */
 summary {
  display: list-item;
 }
 /* Misc
   ========================================================================== */
 /**
 * Add the correct display in IE 10+.
 */
 template {
  display: none;
 }
 /**
 * Add the correct display in IE 10.
 */
 [hidden] {
  display: none;
 }
--- a/frontend/src/lib/css/service.css
+++ b/frontend/src/lib/css/service.css
@@ -0,0 +1,15 @@
 .prevent-select, .prevent-select > * {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
 }
 .maintain-left {
  margin-right: auto;
 }
 .maintain-right {
  margin-left: auto;
 }
--- a/frontend/src/lib/images/gif/maxwell-cat.gif
+++ b/frontend/src/lib/images/gif/maxwell-cat.gif
--- a/frontend/src/lib/images/icons/game/7dtd.svg
+++ b/frontend/src/lib/images/icons/game/7dtd.svg
@@ -0,0 +1,42 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
   viewBox="0 0 64 64"
   version="1.1"
   id="svg2"
   sodipodi:docname="7dtd.svg"
   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
   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="6.0078125"
     inkscape:cx="10.569571"
     inkscape:cy="34.871261"
     inkscape:window-width="1920"
     inkscape:window-height="997"
     inkscape:window-x="0"
     inkscape:window-y="45"
     inkscape:window-maximized="1"
     inkscape:current-layer="svg2" />
  <path
     fill="#bcad8a"
     d="M49.62 42.74v2.4H44.3v-15.2h5.32v2.74H47.4v3.21l-.8.42h3.02v2.16H47.4v3.85l-.8.42h3.02ZM49.62 13.36v1.81h-3.3a2.5 2.5 0 0 0-.73-1.6l1.67-4.05c1.3.41 2.36 1.6 2.36 3.84ZM49.62 22.5v4.38a5.62 5.62 0 0 1-4.18 2.43c-2.14 0-3.65-.45-4.68-2.48l-.29-.8 1.5-3.67 1.94-.03v3.09c0 .42.12.7.32.87l-1.24.28h2.22c.78 0 1.04-1.4 1.03-3.01 0-1.44-2.03-2.47-3.18-3.83l1.55-3.78c.61.72 1.38 1.47 2 1.84 1.55.96 3.01 2.6 3.01 4.7ZM30.74 9.29h3.8l.68 3.19-2.04 6.01-2.44-9.2ZM29.62 29.03h-.97l-.18-3.69h-2.09l-.24 3.55-3.95.06L24.37 9.3h5.75l1.72 13.19-2.22 6.55Zm-2.25-17.8-1.04 10.7-1.42.57h3.51l-1.05-11.27ZM12.65 28.92V9.3h6.16c1.68 0 3.36 1.68 3.36 4.48 0 2.8-.05 10.91-.22 12.41-.16 1.5-.9 2.74-2.9 2.74h-6.4Zm3.65-16.47v13.3l-1.8.58h2.62c.9 0 1.07-.69 1.07-1.96v-10.5c0-1.07-.48-1.42-.93-1.42h-.96ZM12.65 32.68v-2.76h7.23v2.8l-3.8.5 1.8.27v11.66h-3.19V32.68h-2.04ZM27.96 33.94l-3.79 11.2h-2S20.2 44.68 20.2 41v-6.71c0-1.44.4-4.65 3.55-4.65s3.9 1.89 4.15 2.76c.04.16.06.76.06 1.55Zm-4.65 8.1c0 3.3 1.52 2.94 1.52.25v-8.74c0-1.11-.23-1.76-.82-1.76-.58 0-.7 1-.7 2.05v8.2ZM38.4 45.15h-4.33l.7-1.48c1.58-.16 2.34-.8 2.34-1.73v-6.12c0-.52-.05-.96-.12-1.31l1.57-3.84c.8.32 1.42 1.52 1.42 2.77l-.02 9.05c0 1.3-.47 2.26-1.56 2.66ZM43.63 45.15h-3.15V30.3l3.15-.37v15.2Z"
     id="path1"
     style="fill:#000000" />
  <path
     fill="#a91e18"
     d="m12.85-.12 38.5-.04L37.01 34.5l2.6-1.41-14.1 31.07 4-17.4-8.11 6.55L36.67 8.04l-21.28.02-2.54-8.18Z"
     id="path2"
     style="fill:#000000" />
 </svg>
--- a/frontend/src/lib/images/icons/game/garrysmod.svg
+++ b/frontend/src/lib/images/icons/game/garrysmod.svg
@@ -0,0 +1,50 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
 <svg
   width="40mm"
   height="40mm"
   viewBox="0 0 40 40"
   version="1.1"
   id="svg1"
   xml:space="preserve"
   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
   sodipodi:docname="garrysmod.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="mm"
     inkscape:zoom="4"
     inkscape:cx="56.125"
     inkscape:cy="71.625"
     inkscape:window-width="1920"
     inkscape:window-height="997"
     inkscape:window-x="0"
     inkscape:window-y="45"
     inkscape:window-maximized="1"
     inkscape:current-layer="layer1" /><defs
     id="defs1"><rect
       x="-92.895599"
       y="65.543006"
       width="42.835193"
       height="26.836506"
       id="rect1" /></defs><g
     inkscape:label="Layer 1"
     inkscape:groupmode="layer"
     id="layer1"><path
       style="fill:#000000;stroke:none"
       d="M 4.1601562,0.01211643 C 3.9691424,0.04665375 3.7682804,0.03535986 3.5742188,0.07058859 3.1836328,0.14149427 2.8121793,0.29250383 2.4609375,0.47379971 1.3311596,1.0569382 0.36362644,2.1997523 0.08641372,3.4570313 -0.03363821,4.0015197 0,4.5821333 0,5.1367187 v 2.5 21.6796873 4.804688 c 0,0.757038 -0.08235453,1.580071 0.06736473,2.324218 0.12403212,0.616475 0.41585493,1.195655 0.78682601,1.699219 C 1.4793062,38.993077 2.4636436,39.72276 3.515625,39.925687 4.3407363,40.084853 5.2353221,40 6.0742187,40 H 9.8242188 27.773437 33.4375 c 1.008465,0 2.116916,0.122967 3.105469,-0.09105 0.472498,-0.102296 0.924589,-0.31631 1.328125,-0.57973 0.970325,-0.633406 1.748864,-1.609172 2.033298,-2.747185 C 40.039821,36.04018 40,35.438581 40,34.882812 V 32.265625 10.527344 5.7421875 C 40,5.0321412 40.066805,4.2732835 39.936314,3.5742188 39.82234,2.9636455 39.522517,2.3468971 39.147377,1.8554687 38.50507,1.0140562 37.561462,0.29288769 36.503906,0.07820129 35.670211,-0.09104252 34.756823,0 33.90625,0 H 30.214844 12.578125 6.9140625 5.0976562 C 4.7953561,0 4.4576705,-0.04167557 4.1601562,0.01211643 M 24.550781,7.8515625 V 5.4492187 h 5.332031 v 16.8554683 2.792969 c 0,0.751086 0.01442,1.500476 -0.08363,2.246094 -0.189228,1.439099 -0.710463,2.83196 -1.574271,4.003906 -2.667276,3.618753 -7.918372,4.471364 -12.03351,3.236718 -2.466048,-0.739879 -4.691999,-2.481727 -5.572419,-4.955468 -0.340139,-0.955696 -0.501799,-1.976092 -0.501799,-2.988281 h 4.980468 c 0,0.475781 0.07298,0.954838 0.224926,1.40625 0.419249,1.245508 1.567317,2.003124 2.802418,2.269723 1.671993,0.360907 3.496521,0.09841 4.882812,-0.958869 0.488081,-0.372243 0.908635,-0.846775 1.165846,-1.40851 0.326464,-0.712981 0.339091,-1.459553 0.357878,-2.226563 0.02106,-0.859928 -2.86e-4,-1.717849 -2.86e-4,-2.578125 -0.255921,0.26743 -0.457842,0.58451 -0.706441,0.859375 -0.339656,0.375543 -0.742813,0.690623 -1.18809,0.931473 -1.229711,0.66514 -2.739886,0.883613 -4.121094,0.789025 -0.798209,-0.05466 -1.588688,-0.121086 -2.363281,-0.342128 C 14.502462,24.911456 13.016572,23.85536 12.020068,22.460937 10.989959,21.019492 10.459715,19.244311 10.250877,17.5 9.7723269,13.502939 10.660528,9.0539122 14.0625,6.5063787 c 0.558506,-0.4182315 1.168795,-0.7621885 1.816406,-1.0220004 1.433593,-0.5751347 2.975495,-0.7033991 4.492188,-0.450139 1.15869,0.1934814 2.280538,0.7243013 3.125,1.5480781 0.24317,0.2372145 0.471778,0.4899215 0.676284,0.7614326 0.122594,0.1627612 0.228729,0.3706431 0.378403,0.5078125 m -4.648437,1.7270398 c -0.883245,0.1159573 -1.692525,0.2460814 -2.421875,0.8098387 -1.566558,1.210885 -1.777344,3.430853 -1.777344,5.25609 0,0.72439 0.03086,1.422136 0.207549,2.128906 0.228343,0.91337 0.661446,1.81505 1.316657,2.5 0.900007,0.940857 2.248719,1.394029 3.534388,1.224969 0.399222,-0.0525 0.782904,-0.161743 1.152343,-0.321045 0.321806,-0.138762 0.622182,-0.325773 0.898438,-0.541117 1.569588,-1.223521 1.835937,-3.135596 1.835937,-4.991713 0,-1.012304 -0.07695,-1.953523 -0.362803,-2.929687 C 24.079852,12.012129 23.742888,11.301329 23.24044,10.761719 22.438972,9.9009728 21.07482,9.4246721 19.902344,9.5786023 Z"
       id="path3" /><text
       xml:space="preserve"
       transform="scale(0.26458333)"
       id="text1"
       style="fill:#000000;white-space:pre;shape-inside:url(#rect1)" /></g></svg>
--- a/frontend/src/lib/images/icons/game/minecraft.svg
+++ b/frontend/src/lib/images/icons/game/minecraft.svg
@@ -0,0 +1,19 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
 <svg width="800px" height="800px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>emoji_minecraft_square [#409]</title>
    <desc>Created with Sketch.</desc>
    <defs>
 </defs>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Dribbble-Light-Preview" transform="translate(-420.000000, -6319.000000)" fill="#000000">
            <g id="icons" transform="translate(56.000000, 160.000000)">
                <path d="M376,6169 L380,6169 L380,6165 L376,6165 L376,6169 Z M368,6169 L372,6169 L372,6165 L368,6165 L368,6169 Z M382,6177 L378,6177 L378,6171 L376,6171 L376,6169 L372,6169 L372,6171 L370,6171 L370,6177 L366,6177 L366,6161 L382,6161 L382,6177 Z M372,6177 L376,6177 L376,6175 L372,6175 L372,6177 Z M364,6179 L384,6179 L384,6159 L364,6159 L364,6179 Z" id="emoji_minecraft_square-[#409]">
 </path>
            </g>
        </g>
    </g>
 </svg>
--- a/frontend/src/lib/images/icons/game/terraria.svg
+++ b/frontend/src/lib/images/icons/game/terraria.svg
@@ -0,0 +1,75 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
 <svg
   width="800px"
   height="800px"
   viewBox="0 0 48 48"
   version="1.1"
   id="svg4"
   sodipodi:docname="terraria-svgrepo-com.svg"
   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
   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="namedview4"
     pagecolor="#ffffff"
     bordercolor="#000000"
     borderopacity="0.25"
     inkscape:showpageshadow="2"
     inkscape:pageopacity="0.0"
     inkscape:pagecheckerboard="0"
     inkscape:deskcolor="#d1d1d1"
     inkscape:zoom="0.67970639"
     inkscape:cx="370.0127"
     inkscape:cy="414.14941"
     inkscape:window-width="1920"
     inkscape:window-height="997"
     inkscape:window-x="0"
     inkscape:window-y="45"
     inkscape:window-maximized="1"
     inkscape:current-layer="svg4" />
  <defs
     id="defs1">
    <style
       id="style1">.a{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;}</style>
  </defs>
  <path
     class="a"
     d="m 26.743295,19.317191 v 21.435963 c 0,0.579319 1.995546,3.604768 3.154184,3.604768 1.158637,0 2.510498,0.515065 2.510498,1.416227 0,0.901163 -0.386213,0.965532 -0.901162,0.901163 A 26.446115,26.446115 0 0 0 28.80321,45.774149 c -0.257475,0.128272 -1.866809,1.131119 -2.38176,0.919356 a 6.0949752,6.0949752 0 0 0 -2.489043,-0.919821 c -0.719017,0.03229 -1.115841,0.958534 -2.145625,0.949089 -0.780471,-0.0072 -1.630792,-1.077359 -2.768089,-0.948624 -0.546435,0.06193 -1.223007,0.950139 -1.737489,0.957836 -0.514485,0.0078 -1.029902,-0.18541 -1.029902,-0.957836 0,0 0.708057,-1.223004 1.351862,-1.223004 a 4.1939979,4.1939979 0 0 0 2.092101,-0.772544 10.440215,10.440215 0 0 1 2.0921,-2.89671 V 26.719949 c 0,-0.450582 -0.536405,-1.094269 -0.536405,-1.995549 0,-0.901279 0.536405,-1.158638 0.536405,-1.673587 v -2.252674"
     id="path1"
     style="stroke-width:2.50333;stroke-dasharray:none" />
  <path
     class="a"
     d="m 21.034531,1.4738686 a 3.0007269,3.0007269 0 0 1 3.069644,0.5701065 c 0,0 0.726597,-0.8601158 1.416111,-0.7850189 a 3.372713,3.372713 0 0 1 2.531955,2.3299859 c 0,0 -0.128271,-1.2660357 1.780985,-0.9012793 a 9.6612609,9.6612609 0 0 1 3.754846,5.5789755 c 2.102829,0.085825 2.102829,2.1456257 0.643686,2.6606917 1.716617,0.815454 -0.171649,2.145626 -0.171649,2.145626 1.244579,0.3433 0.51495,5.536063 -3.561971,6.244119 -4.07692,0.708057 -4.377309,-1.008444 -4.377309,-1.008444 0,0 -0.622232,1.845238 -2.124169,1.780869 -1.501938,-0.06437 -1.158753,-1.652132 -1.158753,-1.652132 0,0 -0.408136,2.531955 -1.974093,2.424673 a 1.8851183,1.8851183 0 0 1 -1.780869,-1.54485 c 0,0 -1.072812,1.437686 -1.823898,0.514951 a 1.6442019,1.6442019 0 0 1 -0.472038,-1.587764 c 0,0 -3.90527,0.128272 -4.034008,-3.025564 -0.128739,-3.153837 1.695159,-3.64768 1.695159,-3.64768 0,0 -1.80244,-0.729628 -1.30883,-1.9311791 a 2.7546797,2.7546797 0 0 1 1.931062,-1.459025 5.753774,5.753774 0 0 1 0.06437,-3.8623587 c 0.836911,-1.5448502 4.591987,-1.1800938 4.591987,-1.1800938 0,0 -0.16232,-1.083541 1.307783,-1.6646088 z"
     id="path2"
     style="stroke-width:2.50333;stroke-dasharray:none" />
  <line
     class="a"
     x1="21.399986"
     x2="17.684792"
     y1="31.870264"
     y2="29.844748"
     id="line2"
     style="stroke-width:2.50333;stroke-dasharray:none" />
  <line
     class="a"
     x1="26.743063"
     x2="30.698475"
     y1="37.791729"
     y2="35.333588"
     id="line3"
     style="stroke-width:2.50333;stroke-dasharray:none" />
  <path
     class="a"
     d="m 30.310862,31.502943 a 2.3196075,2.3196075 0 0 1 3.783297,0.242549 c 0,0 1.552197,-0.606372 1.988668,0.533492 a 1.2456287,1.2456287 0 0 1 -0.48498,1.62496 c 0,0 1.681516,1.501471 0.177831,2.829427 -1.50369,1.327956 -3.007259,0.873061 -3.104278,-0.45268 a 1.9177692,1.9177692 0 0 1 -1.899811,-2.958629 c 0,0 -1.261139,-0.873644 -0.460727,-1.819119 z"
     id="path3"
     style="stroke-width:2.50333;stroke-dasharray:none" />
  <path
     class="a"
     d="m 13.487878,31.87703 a 2.3506258,2.3506258 0 0 1 -0.76228,-3.795075 c 0,0 -1.01789,-1.367021 0.0052,-2.104113 a 1.2956544,1.2956544 0 0 1 1.7523,0.04092 c 0,0 1.053805,-2.061783 2.779868,-0.936845 1.726061,1.124937 1.670903,2.729724 0.371985,3.182171 a 1.8506018,1.8506018 0 0 1 -0.422479,2.200315 1.9164865,1.9164865 0 0 1 -2.029013,0.468773 c 0,0 -0.537924,1.478265 -1.695511,0.943843 z"
     id="path4"
     style="stroke-width:2.50333;stroke-dasharray:none" />
 </svg>
--- a/frontend/src/lib/images/icons/game/unturned.svg
+++ b/frontend/src/lib/images/icons/game/unturned.svg
@@ -0,0 +1,72 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
 <svg
   width="40mm"
   height="40mm"
   viewBox="0 0 40 40"
   version="1.1"
   id="svg1"
   xml:space="preserve"
   sodipodi:docname="unturned.svg"
   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
   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="mm"
     showgrid="true"
     inkscape:zoom="2.8284271"
     inkscape:cx="22.45064"
     inkscape:cy="80.079843"
     inkscape:window-width="1920"
     inkscape:window-height="997"
     inkscape:window-x="0"
     inkscape:window-y="45"
     inkscape:window-maximized="1"
     inkscape:current-layer="layer1"><inkscape:grid
       id="grid1"
       units="px"
       originx="0"
       originy="0"
       spacingx="0.26458333"
       spacingy="0.26458333"
       empcolor="#0099e5"
       empopacity="0.30196078"
       color="#0099e5"
       opacity="0.14901961"
       empspacing="5"
       dotted="false"
       gridanglex="30"
       gridanglez="30"
       visible="true" /></sodipodi:namedview><defs
     id="defs1" /><g
     inkscape:label="Layer 1"
     inkscape:groupmode="layer"
     id="layer1"><rect
       style="fill:#000000;stroke-width:0.04689923;stroke-dasharray:none;stroke:#000000;stroke-opacity:1"
       id="rect2"
       width="2.3812501"
       height="2.3812497"
       x="34.660416"
       y="17.727083" /><rect
       style="fill:#000000;stroke-width:0.04689923;stroke-dasharray:none;stroke:#000000;stroke-opacity:1"
       id="rect2-3"
       width="2.3812501"
       height="2.3812497"
       x="2.6458333"
       y="17.859375" /><path
       id="rect2-3-2"
       style="fill:#000000;stroke-width:0.10010048;stroke-dasharray:none;stroke:#000000;stroke-opacity:1"
       d="M 14.022917 22.754167 L 14.022917 25.135417 L 8.9958333 25.135417 L 8.9958333 29.897917 L 6.6145833 29.897917 L 6.6145833 34.925 L 8.9958333 34.925 L 8.9958333 32.54375 L 27.78125 32.54375 L 27.78125 35.454167 L 30.427083 35.454167 L 30.427083 25.135417 L 27.78125 25.135417 L 24.870833 25.135417 L 24.870833 22.754167 L 14.022917 22.754167 z " /><path
       id="rect5"
       style="fill:#000000;stroke:#000000;stroke-width:1.24916;stroke-dasharray:none;stroke-opacity:1"
       d="M 0.62458003,0.63076415 V 1.9123627 38.099999 39.381598 H 39.375417 V 38.099999 1.9123627 0.63076415 Z M 1.9061788,1.9123627 H 38.093819 V 38.099999 H 1.9061788 Z" /></g></svg>
--- a/frontend/src/lib/images/icons/misc/cat.svg
+++ b/frontend/src/lib/images/icons/misc/cat.svg
@@ -0,0 +1,126 @@
 <?xml version="1.0" encoding="iso-8859-1"?>
 <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
 <svg fill="#000000" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
 	 viewBox="0 0 512 512" xml:space="preserve">
 <g>
 	<g>
 		<circle cx="93.001" cy="122.066" r="11.429"/>
 	</g>
 </g>
 <g>
 	<g>
 		<path d="M199.706,166.954c-2.863-5.06-9.291-6.825-14.339-3.95c-1.017,0.573-2.676,1.18-4.78,0.736
 			c-2.384-0.503-4.347-2.255-5.095-4.569l-0.012,0.012c-1.017-3.085-3.412-5.656-6.72-6.743c-5.528-1.8-11.465,1.215-13.264,6.731
 			c-0.76,2.314-2.711,4.067-5.107,4.569c-2.092,0.444-3.751-0.164-4.78-0.736c-5.049-2.875-11.464-1.11-14.339,3.95
 			c-2.863,5.049-1.099,11.465,3.95,14.339c4.219,2.396,8.964,3.635,13.755,3.635c1.905,0,3.833-0.199,5.738-0.596
 			c3.95-0.83,7.608-2.513,10.763-4.838c3.167,2.326,6.837,4.008,10.798,4.838c1.893,0.397,3.822,0.596,5.738,0.596
 			c4.78,0,9.525-1.239,13.743-3.635C200.805,178.419,202.581,172.003,199.706,166.954z"/>
 	</g>
 </g>
 <g>
 	<g>
 		<circle cx="237.985" cy="122.066" r="11.429"/>
 	</g>
 </g>
 <g>
 	<g>
 		<g>
 			<path d="M423.791,344.933c-0.729-0.191-1.481-0.313-2.246-0.359c-1.147-0.069-2.324,0.031-3.499,0.32
 				c-6.264,1.543-10.097,7.877-8.555,14.141c4.85,19.657,1.858,40.12-8.414,57.603c-3.272,5.563-1.414,12.727,4.16,15.987
 				c1.858,1.099,3.892,1.613,5.902,1.613c4.008,0,7.912-2.057,10.086-5.761c1.254-2.135,2.426-4.305,3.513-6.504
 				c1.087-2.199,2.09-4.429,3.009-6.684c0.612-1.503,1.187-3.018,1.724-4.544c2.417-6.864,4.068-13.936,4.939-21.109
 				c0.097-0.797,0.184-1.595,0.261-2.394c0.155-1.599,0.271-3.201,0.349-4.807c0.155-3.212,0.155-6.436-0.002-9.664
 				c-0.078-1.614-0.196-3.228-0.353-4.842c-0.235-2.421-0.559-4.841-0.972-7.255c-0.275-1.61-0.59-3.217-0.945-4.821
 				c-0.177-0.802-0.365-1.603-0.562-2.403c-0.328-1.332-0.883-2.545-1.598-3.629c-0.336-0.509-0.698-0.996-1.104-1.441
 				c-0.254-0.279-0.521-0.544-0.799-0.796c-0.445-0.402-0.926-0.758-1.425-1.087C426.199,345.795,425.031,345.258,423.791,344.933z"
 				/>
 			<path d="M490.036,373.97c0.012-0.222,0.035-0.456,0.035-0.69V145.848c0-11.862-4.616-23.011-12.995-31.367
 				c-8.391-8.368-19.517-12.984-31.355-12.984c-24.46,0-44.351,19.891-44.351,44.351v88.432L300.106,170.32
 				c5.843-16.455,8.952-33.739,8.952-50.965V24.273C309.058,10.892,298.166,0,284.785,0c-6.159,0-12.037,2.314-16.536,6.509
 				c-0.105,0.094-0.199,0.187-0.304,0.292l-41.405,41.406c-18.605-10.436-39.512-15.917-61.051-15.917
 				c-21.538,0-42.457,5.481-61.051,15.917L63.032,6.802c-0.105-0.105-0.199-0.199-0.304-0.292C58.229,2.314,52.351,0,46.192,0
 				C32.811,0,21.919,10.892,21.919,24.273v95.082c0,38.133,15.204,76.617,41.698,105.588c10.506,11.488,22.251,21.001,34.861,28.398
 				c-0.619,7.573-0.83,15.263-0.619,22.952c0.923,34.452,10.202,68.331,26.821,98.296v66.368h-0.444
 				c-19.587,0-35.527,15.929-35.527,35.515v13.077c0,12.376,10.074,22.45,22.438,22.45h60.49c15.228,0,28.223-9.77,33.05-23.373
 				h12.224v0.257c0,12.738,10.366,23.116,23.104,23.116h133.648c34.522,0,67.315-16.653,87.696-44.526
 				c0.012,0,0.012-0.012,0.012-0.012c2.185-2.968,4.254-6.124,6.159-9.396c0.035-0.047,0.058-0.093,0.094-0.14
 				c0.07-0.128,0.152-0.257,0.234-0.397C483.596,431.293,490.725,402.415,490.036,373.97z M80.854,209.166
 				c-2.419-2.653-4.721-5.399-6.918-8.227l8.449-0.713c6.428-0.549,11.207-6.206,10.658-12.633
 				c-0.538-6.439-6.194-11.207-12.633-10.658l-20.603,1.741c-2.115-4.16-3.997-8.426-5.668-12.762l25.734,3.412
 				c0.514,0.07,1.028,0.093,1.543,0.093c5.773,0,10.798-4.266,11.57-10.144c0.853-6.404-3.646-12.283-10.05-13.124l-35.656-4.733
 				c-1.297-7.304-1.987-14.69-1.987-22.064V24.273c0-0.491,0.409-0.9,0.9-0.9c0.082,0,0.304,0,0.538,0.175l47.693,47.705
 				c3.95,3.938,10.121,4.546,14.76,1.449c16.688-11.149,36.158-17.039,56.306-17.039c20.136,0,39.617,5.89,56.306,17.039
 				c4.64,3.097,10.81,2.489,14.76-1.449l47.693-47.705c0.234-0.175,0.456-0.175,0.538-0.175c0.491,0,0.9,0.409,0.9,0.9v95.082
 				c0,7.374-0.678,14.76-1.987,22.064l-35.667,4.733c-6.393,0.841-10.892,6.72-10.05,13.124c0.783,5.878,5.797,10.144,11.57,10.144
 				c0.514,0,1.028-0.035,1.554-0.094l25.734-3.412c-1.659,4.336-3.553,8.601-5.668,12.762l-20.615-1.741
 				c-6.439-0.549-12.084,4.219-12.633,10.658c-0.538,6.428,4.231,12.084,10.658,12.633l8.461,0.713
 				c-2.197,2.828-4.499,5.574-6.918,8.227c-23.174,25.325-53.232,39.267-84.634,39.267S104.029,234.491,80.854,209.166z
 				 M447.871,445.41l-5.539,8.484c-16.022,21.749-41.674,34.732-68.67,34.732H240.282V475c0-7.514,6.1-13.627,13.615-13.627h34.581
 				c4.125,0,7.935-2.174,10.05-5.726c2.104-3.541,2.185-7.935,0.21-11.558c-6.766-12.411-10.343-26.505-10.343-40.739
 				c0-47.027,38.25-85.277,85.265-85.277c6.451,0,11.687-5.236,11.687-11.687c0-6.463-5.236-11.687-11.687-11.687
 				c-59.905,0-108.638,48.733-108.638,108.65c0,11.803,1.928,23.525,5.656,34.651h-16.782c-17.027,0-31.39,11.57-35.679,27.253
 				h-11.523v-74.712c0-6.463-5.236-11.687-11.687-11.687c-6.463,0-11.687,5.224-11.687,11.687v86.399
 				c0,6.439-5.247,11.687-11.687,11.687h-59.555v-12.154c0-6.696,5.458-12.142,12.154-12.142h12.131
 				c6.451,0,11.687-5.236,11.687-11.687v-77.949c0.631-2.781,0.269-5.797-1.274-8.461c-15.87-27.405-24.705-58.725-25.547-90.571
 				c-0.105-3.88-0.082-7.76,0.047-11.616c14.164,5.107,29.041,7.76,44.21,7.76c38.051,0,74.221-16.642,101.872-46.863
 				c9.151-10.004,16.946-21.129,23.233-32.991l110.8,69.979C465.05,302.109,485.431,382.677,447.871,445.41z M466.698,295.413
 				L466.698,295.413c-10.6-17.284-24.67-32.898-41.955-45.765v-103.8c0-11.57,9.408-20.977,20.977-20.977
 				c5.598,0,10.868,2.185,14.842,6.147c3.95,3.95,6.135,9.221,6.135,14.83V295.413z"/>
 		</g>
 	</g>
 </g>
 <g>
 	<g>
 		<circle cx="93.001" cy="122.066" r="11.429"/>
 	</g>
 </g>
 <g>
 	<g>
 		<path d="M199.706,166.954c-2.863-5.06-9.291-6.825-14.339-3.95c-1.017,0.573-2.676,1.18-4.78,0.736
 			c-2.384-0.503-4.347-2.256-5.095-4.569l-0.012,0.012c-1.017-3.085-3.412-5.656-6.72-6.743c-5.528-1.8-11.465,1.215-13.264,6.732
 			c-0.76,2.314-2.711,4.067-5.107,4.569c-2.092,0.444-3.751-0.164-4.78-0.736c-5.049-2.875-11.464-1.11-14.339,3.95
 			c-2.863,5.049-1.099,11.465,3.95,14.339c4.219,2.396,8.964,3.635,13.755,3.635c1.905,0,3.833-0.199,5.738-0.596
 			c3.95-0.83,7.608-2.513,10.763-4.838c3.167,2.326,6.837,4.008,10.798,4.838c1.893,0.397,3.822,0.596,5.738,0.596
 			c4.78,0,9.525-1.239,13.743-3.635C200.805,178.419,202.581,172.003,199.706,166.954z"/>
 	</g>
 </g>
 <g>
 	<g>
 		<circle cx="237.985" cy="122.066" r="11.429"/>
 	</g>
 </g>
 <g id="SVGCleanerId_0">
 	<g>
 		<path d="M432.187,353.448c-1.543-6.264-7.877-10.097-14.141-8.555c-6.264,1.543-10.097,7.877-8.555,14.141
 			c4.85,19.657,1.858,40.12-8.414,57.603c-3.272,5.563-1.414,12.727,4.16,15.987c1.858,1.099,3.892,1.613,5.902,1.613
 			c4.008,0,7.912-2.057,10.086-5.761C434.606,405.699,438.498,379.054,432.187,353.448z"/>
 	</g>
 </g>
 <g>
 	<g>
 		<circle cx="93.001" cy="122.066" r="11.429"/>
 	</g>
 </g>
 <g>
 	<g>
 		<circle cx="237.985" cy="122.066" r="11.429"/>
 	</g>
 </g>
 <g>
 	<g>
 		<path d="M199.706,166.954c-2.863-5.06-9.291-6.825-14.339-3.95c-1.017,0.573-2.676,1.18-4.78,0.736
 			c-2.384-0.503-4.347-2.256-5.095-4.569l-0.012,0.012c-1.017-3.085-3.412-5.656-6.72-6.743c-5.528-1.8-11.465,1.215-13.264,6.732
 			c-0.76,2.314-2.711,4.067-5.107,4.569c-2.092,0.444-3.751-0.164-4.78-0.736c-5.049-2.875-11.464-1.11-14.339,3.95
 			c-2.863,5.049-1.099,11.465,3.95,14.339c4.219,2.396,8.964,3.635,13.755,3.635c1.905,0,3.833-0.199,5.738-0.596
 			c3.95-0.83,7.608-2.513,10.763-4.838c3.167,2.326,6.837,4.008,10.798,4.838c1.893,0.397,3.822,0.596,5.738,0.596
 			c4.78,0,9.525-1.239,13.743-3.635C200.805,178.419,202.581,172.003,199.706,166.954z"/>
 	</g>
 </g>
 <g>
 	<g>
 		<path d="M432.187,353.448c-1.543-6.264-7.877-10.097-14.141-8.555c-6.264,1.543-10.097,7.877-8.555,14.141
 			c4.85,19.657,1.858,40.12-8.414,57.603c-3.272,5.563-1.414,12.727,4.16,15.987c1.858,1.099,3.892,1.613,5.902,1.613
 			c4.008,0,7.912-2.057,10.086-5.761C434.606,405.699,438.498,379.054,432.187,353.448z"/>
 	</g>
 </g>
 </svg>
--- a/frontend/src/lib/images/icons/social/discord.svg
+++ b/frontend/src/lib/images/icons/social/discord.svg
@@ -0,0 +1,4 @@
 <?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
 <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M18.59 5.88997C17.36 5.31997 16.05 4.89997 14.67 4.65997C14.5 4.95997 14.3 5.36997 14.17 5.69997C12.71 5.47997 11.26 5.47997 9.83001 5.69997C9.69001 5.36997 9.49001 4.95997 9.32001 4.65997C7.94001 4.89997 6.63001 5.31997 5.40001 5.88997C2.92001 9.62997 2.25001 13.28 2.58001 16.87C4.23001 18.1 5.82001 18.84 7.39001 19.33C7.78001 18.8 8.12001 18.23 8.42001 17.64C7.85001 17.43 7.31001 17.16 6.80001 16.85C6.94001 16.75 7.07001 16.64 7.20001 16.54C10.33 18 13.72 18 16.81 16.54C16.94 16.65 17.07 16.75 17.21 16.85C16.7 17.16 16.15 17.42 15.59 17.64C15.89 18.23 16.23 18.8 16.62 19.33C18.19 18.84 19.79 18.1 21.43 16.87C21.82 12.7 20.76 9.08997 18.61 5.88997H18.59ZM8.84001 14.67C7.90001 14.67 7.13001 13.8 7.13001 12.73C7.13001 11.66 7.88001 10.79 8.84001 10.79C9.80001 10.79 10.56 11.66 10.55 12.73C10.55 13.79 9.80001 14.67 8.84001 14.67ZM15.15 14.67C14.21 14.67 13.44 13.8 13.44 12.73C13.44 11.66 14.19 10.79 15.15 10.79C16.11 10.79 16.87 11.66 16.86 12.73C16.86 13.79 16.11 14.67 15.15 14.67Z" fill="#000000"/>
 </svg>
--- a/frontend/src/lib/images/icons/social/git.svg
+++ b/frontend/src/lib/images/icons/social/git.svg
@@ -0,0 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
 <svg fill="#000000" width="800px" height="800px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
 <title>git</title>
 <path d="M30.428 14.663l-13.095-13.094c-0.35-0.349-0.833-0.565-1.367-0.565s-1.017 0.216-1.367 0.565l0-0-2.713 2.718 3.449 3.449c0.22-0.077 0.473-0.121 0.737-0.121 1.269 0 2.297 1.028 2.297 2.297 0 0.269-0.046 0.526-0.131 0.766l0.005-0.016 3.322 3.324c0.222-0.079 0.479-0.125 0.746-0.125 1.268 0 2.296 1.028 2.296 2.296s-1.028 2.296-2.296 2.296c-1.268 0-2.296-1.028-2.296-2.296 0-0.313 0.063-0.611 0.176-0.883l-0.006 0.015-3.11-3.094v8.154c0.764 0.385 1.279 1.163 1.279 2.061 0 1.27-1.030 2.3-2.3 2.3s-2.3-1.030-2.3-2.3c0-0.634 0.256-1.207 0.671-1.623l-0 0c0.211-0.211 0.462-0.382 0.741-0.502l0.015-0.006v-8.234c-0.842-0.354-1.422-1.173-1.422-2.126 0-0.32 0.065-0.624 0.183-0.901l-0.006 0.015-3.389-3.405-8.98 8.974c-0.348 0.351-0.562 0.834-0.562 1.368s0.215 1.017 0.563 1.368l13.096 13.092c0.349 0.35 0.832 0.566 1.366 0.566s1.016-0.216 1.366-0.566l13.034-13.034c0.35-0.349 0.567-0.833 0.567-1.366s-0.217-1.017-0.567-1.366l-0-0z"></path>
 </svg>
--- a/frontend/src/lib/images/icons/social/gitea.svg
+++ b/frontend/src/lib/images/icons/social/gitea.svg
@@ -0,0 +1,47 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
 <svg
   width="800px"
   height="800px"
   viewBox="0 0 1024 1024"
   version="1.1"
   id="svg2"
   sodipodi:docname="gitea.svg"
   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
   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="0.3398532"
     inkscape:cx="313.3706"
     inkscape:cy="840.0686"
     inkscape:window-width="1920"
     inkscape:window-height="997"
     inkscape:window-x="0"
     inkscape:window-y="45"
     inkscape:window-maximized="1"
     inkscape:current-layer="svg2" />
  <style
     id="style1">
      .st1{fill:#fff}
   </style>
  <g
     id="Icon">
    <path
       id="circle1"
       style="fill:#000000;fill-opacity:1"
       d="M 512 0 A 512 512 0 0 0 0 512 A 512 512 0 0 0 512 1024 A 512 512 0 0 0 1024 512 A 512 512 0 0 0 512 0 z M 221.7275 317.825 C 243.76018 317.94475 264.35413 320.69776 279.0825 320.8175 C 396.90943 327.40335 458.93898 331.115 529.4675 331.115 L 529.585 458.1625 L 548.745 467.6225 L 548.745 330.995 C 610.17307 330.39628 681.7795 327.16386 802.6 320.8175 C 875.76287 322.4939 777.09486 760.27359 645.4975 770.0925 L 425.8875 770.0925 C 375.835 764.70407 308.18136 662.44398 301.835 632.8675 C 244.35845 631.67007 100.42611 616.94103 93.96 459.12 C 89.768994 357.93731 165.32864 317.70526 221.7275 317.825 z M 236.455 373.625 C 162.9329 371.70911 143.17458 417.44912 148.8025 461.275 C 159.33987 543.41857 216.57704 565.33153 283.8725 574.1925 C 257.52908 501.86783 244.47776 454.57114 236.455 373.625 z M 492.54 453.285 C 479.89965 452.63951 467.52996 459.42084 461.6925 471.455 L 400.2625 597.9025 C 392.47922 614.06778 399.18696 633.46672 415.2325 641.25 L 541.68 702.6775 C 557.84528 710.46078 577.24422 703.75553 585.0275 687.71 L 646.455 561.2625 C 654.23828 545.21696 647.53304 525.81802 631.4875 517.915 L 542.0375 474.46 L 525.875 507.4975 C 527.79088 509.53313 529.34705 511.92841 530.305 514.6825 C 531.38269 517.43659 531.74199 520.30841 531.5025 523.0625 C 532.46044 523.54148 533.53705 524.02103 534.495 524.5 C 559.88047 536.47428 573.77252 543.06105 578.4425 556.3525 C 583.83093 571.4401 575.32826 588.92303 554.7325 631.0725 C 554.7325 631.31199 554.61224 631.43051 554.4925 631.67 C 556.28864 633.70563 557.84654 636.10014 558.565 638.495 C 562.39678 649.15211 556.88711 660.88822 546.23 664.72 C 535.57288 668.55178 523.83927 663.04211 520.0075 652.385 C 516.17572 641.72789 521.68289 629.99427 532.34 626.1625 C 534.8546 625.20455 537.48815 624.84526 540.1225 624.965 C 540.36199 624.72552 540.48276 624.36699 540.6025 624.1275 C 557.60598 589.52183 566.82582 570.48071 563.7125 561.5 C 561.1979 554.43519 548.62525 548.44891 527.79 538.63 C 526.83206 538.15103 525.63519 537.55147 524.5575 537.0725 C 522.64161 538.7489 520.48461 540.06706 517.97 541.025 C 514.97643 542.10269 511.98358 542.34199 508.99 542.1025 L 481.45 598.62 C 483.48563 600.65563 485.16232 603.17143 486.24 606.165 C 490.07178 616.82211 484.56211 628.55823 473.905 632.39 C 463.24789 636.22178 451.51428 630.71211 447.6825 620.055 C 443.85072 609.39789 449.35789 597.66428 460.015 593.8325 C 462.29012 592.9943 464.56488 592.635 466.84 592.635 L 495.1 534.6775 C 493.78283 532.88135 492.58571 530.96761 491.7475 528.6925 C 487.91573 518.03539 493.42289 506.29928 504.08 502.4675 C 506.5946 501.6293 509.11014 501.27 511.505 501.27 L 527.7775 467.5325 L 505.04 456.485 C 500.99868 454.53918 496.75346 453.50017 492.54 453.285 z " />
  </g>
 </svg>
--- a/frontend/src/lib/images/icons/social/github.svg
+++ b/frontend/src/lib/images/icons/social/github.svg
@@ -0,0 +1,19 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
 <svg width="800px" height="800px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>github [#142]</title>
    <desc>Created with Sketch.</desc>
    <defs>
 </defs>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Dribbble-Light-Preview" transform="translate(-140.000000, -7559.000000)" fill="#000000">
            <g id="icons" transform="translate(56.000000, 160.000000)">
                <path d="M94,7399 C99.523,7399 104,7403.59 104,7409.253 C104,7413.782 101.138,7417.624 97.167,7418.981 C96.66,7419.082 96.48,7418.762 96.48,7418.489 C96.48,7418.151 96.492,7417.047 96.492,7415.675 C96.492,7414.719 96.172,7414.095 95.813,7413.777 C98.04,7413.523 100.38,7412.656 100.38,7408.718 C100.38,7407.598 99.992,7406.684 99.35,7405.966 C99.454,7405.707 99.797,7404.664 99.252,7403.252 C99.252,7403.252 98.414,7402.977 96.505,7404.303 C95.706,7404.076 94.85,7403.962 94,7403.958 C93.15,7403.962 92.295,7404.076 91.497,7404.303 C89.586,7402.977 88.746,7403.252 88.746,7403.252 C88.203,7404.664 88.546,7405.707 88.649,7405.966 C88.01,7406.684 87.619,7407.598 87.619,7408.718 C87.619,7412.646 89.954,7413.526 92.175,7413.785 C91.889,7414.041 91.63,7414.493 91.54,7415.156 C90.97,7415.418 89.522,7415.871 88.63,7414.304 C88.63,7414.304 88.101,7413.319 87.097,7413.247 C87.097,7413.247 86.122,7413.234 87.029,7413.87 C87.029,7413.87 87.684,7414.185 88.139,7415.37 C88.139,7415.37 88.726,7417.2 91.508,7416.58 C91.513,7417.437 91.522,7418.245 91.522,7418.489 C91.522,7418.76 91.338,7419.077 90.839,7418.982 C86.865,7417.627 84,7413.783 84,7409.253 C84,7403.59 88.478,7399 94,7399" id="github-[#142]">
 </path>
            </g>
        </g>
    </g>
 </svg>
--- a/frontend/src/lib/images/icons/social/matrix.svg
+++ b/frontend/src/lib/images/icons/social/matrix.svg
@@ -0,0 +1,2 @@
 <?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
 <svg width="800px" height="800px" viewBox="0 0 192 192" xmlns="http://www.w3.org/2000/svg" fill="none"><path stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12" d="M22 108a62 62 0 0 1 62-62m86 38a62.012 62.012 0 0 1-18.159 43.841A62.01 62.01 0 0 1 108 146M84 22a61.997 61.997 0 0 1 57.281 38.274A62.014 62.014 0 0 1 146 84m-38 86a62.007 62.007 0 0 1-57.28-38.274A61.999 61.999 0 0 1 46 108"/></svg>
--- a/frontend/src/lib/images/icons/social/telegram.svg
+++ b/frontend/src/lib/images/icons/social/telegram.svg
@@ -0,0 +1,4 @@
 <?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
 <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM12.3583 9.38244C11.3857 9.787 9.44177 10.6243 6.52657 11.8944C6.05318 12.0827 5.8052 12.2669 5.78263 12.4469C5.74448 12.7513 6.12559 12.8711 6.64455 13.0343C6.71515 13.0565 6.78829 13.0795 6.86327 13.1038C7.37385 13.2698 8.06068 13.464 8.41773 13.4717C8.74161 13.4787 9.1031 13.3452 9.50219 13.0711C12.226 11.2325 13.632 10.3032 13.7202 10.2831C13.7825 10.269 13.8688 10.2512 13.9273 10.3032C13.9858 10.3552 13.98 10.4536 13.9738 10.48C13.9361 10.641 12.4401 12.0318 11.6659 12.7515C11.4246 12.9759 11.2534 13.135 11.2184 13.1714C11.14 13.2528 11.0601 13.3298 10.9833 13.4038C10.509 13.8611 10.1532 14.204 11.003 14.764C11.4114 15.0331 11.7381 15.2556 12.0641 15.4776C12.4201 15.7201 12.7752 15.9619 13.2347 16.2631C13.3517 16.3398 13.4635 16.4195 13.5724 16.4971C13.9867 16.7925 14.3589 17.0579 14.8188 17.0155C15.086 16.991 15.362 16.7397 15.5022 15.9903C15.8335 14.2193 16.4847 10.382 16.6352 8.80081C16.6484 8.66228 16.6318 8.48498 16.6185 8.40715C16.6051 8.32932 16.5773 8.21842 16.4761 8.13633C16.3563 8.03911 16.1714 8.01861 16.0886 8.02C15.7125 8.0267 15.1354 8.22735 12.3583 9.38244Z" fill="#000000"/>
 </svg>
--- a/frontend/src/lib/images/icons/ui/cross.svg
+++ b/frontend/src/lib/images/icons/ui/cross.svg
@@ -0,0 +1,4 @@
 <?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
 <svg width="800px" height="800px" viewBox="0 -0.5 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M6.96967 16.4697C6.67678 16.7626 6.67678 17.2374 6.96967 17.5303C7.26256 17.8232 7.73744 17.8232 8.03033 17.5303L6.96967 16.4697ZM13.0303 12.5303C13.3232 12.2374 13.3232 11.7626 13.0303 11.4697C12.7374 11.1768 12.2626 11.1768 11.9697 11.4697L13.0303 12.5303ZM11.9697 11.4697C11.6768 11.7626 11.6768 12.2374 11.9697 12.5303C12.2626 12.8232 12.7374 12.8232 13.0303 12.5303L11.9697 11.4697ZM18.0303 7.53033C18.3232 7.23744 18.3232 6.76256 18.0303 6.46967C17.7374 6.17678 17.2626 6.17678 16.9697 6.46967L18.0303 7.53033ZM13.0303 11.4697C12.7374 11.1768 12.2626 11.1768 11.9697 11.4697C11.6768 11.7626 11.6768 12.2374 11.9697 12.5303L13.0303 11.4697ZM16.9697 17.5303C17.2626 17.8232 17.7374 17.8232 18.0303 17.5303C18.3232 17.2374 18.3232 16.7626 18.0303 16.4697L16.9697 17.5303ZM11.9697 12.5303C12.2626 12.8232 12.7374 12.8232 13.0303 12.5303C13.3232 12.2374 13.3232 11.7626 13.0303 11.4697L11.9697 12.5303ZM8.03033 6.46967C7.73744 6.17678 7.26256 6.17678 6.96967 6.46967C6.67678 6.76256 6.67678 7.23744 6.96967 7.53033L8.03033 6.46967ZM8.03033 17.5303L13.0303 12.5303L11.9697 11.4697L6.96967 16.4697L8.03033 17.5303ZM13.0303 12.5303L18.0303 7.53033L16.9697 6.46967L11.9697 11.4697L13.0303 12.5303ZM11.9697 12.5303L16.9697 17.5303L18.0303 16.4697L13.0303 11.4697L11.9697 12.5303ZM13.0303 11.4697L8.03033 6.46967L6.96967 7.53033L11.9697 12.5303L13.0303 11.4697Z" fill="#000000"/>
 </svg>
--- a/frontend/src/lib/images/icons/ui/darkmode.svg
+++ b/frontend/src/lib/images/icons/ui/darkmode.svg
@@ -0,0 +1,52 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
 <svg
   width="800px"
   height="800px"
   viewBox="0 0 24 24"
   fill="none"
   version="1.1"
   id="svg3"
   sodipodi:docname="moon-stars-svgrepo-com.svg"
   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
   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="defs3" />
  <sodipodi:namedview
     id="namedview3"
     pagecolor="#ffffff"
     bordercolor="#000000"
     borderopacity="0.25"
     inkscape:showpageshadow="2"
     inkscape:pageopacity="0.0"
     inkscape:pagecheckerboard="0"
     inkscape:deskcolor="#d1d1d1"
     inkscape:zoom="0.3398532"
     inkscape:cx="-230.98208"
     inkscape:cy="301.60081"
     inkscape:window-width="1920"
     inkscape:window-height="997"
     inkscape:window-x="0"
     inkscape:window-y="45"
     inkscape:window-maximized="1"
     inkscape:current-layer="svg3" />
  <path
     d="M19.9001 2.30719C19.7392 1.8976 19.1616 1.8976 19.0007 2.30719L18.5703 3.40247C18.5212 3.52752 18.4226 3.62651 18.298 3.67583L17.2067 4.1078C16.7986 4.26934 16.7986 4.849 17.2067 5.01054L18.298 5.44252C18.4226 5.49184 18.5212 5.59082 18.5703 5.71587L19.0007 6.81115C19.1616 7.22074 19.7392 7.22074 19.9001 6.81116L20.3305 5.71587C20.3796 5.59082 20.4782 5.49184 20.6028 5.44252L21.6941 5.01054C22.1022 4.849 22.1022 4.26934 21.6941 4.1078L20.6028 3.67583C20.4782 3.62651 20.3796 3.52752 20.3305 3.40247L19.9001 2.30719Z"
     stroke="#1C274C"
     id="path1"
     style="fill:#000000;fill-opacity:1;stroke:none;stroke-opacity:1;stroke-width:0;stroke-dasharray:none" />
  <path
     d="M16.0328 8.12967C15.8718 7.72009 15.2943 7.72009 15.1333 8.12967L14.9764 8.52902C14.9273 8.65407 14.8287 8.75305 14.7041 8.80237L14.3062 8.95987C13.8981 9.12141 13.8981 9.70107 14.3062 9.86261L14.7041 10.0201C14.8287 10.0694 14.9273 10.1684 14.9764 10.2935L15.1333 10.6928C15.2943 11.1024 15.8718 11.1024 16.0328 10.6928L16.1897 10.2935C16.2388 10.1684 16.3374 10.0694 16.462 10.0201L16.8599 9.86261C17.268 9.70107 17.268 9.12141 16.8599 8.95987L16.462 8.80237C16.3374 8.75305 16.2388 8.65407 16.1897 8.52902L16.0328 8.12967Z"
     stroke="#1C274C"
     id="path2"
     style="fill:#000000;fill-opacity:1;stroke:none;stroke-opacity:1;stroke-width:0;stroke-dasharray:none" />
  <path
     d="M21.0672 11.8568L20.4253 11.469L21.0672 11.8568ZM12.1432 2.93276L11.7553 2.29085V2.29085L12.1432 2.93276ZM21.25 12C21.25 17.1086 17.1086 21.25 12 21.25V22.75C17.9371 22.75 22.75 17.9371 22.75 12H21.25ZM12 21.25C6.89137 21.25 2.75 17.1086 2.75 12H1.25C1.25 17.9371 6.06294 22.75 12 22.75V21.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75V1.25C6.06294 1.25 1.25 6.06294 1.25 12H2.75ZM15.5 14.25C12.3244 14.25 9.75 11.6756 9.75 8.5H8.25C8.25 12.5041 11.4959 15.75 15.5 15.75V14.25ZM20.4253 11.469C19.4172 13.1373 17.5882 14.25 15.5 14.25V15.75C18.1349 15.75 20.4407 14.3439 21.7092 12.2447L20.4253 11.469ZM9.75 8.5C9.75 6.41182 10.8627 4.5828 12.531 3.57467L11.7553 2.29085C9.65609 3.5593 8.25 5.86509 8.25 8.5H9.75ZM12 2.75C11.9115 2.75 11.8077 2.71008 11.7324 2.63168C11.6686 2.56527 11.6538 2.50244 11.6503 2.47703C11.6461 2.44587 11.6482 2.35557 11.7553 2.29085L12.531 3.57467C13.0342 3.27065 13.196 2.71398 13.1368 2.27627C13.0754 1.82126 12.7166 1.25 12 1.25V2.75ZM21.7092 12.2447C21.6444 12.3518 21.5541 12.3539 21.523 12.3497C21.4976 12.3462 21.4347 12.3314 21.3683 12.2676C21.2899 12.1923 21.25 12.0885 21.25 12H22.75C22.75 11.2834 22.1787 10.9246 21.7237 10.8632C21.286 10.804 20.7293 10.9658 20.4253 11.469L21.7092 12.2447Z"
     fill="#1C274C"
     id="path3"
     style="fill:#000000;fill-opacity:1" />
 </svg>
--- a/frontend/src/lib/images/icons/ui/language.svg
+++ b/frontend/src/lib/images/icons/ui/language.svg
@@ -0,0 +1,2 @@
 <?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
 <svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8 15H3.5A2.502 2.502 0 0 1 1 12.5v-9A2.502 2.502 0 0 1 3.5 1h9A2.502 2.502 0 0 1 15 3.5V8h-1V3.5A1.502 1.502 0 0 0 12.5 2h-9A1.502 1.502 0 0 0 2 3.5v9A1.502 1.502 0 0 0 3.5 14H8zm-.038-4.811a9.77 9.77 0 0 1-3.766 1.796l-.242-.97a8.816 8.816 0 0 0 3.282-1.532A9.264 9.264 0 0 1 4.888 5H4V4h3.279l-.544-.544.707-.707L8.692 4H12v1h-.914A9.836 9.836 0 0 1 9.78 8.152a3.853 3.853 0 0 0-1.82 2.037zm.032-1.383A8.167 8.167 0 0 0 10.058 5H5.922a8.18 8.18 0 0 0 2.072 3.806zM23 20.447v-8.894A2.525 2.525 0 0 0 20.484 9h-8.931A2.556 2.556 0 0 0 9 11.553v8.894A2.556 2.556 0 0 0 11.553 23h8.894A2.556 2.556 0 0 0 23 20.447zM20.484 10A1.517 1.517 0 0 1 22 11.516v8.968A1.517 1.517 0 0 1 20.484 22h-8.968A1.517 1.517 0 0 1 10 20.484v-8.968A1.517 1.517 0 0 1 11.516 10zm-2.086 8h-4.796l-1.159 2.23-.886-.46L16 11.215l4.443 8.555-.886.46zm-.52-1L16 13.385 14.122 17z"/><path fill="none" d="M0 0h24v24H0z"/></svg>
--- a/frontend/src/lib/images/icons/ui/menu.svg
+++ b/frontend/src/lib/images/icons/ui/menu.svg
@@ -0,0 +1,4 @@
 <?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
 <svg width="800px" height="800px" viewBox="0 -0.5 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M6.5 11.75C6.08579 11.75 5.75 12.0858 5.75 12.5C5.75 12.9142 6.08579 13.25 6.5 13.25V11.75ZM18.5 13.25C18.9142 13.25 19.25 12.9142 19.25 12.5C19.25 12.0858 18.9142 11.75 18.5 11.75V13.25ZM6.5 15.75C6.08579 15.75 5.75 16.0858 5.75 16.5C5.75 16.9142 6.08579 17.25 6.5 17.25V15.75ZM18.5 17.25C18.9142 17.25 19.25 16.9142 19.25 16.5C19.25 16.0858 18.9142 15.75 18.5 15.75V17.25ZM6.5 7.75C6.08579 7.75 5.75 8.08579 5.75 8.5C5.75 8.91421 6.08579 9.25 6.5 9.25V7.75ZM18.5 9.25C18.9142 9.25 19.25 8.91421 19.25 8.5C19.25 8.08579 18.9142 7.75 18.5 7.75V9.25ZM6.5 13.25H18.5V11.75H6.5V13.25ZM6.5 17.25H18.5V15.75H6.5V17.25ZM6.5 9.25H18.5V7.75H6.5V9.25Z" fill="#000000"/>
 </svg>
--- a/frontend/src/lib/images/icons/ui/search.svg
+++ b/frontend/src/lib/images/icons/ui/search.svg
@@ -0,0 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
 <svg width="800px" height="800px" viewBox="0 -0.5 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.30524 15.7137C6.4404 14.8306 5.85381 13.7131 5.61824 12.4997C5.38072 11.2829 5.50269 10.0233 5.96924 8.87469C6.43181 7.73253 7.22153 6.75251 8.23924 6.05769C10.3041 4.64744 13.0224 4.64744 15.0872 6.05769C16.105 6.75251 16.8947 7.73253 17.3572 8.87469C17.8238 10.0233 17.9458 11.2829 17.7082 12.4997C17.4727 13.7131 16.8861 14.8306 16.0212 15.7137C14.8759 16.889 13.3044 17.5519 11.6632 17.5519C10.0221 17.5519 8.45059 16.889 7.30524 15.7137V15.7137Z" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M11.6702 7.20292C11.2583 7.24656 10.9598 7.61586 11.0034 8.02777C11.0471 8.43968 11.4164 8.73821 11.8283 8.69457L11.6702 7.20292ZM13.5216 9.69213C13.6831 10.0736 14.1232 10.2519 14.5047 10.0904C14.8861 9.92892 15.0644 9.4888 14.9029 9.10736L13.5216 9.69213ZM16.6421 15.0869C16.349 14.7943 15.8741 14.7947 15.5815 15.0879C15.2888 15.381 15.2893 15.8559 15.5824 16.1485L16.6421 15.0869ZM18.9704 19.5305C19.2636 19.8232 19.7384 19.8228 20.0311 19.5296C20.3237 19.2364 20.3233 18.7616 20.0301 18.4689L18.9704 19.5305ZM11.8283 8.69457C12.5508 8.61801 13.2384 9.02306 13.5216 9.69213L14.9029 9.10736C14.3622 7.83005 13.0496 7.05676 11.6702 7.20292L11.8283 8.69457ZM15.5824 16.1485L18.9704 19.5305L20.0301 18.4689L16.6421 15.0869L15.5824 16.1485Z" fill="#000000"/>
 </svg>
--- a/frontend/src/lib/images/raster/minecraft.webp
+++ b/frontend/src/lib/images/raster/minecraft.webp
--- a/frontend/src/lib/images/raster/portrait.JPG
+++ b/frontend/src/lib/images/raster/portrait.JPG
--- a/frontend/src/lib/images/raster/portrait_darkmode.JPG
+++ b/frontend/src/lib/images/raster/portrait_darkmode.JPG
--- a/frontend/src/routes/+layout.svelte
+++ b/frontend/src/routes/+layout.svelte
@@ -0,0 +1,29 @@
 <script>
    /** @type {import('./$types').LayoutData} */
    import '$lib/css/normalize.css';
    import '$lib/css/font_imports.css';
    import '$lib/css/service.css'
    import '$lib/css/colors.css';
    import '$lib/css/anims.css';
    import '$lib/css/fonts.css';
    import Announcement from '$lib/components/announcement.svelte';
    import Header from '$lib/components/header.svelte';
 	import Footer from '../lib/components/footer.svelte';
 </script>
 <Announcement message="This site is yet in development" color="var(--col_accent)"/>
 <Header/>
 <main>
    <slot class="content"></slot>
 </main>
 <Footer/>
 <style>
    main {
    height: 100vh;
    }
 </style>
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -1,2 +1,7 @@
 <script>
 	import Announcement from "../lib/components/announcement.svelte";
 </script>
 <h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
+<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> <i>(SvelteKit)</i> to read the <b>SvelteKit</b> documentation</p>
--- a/frontend/static/fonts/Montserrat/Montserrat-Black.ttf
+++ b/frontend/static/fonts/Montserrat/Montserrat-Black.ttf
--- a/frontend/static/fonts/Montserrat/Montserrat-BlackItalic.ttf
+++ b/frontend/static/fonts/Montserrat/Montserrat-BlackItalic.ttf
--- a/frontend/static/fonts/Montserrat/Montserrat-Bold.ttf
+++ b/frontend/static/fonts/Montserrat/Montserrat-Bold.ttf
--- a/frontend/static/fonts/Montserrat/Montserrat-BoldItalic.ttf
+++ b/frontend/static/fonts/Montserrat/Montserrat-BoldItalic.ttf
--- a/frontend/static/fonts/Montserrat/Montserrat-ExtraBold.ttf
+++ b/frontend/static/fonts/Montserrat/Montserrat-ExtraBold.ttf
--- a/frontend/static/fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf
+++ b/frontend/static/fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf
--- a/frontend/static/fonts/Montserrat/Montserrat-ExtraLight.ttf
+++ b/frontend/static/fonts/Montserrat/Montserrat-ExtraLight.ttf
--- a/frontend/static/fonts/Montserrat/Montserrat-ExtraLightItalic.ttf
+++ b/frontend/static/fonts/Montserrat/Montserrat-ExtraLightItalic.ttf
--- a/frontend/static/fonts/Montserrat/Montserrat-Italic.ttf
+++ b/frontend/static/fonts/Montserrat/Montserrat-Italic.ttf
--- a/frontend/static/fonts/Montserrat/Montserrat-Light.ttf
+++ b/frontend/static/fonts/Montserrat/Montserrat-Light.ttf
--- a/frontend/static/fonts/Montserrat/Montserrat-LightItalic.ttf
+++ b/frontend/static/fonts/Montserrat/Montserrat-LightItalic.ttf
--- a/frontend/static/fonts/Montserrat/Montserrat-Medium.ttf
+++ b/frontend/static/fonts/Montserrat/Montserrat-Medium.ttf
--- a/frontend/static/fonts/Montserrat/Montserrat-MediumItalic.ttf
+++ b/frontend/static/fonts/Montserrat/Montserrat-MediumItalic.ttf
--- a/frontend/static/fonts/Montserrat/Montserrat-Regular.ttf
+++ b/frontend/static/fonts/Montserrat/Montserrat-Regular.ttf
--- a/frontend/static/fonts/Montserrat/Montserrat-SemiBold.ttf
+++ b/frontend/static/fonts/Montserrat/Montserrat-SemiBold.ttf
--- a/frontend/static/fonts/Montserrat/Montserrat-SemiBoldItalic.ttf
+++ b/frontend/static/fonts/Montserrat/Montserrat-SemiBoldItalic.ttf
--- a/frontend/static/fonts/Montserrat/Montserrat-Thin.ttf
+++ b/frontend/static/fonts/Montserrat/Montserrat-Thin.ttf
--- a/frontend/static/fonts/Montserrat/Montserrat-ThinItalic.ttf
+++ b/frontend/static/fonts/Montserrat/Montserrat-ThinItalic.ttf
--- a/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-Black.ttf
+++ b/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-Black.ttf
--- a/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-BlackItalic.ttf
+++ b/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-BlackItalic.ttf
--- a/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-Bold.ttf
+++ b/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-Bold.ttf
--- a/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-BoldItalic.ttf
+++ b/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-BoldItalic.ttf
--- a/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-ExtraBold.ttf
+++ b/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-ExtraBold.ttf
--- a/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-ExtraBoldItalic.ttf
+++ b/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-ExtraBoldItalic.ttf
--- a/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-ExtraLight.ttf
+++ b/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-ExtraLight.ttf
--- a/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-ExtraLightItalic.ttf
+++ b/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-ExtraLightItalic.ttf
--- a/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-Italic.ttf
+++ b/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-Italic.ttf
--- a/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-Light.ttf
+++ b/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-Light.ttf
--- a/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-LightItalic.ttf
+++ b/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-LightItalic.ttf
--- a/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-Medium.ttf
+++ b/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-Medium.ttf
--- a/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-MediumItalic.ttf
+++ b/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-MediumItalic.ttf
--- a/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-Regular.ttf
+++ b/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-Regular.ttf
--- a/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-SemiBold.ttf
+++ b/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-SemiBold.ttf
--- a/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-SemiBoldItalic.ttf
+++ b/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-SemiBoldItalic.ttf
--- a/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-Thin.ttf
+++ b/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-Thin.ttf
--- a/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-ThinItalic.ttf
+++ b/frontend/static/fonts/Montserrat_Alternates/MontserratAlternates-ThinItalic.ttf
--- a/frontend/static/fonts/Source_Sans_3/SourceSans3-Black.ttf
+++ b/frontend/static/fonts/Source_Sans_3/SourceSans3-Black.ttf
--- a/frontend/static/fonts/Source_Sans_3/SourceSans3-BlackItalic.ttf
+++ b/frontend/static/fonts/Source_Sans_3/SourceSans3-BlackItalic.ttf
--- a/frontend/static/fonts/Source_Sans_3/SourceSans3-Bold.ttf
+++ b/frontend/static/fonts/Source_Sans_3/SourceSans3-Bold.ttf
--- a/frontend/static/fonts/Source_Sans_3/SourceSans3-BoldItalic.ttf
+++ b/frontend/static/fonts/Source_Sans_3/SourceSans3-BoldItalic.ttf
--- a/frontend/static/fonts/Source_Sans_3/SourceSans3-ExtraBold.ttf
+++ b/frontend/static/fonts/Source_Sans_3/SourceSans3-ExtraBold.ttf
--- a/frontend/static/fonts/Source_Sans_3/SourceSans3-ExtraBoldItalic.ttf
+++ b/frontend/static/fonts/Source_Sans_3/SourceSans3-ExtraBoldItalic.ttf
--- a/frontend/static/fonts/Source_Sans_3/SourceSans3-ExtraLight.ttf
+++ b/frontend/static/fonts/Source_Sans_3/SourceSans3-ExtraLight.ttf
--- a/frontend/static/fonts/Source_Sans_3/SourceSans3-ExtraLightItalic.ttf
+++ b/frontend/static/fonts/Source_Sans_3/SourceSans3-ExtraLightItalic.ttf
--- a/frontend/static/fonts/Source_Sans_3/SourceSans3-Italic.ttf
+++ b/frontend/static/fonts/Source_Sans_3/SourceSans3-Italic.ttf
--- a/frontend/static/fonts/Source_Sans_3/SourceSans3-Light.ttf
+++ b/frontend/static/fonts/Source_Sans_3/SourceSans3-Light.ttf
--- a/frontend/static/fonts/Source_Sans_3/SourceSans3-LightItalic.ttf
+++ b/frontend/static/fonts/Source_Sans_3/SourceSans3-LightItalic.ttf
--- a/frontend/static/fonts/Source_Sans_3/SourceSans3-Medium.ttf
+++ b/frontend/static/fonts/Source_Sans_3/SourceSans3-Medium.ttf
--- a/frontend/static/fonts/Source_Sans_3/SourceSans3-MediumItalic.ttf
+++ b/frontend/static/fonts/Source_Sans_3/SourceSans3-MediumItalic.ttf
--- a/frontend/static/fonts/Source_Sans_3/SourceSans3-Regular.ttf
+++ b/frontend/static/fonts/Source_Sans_3/SourceSans3-Regular.ttf
--- a/frontend/static/fonts/Source_Sans_3/SourceSans3-SemiBold.ttf
+++ b/frontend/static/fonts/Source_Sans_3/SourceSans3-SemiBold.ttf
--- a/frontend/static/fonts/Source_Sans_3/SourceSans3-SemiBoldItalic.ttf
+++ b/frontend/static/fonts/Source_Sans_3/SourceSans3-SemiBoldItalic.ttf
Author	SHA1	Message	Date
Papin Nikolai	b90b7fdd66	Footer title line design tweaks	2024-08-15 09:38:35 +03:00
Papin Nikolai	738ed45659	icon cleanup	2024-08-15 09:22:19 +03:00
Papin Nikolai	054769158b	announcement cleanup	2024-08-14 19:50:02 +03:00
Papin Nikolai	726f610bb1	searchbar cleanup	2024-08-14 19:47:37 +03:00
Papin Nikolai	ec7cb9d97b	Spacer component removed (obsolete and unsed)	2024-08-14 19:46:05 +03:00
Papin Nikolai	06da63caaf	header & footer polish	2024-08-14 19:44:38 +03:00
Papin Nikolai	e08264d81d	Paddings for header and footer to make them match each other better	2024-08-14 18:53:35 +03:00
Papin Nikolai	c9dbdc459f	Renamed the container class to footer__social-notice-box	2024-08-14 18:09:50 +03:00
Papin Nikolai	a15db2b4b8	Footer adaptive for galaxy fold;	2024-08-14 18:07:56 +03:00
Papin Nikolai	884a61fa99	Removed spacer in footer and added additional social-notice area instead; uppercase titles in columns; proper column alignment; social notice text centered; copyright paddings added; adaptive up to 582px as of now	2024-08-13 09:33:09 +03:00
Papin Nikolai	b91de98589	Cat footer icon	2024-08-13 09:10:09 +03:00
Papin Nikolai	483704ca8a	Matrix icon switched with Element (Matrix is buggy)	2024-08-13 09:07:07 +03:00
Papin Nikolai	20d8d83fee	Fixed transparent bottom line in footer via background shadow; replaced matrix icon with element icon for now	2024-08-13 09:05:54 +03:00
Papin Nikolai	e03c7a4db0	Working on footer	2024-08-12 23:01:36 +03:00
Papin Nikolai	c13b73e180	SourceSans3 font	2024-08-12 20:07:26 +03:00
Papin Nikolai	34f85669aa	Powerful adaptive for the header	2024-08-09 07:48:24 +03:00
Papin Nikolai	216b40c3e9	Remade header via grid instead of flexbox to make a proper searchbox centering	2024-08-05 12:05:40 +03:00
Papin Nikolai	dda1407381	Came up with some crazy (retarded) solutions for dynamically styling the icons. Temporary, obviously	2024-08-05 11:47:03 +03:00
Papin Nikolai	d7e54e21e1	Did it via flexbox + position absolute of the searchbar. Realized that that everything is a little bigger on the dummy than i assumed it was due to 90% scaling in view mode, but seems fine	2024-08-05 11:08:21 +03:00
Papin Nikolai	5eaae629e2	Completed header but struggling to center the searchbar in flexbox; will try grid instead	2024-08-05 10:13:20 +03:00
Papin Nikolai	f08d4b1a70	Icon component; header component nearly finished	2024-08-05 09:57:34 +03:00
Papin Nikolai	f021b80892	Moved components to lib folder; slide animation for announcement bar	2024-08-04 19:06:52 +03:00
Papin Nikolai	91cc11829a	Removed fork notice in normalize.css	2024-08-04 18:41:22 +03:00
Papin Nikolai	0f1ef45fd5	File for animations	2024-08-04 18:31:34 +03:00
Papin Nikolai	ff71ca8b5b	Handling images and css via lib folder and +layout.svelte, getting rid of links in app.html; announcement component featuring a message at the top of the site that can be closed by clicking the cross; added Montserrat fonts directly, omitting google api	2024-08-03 21:12:39 +03:00
Papin Nikolai	50f6878502	Implemented .env file and integrated env variables into production via production.env and the dotenv npm module	2024-08-03 11:42:23 +03:00
Papin Nikolai	0fc7a2f22e	assets (img and css) added to static, added normalize.css and resolved VSCode warnings for it, connected normalize.css to app.html	2024-08-03 11:15:43 +03:00
		`@@ -0,0 +1,2 @@`
							`<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->`
							`<svg width="800px" height="800px" viewBox="0 0 192 192" xmlns="http://www.w3.org/2000/svg" fill="none"><path stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12" d="M22 108a62 62 0 0 1 62-62m86 38a62.012 62.012 0 0 1-18.159 43.841A62.01 62.01 0 0 1 108 146M84 22a61.997 61.997 0 0 1 57.281 38.274A62.014 62.014 0 0 1 146 84m-38 86a62.007 62.007 0 0 1-57.28-38.274A61.999 61.999 0 0 1 46 108"/></svg>`
		`@@ -0,0 +1,2 @@`
							`<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->`
							<svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8 15H3.5A2.502 2.502 0 0 1 1 12.5v-9A2.502 2.502 0 0 1 3.5 1h9A2.502 2.502 0 0 1 15 3.5V8h-1V3.5A1.502 1.502 0 0 0 12.5 2h-9A1.502 1.502 0 0 0 2 3.5v9A1.502 1.502 0 0 0 3.5 14H8zm-.038-4.811a9.77 9.77 0 0 1-3.766 1.796l-.242-.97a8.816 8.816 0 0 0 3.282-1.532A9.264 9.264 0 0 1 4.888 5H4V4h3.279l-.544-.544.707-.707L8.692 4H12v1h-.914A9.836 9.836 0 0 1 9.78 8.152a3.853 3.853 0 0 0-1.82 2.037zm.032-1.383A8.167 8.167 0 0 0 10.058 5H5.922a8.18 8.18 0 0 0 2.072 3.806zM23 20.447v-8.894A2.525 2.525 0 0 0 20.484 9h-8.931A2.556 2.556 0 0 0 9 11.553v8.894A2.556 2.556 0 0 0 11.553 23h8.894A2.556 2.556 0 0 0 23 20.447zM20.484 10A1.517 1.517 0 0 1 22 11.516v8.968A1.517 1.517 0 0 1 20.484 22h-8.968A1.517 1.517 0 0 1 10 20.484v-8.968A1.517 1.517 0 0 1 11.516 10zm-2.086 8h-4.796l-1.159 2.23-.886-.46L16 11.215l4.443 8.555-.886.46zm-.52-1L16 13.385 14.122 17z"/><path fill="none" d="M0 0h24v24H0z"/></svg>