added robots.txt

They are ugly and need to be reworked

TODO.md

@@ -0,0 +1,12 @@
+# Frontends:
+- Fix Invidious
+- 4get Meta-Searchengine
+
+
+# Website Features:
+- Chat-section
+- Photobook
+
+- Tutorials
+- Document my projects
+- Write more posts

global/global.js

@@ -40,6 +40,7 @@ navContent = [
     ["P",           "Tutorials",        "tutorials/"],
     ["P",           "Posts",            "posts/"],
     ["SEP"],
+    ["P",           "Services",         "services/"],
     ["L",           "Git",              "https://git.weingardt.dev/explore/repos"],
     ["SEP"],
     ["P",           "Website Info",     "info/"]
@@ -63,7 +64,10 @@ funButtons = [
 ];
 
 /* Available Themes located in the footer */
-var styles = ["Neocities", "Tomorrow", "Forgotten", "Yotsuba"];
+var styles = [  "Neocities", 
+                //"Tomorrow", 
+                //"Forgotten", 
+                "Yotsuba"];
 
 dirDepth = ""
     
@@ -71,10 +75,10 @@ dirDepth = ""
 function updateStyle(type){
     function resetBackground(){
         try {
-        document.querySelector("body").style.backgroundImage = "none";
+            document.querySelector("body").style.backgroundImage = "none";
-        document.querySelector("body").style.backgroundRepeat = "repeat-x";
+            document.querySelector("body").style.backgroundRepeat = "repeat-x";
-        document.querySelector("body").style.backgroundPosition = "top";
+            document.querySelector("body").style.backgroundPosition = "top";
-        document.querySelector("body").style.backgroundBlendMode = "normal";
+            document.querySelector("body").style.backgroundBlendMode = "normal";
         } catch { }
     }
     
@@ -96,7 +100,7 @@ function updateStyle(type){
         try {
             document.querySelector("body").style.backgroundImage = "url(" + dirDepth + "global/fade.png)";
         } catch { }
-    } else if (type == "Tomorrow"){
+    } /*else if (type == "Tomorrow"){
         doc.style.setProperty("--main-bg-color",        "#1d1f21");
         doc.style.setProperty("--main-bg-end-color",    "#1d1f21");
         doc.style.setProperty("--main-color",           "#282a2e");
@@ -118,7 +122,7 @@ function updateStyle(type){
         doc.style.setProperty("--font-size", "13px");
 
         resetBackground();
-    } else if (type == "Neocities"){
+    } */else if (type == "Neocities"){
         doc.style.setProperty("--main-bg-color",        "#000000");
         doc.style.setProperty("--main-bg-end-color",    "#468184");
         doc.style.setProperty("--main-color",           "#00000055");
@@ -133,6 +137,22 @@ function updateStyle(type){
             document.querySelector("body").style.backgroundRepeat = "repeat";
             document.querySelector("body").style.backgroundBlendMode = "overlay";
         } catch { }
+    } else if (type == "Indepth"){
+        doc.style.setProperty("--main-bg-color",        "#000000");
+        doc.style.setProperty("--main-bg-end-color",    "#080808");
+        doc.style.setProperty("--main-color",           "#000000");
+        doc.style.setProperty("--main-fg-color",        "#ffffff");
+        doc.style.setProperty("--main-title-fg-color",  "#2c9080");
+        
+        doc.style.setProperty("--font-family", "FreePixel");
+        doc.style.setProperty("--font-size", "15px");
+        
+        resetBackground();
+        try {
+            document.querySelector("body").style.backgroundImage = "url(" + dirDepth + "global/bgtiled.gif)";
+            document.querySelector("body").style.backgroundRepeat = "repeat";
+            document.querySelector("body").style.backgroundBlendMode = "overlay";
+        } catch { }
     }
 }
 
@@ -279,8 +299,8 @@ function LoadWebsite(){
     
     if (document.getElementById("please-no-buttons") != null){
         button_check_buttons.checked = false;
-        button_check_label.disabled = true;
+        button_check_buttons.style.visibility = "hidden";
-        button_check_buttons.disabled = true;
+        button_check_label.style.visibility = "hidden";
     }
     
     button_span.appendChild(button_select_label);
@@ -339,8 +359,14 @@ function LoadWebsite(){
         updateStyle(event.target.value);
     });
     
-    if (localStorage.getItem("style") == "Yotsuba" || localStorage.getItem("style") == "Neocities" || localStorage.getItem("style") == undefined){
+    if (document.getElementById("static-theme") == null){
-        updateStyle(localStorage.getItem("style"));
+        if (localStorage.getItem("style") == "Yotsuba" || localStorage.getItem("style") == "Neocities" || localStorage.getItem("style") == undefined){
+            updateStyle(localStorage.getItem("style"));
+        }
+    } else {
+        updateStyle(document.getElementById("static-theme").getAttribute("data-"));
+        stylebutton.disabled = true;
+        button_select_label.style.visibility = "hidden";
     }
 }
 

global/style.css

@@ -24,6 +24,15 @@ body {
     transition: 0.2s;
 }
 
+body:before{
+    animation-name: Static;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+    animation-timing-function: steps(4);
+    opacity: 0.35;
+    pointer-events: none;
+}
+
 nav{
     width:100%;
     height:40px;
@@ -279,6 +288,12 @@ div.contact-text{
     display: block;
 }
 
+.margin-list{
+    li {
+        margin-bottom: 10px;
+    }
+}
+
 dl dt{
     float:left;
     clear:left;

index.html

@@ -40,10 +40,11 @@
 						<li><a href="https://searx.weingardt.dev">SearxNG</a> > Google replacement</li>
 						<li><a href="https://inv.weingardt.dev">Invidious</a> > YouTube replacement (currently broken lol)</li>
 						<li><a href="https://git.weingardt.dev">Gitea</a> > GitHub replacement</li>
-					</ul> (yes yes... I will add [insert your favorite frontend] if demand is large enough)
+					</ul> (yes yes... I may add [insert your favorite frontend] if demand is large enough)
 				</p>
 
-				<p class="text-center"><br><br><br>Thank you for stopping by.</p>
+				<p class="text-center"><br><br>Thank you for stopping by.</p>
+				<a class="text-center" href="moe.html"><br>? More stuff about <b><i>me</i></b> ?</a>
 			</div>
 
 			<div id="footnote"><var id="toplevel" data-="">Please enable Javascript on this page as it's required to generate the footer and navigation bar.<br>For fear of non-free Javascript: The JS is licensed under GPL v.3</var></div>

moe.html

@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
+		<link rel="stylesheet" href="global/theme.css">
+		<script rel="text/javascript" src="global/global.js"></script>
+		<link rel="stylesheet" href="global/style.css">
+
+		<title>"Portfolio"?</title>
+	</head>
+
+	<body>
+		<main>
+			<h1 class="text-center">My real-estate corner</h1>
+			<p>Go <a href="./">back</a></p>
+			<div class="content fit">
+				<h2 class="titlebar">Moe about me?</h2>
+				Fine, you can have it.<br>
+				Moe stuff about me if u wanna read all this.
+			</div>
+			<div class="content fit">
+				<h2 class="titlebar">Hobbies?</h2>
+				Boy, do I loooooove programming (I don't) in:
+				<ul>
+					<li>C#</li>
+					<li>Python</li>
+					<li>6502 Assembly</li>
+				</ul>
+				I'm still learning bare C (don't insult me)<br><br>
+				<hr><br>
+				I'm fluent in German and English.<br>
+				I'm also learning Japanese (~2 Years now), but let's not talk about that. (It's not that great lol)<br><br>
+				<hr><br>
+				I call myself a "self-taught electrical engineer", because rather than going to school, wasting time and
+				in the end learning basically nothing, I self-taught myself electronics, logic gates and how computers work.<br>
+				(I credit myself for doing all that, but I basically just watched tons of YouTube about that lulz).<br><br>
+				My <i>(almost) finished</i> projects include a singleboard computer: "LS7 Computer".
+				It's build around the 6502 CPU. But the special thing about this SBC is, it has a self-designed (very capable)
+				VGA video card, which I fit under just 27 chips.<br><br>
+				I have a whole <a href="">page</a> dedicated to this project.<br>
+				(Not finished yet, because I'm lazy as fuck)
+			</div>
+			<div class="content fit">
+				<h2 class="titlebar">With what is my day filled up with?</h2>
+				EEhhh...<br><br>
+				I'm studying IT while working in cybersecurity. In Germany that's called "Duales Studium". 
+				It's just to get theoretical and practical experience (<small>and moneeeeyyy</small>).<br><br>
+			</div>
+			<div class="content fit">
+				<h2 class="titlebar">What keeps me going?</h2>
+				I have a far fetched dream:<br><br>
+				To escape this 9to5 rat-race.<br>
+				I want to save up enough money to buy a plot of land somewhere.
+				Preferably in a forest somewhere. I want to build my own home.
+				I want to grow my own food and have livestock.<br><br>
+				I was personally influenced by Luke Smith :3<br><br>
+				I don't want to depend on money, economy or the power-grid.<br>
+				This weirdly cancels out with my career as a programmer. I don't care.
+			</div>
+			<div class="content fit">
+				<h2 class="titlebar">Q&A</h2>
+				Ok, Sure.
+				<ul class="margin-list">
+					<li>Q? Am I weeb<br>A: Uh, yes?</li>
+					<li>Q? Do I program Rust<br>A: No, never will</li>
+					<li>Q? Honest opinion about JavaScript<br>A: Bloatware</li>
+					<li>Q? ThinkPad love<br>A: Yesss</li>
+					<li>Q? What about cats<br>A: Love them</li>
+					<li>Q? Linux or GNU/Linux<br>(No answer)</li>
+					<li>Q? Am I christian<br>A: Yes</li>
+					<li>Q? Do I believe in God<br>A: Yes</li>
+					<li>Q? Am I a weird person<br>A: Yes</li>
+					<li>Q? Do I think people will read this<br>A: No</li>
+					<li>Q? What do I hate the most<br>A: Big Cities, Smartphones, TikTok</li>
+					<li>Q? What do I like the most<br>A: Clean Code, Nature, My Family</li>
+					<li>Q? Am I an Archlinux elite user, btw<br>A: Yes</li>
+				</ul>
+			</div>
+			
+			<p>Go <a href="./">back</a></p>
+			
+            <div id="footnote"><var id="toplevel" data-="./">Please enable Javascript on this page as it's required to generate the footer and navigation bar.<br>For fear of non-free Javascript: The JS is licensed under GPL v.3</var></div>
+		</main>
+		<footer id="footer"></footer>
+
+		<!-- Some variables and script-call for global site elements -->
+		<var id="selected-nav" data-="Home"></var>
+		<var id="please-no-buttons"></var>
+		<var id="static-theme" data-="Indepth"></var>
+	</body>
+</html>

robots.txt

@@ -0,0 +1,29 @@
+# When the robots.txt is sus
+
+# ⠀⠀⠀⡯⡯⡾⠝⠘⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢊⠘⡮⣣⠪⠢⡑⡌
+# ⠀⠀⠀⠟⠝⠈⠀⠀⠀⠡⠀⠠⢈⠠⢐⢠⢂⢔⣐⢄⡂⢔⠀⡁⢉⠸⢨⢑⠕⡌
+# ⠀⠀⡀⠁⠀⠀⠀⡀⢂⠡⠈⡔⣕⢮⣳⢯⣿⣻⣟⣯⣯⢷⣫⣆⡂⠀⠀⢐⠑⡌
+# ⢀⠠⠐⠈⠀⢀⢂⠢⡂⠕⡁⣝⢮⣳⢽⡽⣾⣻⣿⣯⡯⣟⣞⢾⢜⢆⠀⡀⠀⠪
+# ⣬⠂⠀⠀⢀⢂⢪⠨⢂⠥⣺⡪⣗⢗⣽⢽⡯⣿⣽⣷⢿⡽⡾⡽⣝⢎⠀⠀⠀⢡
+# ⣿⠀⠀⠀⢂⠢⢂⢥⢱⡹⣪⢞⡵⣻⡪⡯⡯⣟⡾⣿⣻⡽⣯⡻⣪⠧⠑⠀⠁⢐
+# ⣿⠀⠀⠀⠢⢑⠠⠑⠕⡝⡎⡗⡝⡎⣞⢽⡹⣕⢯⢻⠹⡹⢚⠝⡷⡽⡨⠀⠀⢔
+# ⣿⡯⠀⢈⠈⢄⠂⠂⠐⠀⠌⠠⢑⠱⡱⡱⡑⢔⠁⠀⡀⠐⠐⠐⡡⡹⣪⠀⠀⢘
+# ⣿⣽⠀⡀⡊⠀⠐⠨⠈⡁⠂⢈⠠⡱⡽⣷⡑⠁⠠⠑⠀⢉⢇⣤⢘⣪⢽⠀⢌⢎
+# ⣿⢾⠀⢌⠌⠀⡁⠢⠂⠐⡀⠀⢀⢳⢽⣽⡺⣨⢄⣑⢉⢃⢭⡲⣕⡭⣹⠠⢐⢗
+# ⣿⡗⠀⠢⠡⡱⡸⣔⢵⢱⢸⠈⠀⡪⣳⣳⢹⢜⡵⣱⢱⡱⣳⡹⣵⣻⢔⢅⢬⡷
+# ⣷⡇⡂⠡⡑⢕⢕⠕⡑⠡⢂⢊⢐⢕⡝⡮⡧⡳⣝⢴⡐⣁⠃⡫⡒⣕⢏⡮⣷⡟
+# ⣷⣻⣅⠑⢌⠢⠁⢐⠠⠑⡐⠐⠌⡪⠮⡫⠪⡪⡪⣺⢸⠰⠡⠠⠐⢱⠨⡪⡪⡰
+# ⣯⢷⣟⣇⡂⡂⡌⡀⠀⠁⡂⠅⠂⠀⡑⡄⢇⠇⢝⡨⡠⡁⢐⠠⢀⢪⡐⡜⡪⡊
+# ⣿⢽⡾⢹⡄⠕⡅⢇⠂⠑⣴⡬⣬⣬⣆⢮⣦⣷⣵⣷⡗⢃⢮⠱⡸⢰⢱⢸⢨⢌
+# ⣯⢯⣟⠸⣳⡅⠜⠔⡌⡐⠈⠻⠟⣿⢿⣿⣿⠿⡻⣃⠢⣱⡳⡱⡩⢢⠣⡃⠢⠁
+# ⡯⣟⣞⡇⡿⣽⡪⡘⡰⠨⢐⢀⠢⢢⢄⢤⣰⠼⡾⢕⢕⡵⣝⠎⢌⢪⠪⡘⡌⠀
+# ⡯⣳⠯⠚⢊⠡⡂⢂⠨⠊⠔⡑⠬⡸⣘⢬⢪⣪⡺⡼⣕⢯⢞⢕⢝⠎⢻⢼⣀⠀
+# ⠁⡂⠔⡁⡢⠣⢀⠢⠀⠅⠱⡐⡱⡘⡔⡕⡕⣲⡹⣎⡮⡏⡑⢜⢼⡱⢩⣗⣯⣟
+# ⢀⢂⢑⠀⡂⡃⠅⠊⢄⢑⠠⠑⢕⢕⢝⢮⢺⢕⢟⢮⢊⢢⢱⢄⠃⣇⣞⢞⣞⢾
+# ⢀⠢⡑⡀⢂⢊⠠⠁⡂⡐⠀⠅⡈⠪⠪⠪⠣⠫⠑⡁⢔⠕⣜⣜⢦⡰⡎⡯⡾⡽
+
+User-agent: *
+Disallow: /contact
+Disallow: /donate
+Disallow: /assets
+host: weingardt.dev

services/about/gitea.svg

@@ -0,0 +1 @@
+<svg version="1.1" id="main_outline" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" style="enable-background:new 0 0 640 640;" xml:space="preserve" viewBox="5.67 143.05 628.65 387.55"> <g> 	<path id="teabag" style="fill:#FFFFFF" d="M395.9,484.2l-126.9-61c-12.5-6-17.9-21.2-11.8-33.8l61-126.9c6-12.5,21.2-17.9,33.8-11.8   c17.2,8.3,27.1,13,27.1,13l-0.1-109.2l16.7-0.1l0.1,117.1c0,0,57.4,24.2,83.1,40.1c3.7,2.3,10.2,6.8,12.9,14.4   c2.1,6.1,2,13.1-1,19.3l-61,126.9C423.6,484.9,408.4,490.3,395.9,484.2z"></path> 	<g> 		<g> 			<path style="fill:#609926" d="M622.7,149.8c-4.1-4.1-9.6-4-9.6-4s-117.2,6.6-177.9,8c-13.3,0.3-26.5,0.6-39.6,0.7c0,39.1,0,78.2,0,117.2     c-5.5-2.6-11.1-5.3-16.6-7.9c0-36.4-0.1-109.2-0.1-109.2c-29,0.4-89.2-2.2-89.2-2.2s-141.4-7.1-156.8-8.5     c-9.8-0.6-22.5-2.1-39,1.5c-8.7,1.8-33.5,7.4-53.8,26.9C-4.9,212.4,6.6,276.2,8,285.8c1.7,11.7,6.9,44.2,31.7,72.5     c45.8,56.1,144.4,54.8,144.4,54.8s12.1,28.9,30.6,55.5c25,33.1,50.7,58.9,75.7,62c63,0,188.9-0.1,188.9-0.1s12,0.1,28.3-10.3     c14-8.5,26.5-23.4,26.5-23.4s12.9-13.8,30.9-45.3c5.5-9.7,10.1-19.1,14.1-28c0,0,55.2-117.1,55.2-231.1     C633.2,157.9,624.7,151.8,622.7,149.8z M125.6,353.9c-25.9-8.5-36.9-18.7-36.9-18.7S69.6,321.8,60,295.4     c-16.5-44.2-1.4-71.2-1.4-71.2s8.4-22.5,38.5-30c13.8-3.7,31-3.1,31-3.1s7.1,59.4,15.7,94.2c7.2,29.2,24.8,77.7,24.8,77.7     S142.5,359.9,125.6,353.9z M425.9,461.5c0,0-6.1,14.5-19.6,15.4c-5.8,0.4-10.3-1.2-10.3-1.2s-0.3-0.1-5.3-2.1l-112.9-55     c0,0-10.9-5.7-12.8-15.6c-2.2-8.1,2.7-18.1,2.7-18.1L322,273c0,0,4.8-9.7,12.2-13c0.6-0.3,2.3-1,4.5-1.5c8.1-2.1,18,2.8,18,2.8     l110.7,53.7c0,0,12.6,5.7,15.3,16.2c1.9,7.4-0.5,14-1.8,17.2C474.6,363.8,425.9,461.5,425.9,461.5z"></path> 			<path style="fill:#609926" d="M326.8,380.1c-8.2,0.1-15.4,5.8-17.3,13.8c-1.9,8,2,16.3,9.1,20c7.7,4,17.5,1.8,22.7-5.4     c5.1-7.1,4.3-16.9-1.8-23.1l24-49.1c1.5,0.1,3.7,0.2,6.2-0.5c4.1-0.9,7.1-3.6,7.1-3.6c4.2,1.8,8.6,3.8,13.2,6.1     c4.8,2.4,9.3,4.9,13.4,7.3c0.9,0.5,1.8,1.1,2.8,1.9c1.6,1.3,3.4,3.1,4.7,5.5c1.9,5.5-1.9,14.9-1.9,14.9     c-2.3,7.6-18.4,40.6-18.4,40.6c-8.1-0.2-15.3,5-17.7,12.5c-2.6,8.1,1.1,17.3,8.9,21.3c7.8,4,17.4,1.7,22.5-5.3     c5-6.8,4.6-16.3-1.1-22.6c1.9-3.7,3.7-7.4,5.6-11.3c5-10.4,13.5-30.4,13.5-30.4c0.9-1.7,5.7-10.3,2.7-21.3     c-2.5-11.4-12.6-16.7-12.6-16.7c-12.2-7.9-29.2-15.2-29.2-15.2s0-4.1-1.1-7.1c-1.1-3.1-2.8-5.1-3.9-6.3c4.7-9.7,9.4-19.3,14.1-29     c-4.1-2-8.1-4-12.2-6.1c-4.8,9.8-9.7,19.7-14.5,29.5c-6.7-0.1-12.9,3.5-16.1,9.4c-3.4,6.3-2.7,14.1,1.9,19.8     C343.2,346.5,335,363.3,326.8,380.1z"></path> 		</g> 	</g> </g> </svg>

services/about/index.html

@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
+		<link rel="stylesheet" href="../../global/theme.css">
+		<script rel="text/javascript" src="../../global/global.js"></script>
+		<link rel="stylesheet" href="../../global/style.css">
+
+		<title>Services</title>
+	</head>
+
+	<body>
+		<main>
+			<p>Go <a href="../">back</a>?</p>
+			<div class="content fit">
+				<h2 class="titlebar">SearxNG</h2>
+				<a href="https://searx.weingardt.dev/"><img src="searxng.svg" alt="SearxNG Logo" width="64" height="64"></a><br>
+				<br><b><a href="https://searx.weingardt.dev/">SearxNG</a></b> is a popular meta-searchengine fetching results from many popular engines like: Google, DuckDuckGo, Bing, Brave, etc.
+				Differentiating itself from many other great meta-searchengines by being self-hostable and generally being lightweight.<br><br>
+				You can <b><a href="https://searx.space">switch to another instance</a></b> if this one is broken/outdated.<br>
+				Instance type: Vanilla
+			</div>
+
+			<div class="content fit">
+				<h2 class="titlebar">Invidious</h2>
+				<a href="https://inv.weingardt.dev/" class="right-div"><img src="invidious.png" alt="Invidious Logo" width="64" height="64"></a><br>
+					<b><a href="https://inv.weingardt.dev/">Invidious</a></b> is a lightweight YouTube frontend, which <u>doesn't track you</u>,<br>
+				supports accounts with subscriptions and notifications.<br>
+				It also (currently) blocks ads and doesn't require any Javascript.<br>
+				It has a small disadvantage tho: <br>
+				YouTube is actively trying to shut down frontends/third-party-services.<br>
+				This could result in temporary downtime and low quality.<br><br>
+				You can <b><a href="https://docs.invidious.io/instances/">switch to another instance</a></b> if this one is broken/outdated.<br>
+				Instance type: Vanilla<br><br>
+				<p class="info">
+					This instance is currently broken!<br>
+					I need to update the YouTube po_token.
+				</p>
+				<p class="info">
+					Invidious is kill. This is a dark chapter for Invidious. Google killed it :(
+				</p>
+			</div>
+
+			<div class="content fit">
+				<h2 class="titlebar">Gitea</h2>
+				<a href="https://git.weingardt.dev/"><img src="gitea.svg" alt="Gitea Logo" width="64" height="64"></a><br>
+				<br><b><a href="https://git.weingardt.dev/">Gitea</a></b> is a lightweight self-hosted git service which<br>
+				is easy to use and easy to install. It's also very similar to GitHub.<br><br>
+				This Gitea instance serves as a <u>mirror</u> to my normal <b><a href="https://github.com/0xMAC8205">GitHub</a></b>.<br>
+				Instance type: Vanilla
+			</div>
+			<p>Go <a href="../">back</a>?</p>
+             <div id="footnote"><var id="toplevel" data-="../../">Please enable Javascript on this page as it's required to generate the footer and navigation bar.<br>For fear of non-free Javascript: The JS is licensed under GPL v.3</var></div>
+		</main>
+		<footer id="footer"></footer>
+
+		<!-- Some variables and script-call for global site elements -->
+		<var id="selected-nav" data-="Services"></var>
+		<var id="please-no-buttons"></var>
+	</body>
+</html>

services/about/searxng.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" id="svg8" version="1.1" viewBox="0 0 92 92" height="92mm" width="92mm">
+  <defs id="defs2"/>
+  <metadata id="metadata5">
+    <rdf:RDF>
+      <cc:Work rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+        <dc:title/>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g transform="translate(-40.921303,-17.416526)" id="layer1">
+    <circle r="0" style="fill:none;stroke:#000000;stroke-width:12;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" cy="92" cx="75" id="path3713"/>
+    <circle r="30" cy="53.902557" cx="75.921303" id="path834" style="fill:none;fill-opacity:1;stroke:#3050ff;stroke-width:10;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/>
+    <path d="m 67.514849,37.91524 a 18,18 0 0 1 21.051475,3.312407 18,18 0 0 1 3.137312,21.078282" id="path852" style="fill:none;fill-opacity:1;stroke:#3050ff;stroke-width:5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/>
+    <rect transform="rotate(-46.234709)" ry="1.8669105e-13" y="122.08995" x="3.7063529" height="39.963303" width="18.846331" id="rect912" style="opacity:1;fill:#3050ff;fill-opacity:1;stroke:none;stroke-width:8;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/>
+  </g>
+</svg>

services/index.html

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
+		<link rel="stylesheet" href="../global/theme.css">
+		<script rel="text/javascript" src="../global/global.js"></script>
+		<link rel="stylesheet" href="../global/style.css">
+
+		<title>Services</title>
+	</head>
+
+	<body>
+		<nav id="navbar"></nav>
+		<main>
+			<div class="content fit">
+				<h2 class="titlebar">My Public Services and Frontends</h2>
+
+				<p>
+					All of my services are hosted on a VPS with enough bandwidth.<br>
+					It's not a big server so (please) don't abuse it. <strong>You</strong> and I don't benefit from it.<br>
+
+					<br>
+					I've used public and free frontends and alternatives for far too long. It's finally time to give something back to the community,
+					by hosting free to use frontends to some mainstream websites.
+					<br><br>
+					Using frontends to popular/mainstream services has many advantages, such as:<br>
+					<strong>Hiding your IP adress</strong> from the target websites view,<br>
+					<strong>Block ads and trackers</strong> and (my hosted instances) being <strong>free/open source</strong>.
+				</p>
+			</div>
+			<div class="content fit">
+				<h2 class="titlebar">Privacy focused frontends</h2>
+				<ul>
+					<li><a href="https://searx.weingardt.dev/">SearxNG</a> @ 🇩🇪 > Google-search frontend</li>
+					<li><a href="https://inv.weingardt.dev/">Invidious</a> @ 🇩🇪 > YouTube frontend (currently broken due to po_token missing :/)</li>
+				</ul>
+			</div>
+			
+			<div class="content fit">
+				<h2 class="titlebar">Misc services</h2>
+				<ul>
+					<li><a href="https://git.weingardt.dev/">Gitea</a> @ 🇩🇪 > My personal git</li>
+				</ul>
+			</div>
+			<a class="text-center" href="about/">Want to learn more about these services?</a><br>
+			
+			<div id="footnote"><var id="toplevel" data-="../">Please enable Javascript on this page as it's required to generate the footer and navigation bar.<br>For fear of non-free Javascript: The JS is licensed under GPL v.3</var></div>
+		</main>
+		<footer id="footer"></footer>
+
+		<!-- Some variables and script-call for global site elements -->
+		<var id="selected-nav" data-="Services"></var>
+	</body>
+</html>