Merge pull request #3 from ProjectSegfault/projectsegfault-left

Merge the Rebrand!

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "mcserverwebsite",
+  "name": "projectsegfaultwebsite",
   "version": "0.0.1",
   "scripts": {
     "dev": "svelte-kit dev",
@@ -26,6 +26,7 @@
   },
   "type": "module",
   "dependencies": {
+    "@modular-css/svelte": "^28.1.0",
     "@sveltejs/adapter-static": "next"
   }
 }

src/app.d.ts

@@ -1,3 +1,4 @@
+/* eslint-disable */
 /// <reference types="@sveltejs/kit" />
 
 // See https://kit.svelte.dev/docs/typescript

src/assets/animation.css

@@ -0,0 +1,263 @@
+/* ----------------------------------------------
+ * Generated by Animista on 2022-4-22 18:29:34
+ * Licensed under FreeBSD License.
+ * See http://animista.net/license for more info. 
+ * w: http://animista.net, t: @cssanimista
+ * ---------------------------------------------- */
+
+/**
+ * ----------------------------------------
+ * animation text-flicker-in-glow
+ * ----------------------------------------
+ */
+@-webkit-keyframes text-flicker-in-glow {
+  0% {
+    opacity: 0;
+  }
+  10% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  10.1% {
+    opacity: 1;
+    text-shadow: none;
+  }
+  10.2% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  20% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  20.1% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
+  }
+  20.6% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  30% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  30.1% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
+  }
+  30.5% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
+  }
+  30.6% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  45% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  45.1% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
+  }
+  50% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
+  }
+  55% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
+  }
+  55.1% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  57% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  57.1% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
+  }
+  60% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
+  }
+  60.1% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  65% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  65.1% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
+  }
+  75% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
+  }
+  75.1% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  77% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  77.1% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
+  }
+  85% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
+  }
+  85.1% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  86% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  86.1% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
+  }
+  100% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
+  }
+}
+@keyframes text-flicker-in-glow {
+  0% {
+    opacity: 0;
+  }
+  10% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  10.1% {
+    opacity: 1;
+    text-shadow: none;
+  }
+  10.2% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  20% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  20.1% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
+  }
+  20.6% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  30% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  30.1% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
+  }
+  30.5% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
+  }
+  30.6% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  45% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  45.1% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
+  }
+  50% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
+  }
+  55% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
+  }
+  55.1% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  57% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  57.1% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
+  }
+  60% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
+  }
+  60.1% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  65% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  65.1% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
+  }
+  75% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
+  }
+  75.1% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  77% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  77.1% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
+  }
+  85% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(0, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
+  }
+  85.1% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  86% {
+    opacity: 0;
+    text-shadow: none;
+  }
+  86.1% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(0, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
+  }
+  100% {
+    opacity: 1;
+    text-shadow: 0 0 30px rgba(0, 208, 212, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
+  }
+}
+

src/assets/global.css

@@ -1,9 +1,10 @@
 @import url('https://fonts.googleapis.com/css2?family=Comfortaa&family=Quicksand:wght@500&display=swap');
 
 body {
-        background-color: #101010;
+        background-color: #151515;
         color: white;
         font-family: 'Comfortaa', sans-serif;
+        margin: 0;
 }
 
 a {
@@ -17,9 +18,15 @@ a.visited {
         color: #5f1919;
 }
 
+.center {
+	text-align: center;
+}
+
 .card {
         display: flex;
         justify-content: space-evenly;
+        flex-direction: inherit;
+        flex-wrap: wrap;
 }
 
 .card > div {
@@ -32,25 +39,71 @@ a.visited {
 }
 
 .button {
-  background-color: #3db686; 
+  background-color: #00755e; /* Green */
   border: none;
+  font-family: 'Comfortaa', sans-serif;
   color: white;
-  padding: 1% 1%;
+  padding: 16px 32px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 16px;
   margin: 4px 2px;
+  border-radius: 16px;
   transition-duration: 0.4s;
   cursor: pointer;
 }
+
 .button:hover {
-  background-color: #101010;
+ 	background-color: #00d4aa;
-  color: #3db686;
+	color: black;
-  border: #3db686;
+	border-radius: 12px;
+	transform: translateY(-0.25em);
+	box-shadow: 0 0.5em 0.5em -0.4em #00755e;
+}
+.button:active {
+	transform: translateY(0.10em);
+	background-color: #4beacb;
+	box-shadow: 0 0.2em 0.2em -0.2em #00c7a1;
 }
 
+.ResponsiveImage {
+        max-inline-size: 50%;
+        block-size: auto;
+        aspect-ratio: 2/1;
+        object-fit: contain;
+}
 
+.pointyfinger {
+        cursor: pointer;
+}
+
+.matrixcolored {
+        background-color: #0dbd8b;
+}
+
+.matrixcolored:hover {
+        background-color: #099970;
+        color: #fff;
+}
+
+.discordcolored {
+        background-color: #5865F2;
+}
+
+.discordcolored:hover {
+        background-color: hsl(235,calc(var(--saturation-factor, 1)*86.1%),71.8%); /* I didn't steal this from their website DONT SUE ME DONT FUCKING SUE ME PLEASEEEEEEEEEEEEEEEE */
+        color: #fff;
+}
+
+.githubcolored {
+        background-color: #333333;
+}
+
+.githubcolored:hover {
+        background-color: #666666;
+        color: #fff;
+}
 .gameserversCardTitle, .centreofattention {
         text-align: center;
 }
@@ -59,8 +112,27 @@ a.visited {
         word-wrap: break-word;
 }
 
-@media (max-width: 800px) {
+#MenuButton {
+        display: none;
+}
+
+@media screen and (max-width: 800px) {
   .card {
     flex-direction: column;
   }
+  .ResponsiveImage {
+        max-inline-size: 100%;
+  }
+
+  .navbarpieceofshitfuckihatethis {display: none;}
+
+  .navbarpieceofshitfuckihatethis.responsive {display: initial;}
+  /*.navbarpieceofshitfuckihatethis.responsive a {
+    float: none;
+    display: block;
+    text-align: left;
+  }*/
+  #MenuButton {
+        display: initial;
+  }
 }

src/lib/Header.svelte

@@ -1,15 +1,44 @@
-<header>
+<script lang="ts">
-    <a href="/" style="color: #3DB686">MutaTechTips</a>
+	import css from "../assets/animation.css";
-    |
+	import ProjectSegfaultLogo from "../assets/images/projectsegfault1.png";
-    <a href="/instances">Instances</a>
+    function showResponsive() {
-    |
+        var x = document.getElementById("navbarpieceofshitfuckihatethis");
-    <a href="/gameservers">Games</a>
+        var navbarClasses = x.classList;
-    |
+        var navbarClassesString = navbarClasses.toString();
-    <a href="/donate">Donate</a>
+        const svelteclassthing = navbarClasses.item(2)
-    |
+        console.log(navbarClasses);
-    <a href="/minecraft">Minecraft</a>
+        if (x.className === "center navbarpieceofshitfuckihatethis", svelteclassthing) {
-    |
+            console.log("Shit");
-    <a href="/contact">Contact</a>
+            navbarClasses.add("responsive");
+        }
+
+        if (navbarClassesString.includes("responsive")){
+            console.log("Piss");
+            navbarClasses.remove("responsive");
+        }
+    };
+</script>
+<header id="navigationBar" class="navigvationBar">
+    <a href="/">
+    <img src={ProjectSegfaultLogo} id="ProjectSegfaultLogoHeader" alt="project segfault's logo."/>
+    </a>
+    <a href="/" class="text-flicker-in-glow" style="color: #ce1717">Project <span style="color: #00d4aa">Segfault</span></a> 
+    <a href="javascript:void(0)" class="button" id="MenuButton" on:click={showResponsive}>Menu</a>
+   <div class="center navbarpieceofshitfuckihatethis" id="navbarpieceofshitfuckihatethis">
+    <a href="/instances" class="button">Instances</a>
+    
+    <a href="/gameservers" class="button">Games</a>
+    
+    <a href="/minecraft" class="button">Minecraft</a>
+
+    <a href="/donate" class="button">Donate</a>
+    
+    <a href="/faq" class="button">FAQ</a>
+
+    <a href="/members" class="button">Members</a>
+
+    <a href="/contact" class="button">Contact</a>
+   </div>
 </header>
 
 <style>
@@ -17,6 +46,23 @@
         background-color: #252525;
         border: solid #252525;
         border-width: 1em;
-        border-radius: 8px;
+    }
+    #ProjectSegfaultLogoHeader {
+        /*Here goes anything to do with the header logo*/
+        border-radius: 16px;
+        width: 32px;
+	    vertical-align: middle;
+	    display: inline-block;
+    }
+    .text-flicker-in-glow {
+	    opacity:1;
+        -webkit-animation: text-flicker-in-glow 3000ms both;
+	    animation: text-flicker-in-glow 3000ms both;
+    }
+    @media screen and (prefers-reduced-motion) {
+	.text-flicker-in-glow {
+		opacity:1;
+	-webkit-animation: text-flicker-in-glow 1000ms both;
+	    animation: text-flicker-in-glow 1000ms both;    }
     }
 </style>

src/routes/__layout.svelte

@@ -1,19 +1,12 @@
 <script lang="ts">
     import Header from "$lib/Header.svelte"
+    import '../assets/global.css'
 </script>
 
-<title>MutaTechTips</title>
+<title>Project Segfault</title>
 
 <Header />
 
 <main>
     <slot></slot>
 </main>
-
-<style>
-    :global(root) {
-        margin: 0;
-        padding: 0;
-        background-color: #505050;
-    }
-</style>

src/routes/branding.md

@@ -0,0 +1,19 @@
+---
+title: Project Segfault Branding
+---
+<script lang="ts">
+    import ProjectSegfaultWallpaper from "../assets/images/projectsegfault1_wallpaper.png";
+</script>
+
+
+# {title}
+
+## The files for Project Segfault's Branding
+
+### Legal
+Our branding is protected under Creative Commonns Attribution-ShareAlike 4.0 International (CC BY-SA 4.0).
+
+### Now let's get into the branding
+We put pretty much everything you need on [GitHub](https://github.com/ProjectSegfault/brandng).
+
+Read the README there, there's guidelines and everything you'd need in it.

src/routes/contact.md

@@ -4,23 +4,19 @@ title: Contact Us
 # {title}
 ## Do you want to contact us?
 
-# Our email (note that it is currently not working)
+# Our email
 
-<a href="mailto:contact@mutahar.rocks">contact@mutahar.rocks</a>
+<p><a href="mailto:contact@projectsegfau.lt">contact@projectsegfau.lt</a></p>
 <p><i>Please be aware that Microsoft often blocks non-popular emails, if you do contact us through there, make sure to check your spam and mark it as not-spam!</i></p>
 
 # Invites
 
 <p><a href="https://discord.gg/26EG7fFtfS">Discord</a></p>
 
-<p><a href="https://matrix.to/#/#mutatechtips:matrix.mutahar.rocks">Matrix</a></p>
+<p><a href="https://matrix.to/#/#project-segfault:projectsegfau.lt">Matrix</a></p>
 
 <p id="Active"></p>
 
-<button type="button" class="button" onclick='document.getElementById("Active").innerHTML = "Midou (Matrix) / Mrlerien (Discord) / Odyssey (Both)"'>Click to show who is active on what platform</button>
+<button type="button" class="button" onclick='document.getElementById("Active").innerHTML = "Midou (Matrix) / Mrlerien (Discord) / Odyssey (Both) / Devnol (Discord and Matrix)"'>Click to show who is active on what platform</button>
 
 <p id="Activity"></p>
-
-<script lang="ts">
-    import "../assets/global.css"
-</script>

src/routes/donate.md

@@ -1,17 +1,13 @@
 ---
-title: Donate to MutaTechTips
+title: Donate to Project Segfault
 ---
 # {title}
 ## Our donation methods
 
 # please do
-If you donate, we will be more motivated to work on the server and host more stuff and maybe even get more hardware. I really recommend you donate any spare money you have if you enjoyed our services, like if you had so much fun on our Garry's Mod server (cause I've had a lot of fun there)
+If you donate, we will be more motivated to work on the server and host more stuff and maybe even get more hardware. I really recommend you donate any spare money you have if you enjoy or use our services on a daily basis.
 
 # yeah sure I'll donate. links?
 LiberaPay: <a href="https://liberapay.com/Midou/donate"><img alt="Donate using Liberapay" style="height: 1.5em;" src="https://liberapay.com/assets/widgets/donate.svg"></a>
 
 Monero: <span id="wordwrappedlongthingaaa">47L7Qsto7XcifY3CdG18ySe5Tt83kpFLDLve9jQwbc9taPBLNGv6ZrJNUKpMG9Nj9zHgCZ4FQMSyt75e8Jvx12JFLtJyFdA</span>
-
-<script lang="ts">
-    import "../assets/global.css"
-</script>

src/routes/faq.md

@@ -0,0 +1,19 @@
+---
+title: FAQ 
+---
+# {title}
+## Who is the project owner?
+Orignally: Midou (Sysadmin) and Mrlerien (Hoster), but now Odyssey346 (Game Server Sysadmin, webdev and social media manager) and Devnol (Hoster) are with us.
+
+# Hold on, what if Devnol decides to backstab you?
+I highly doubt he will, but in any case this happens, critical services will stay up. So only extra (non important services) running on the server will be gone, but you should be aware of that anyways.
+
+# One of your services contains toxic people!
+You can contact us by mail or Matrix and we can figure this out with you. But we recommend that you put most of these requests in our support channel at [#support:projectsegfau.lt](https://matrix.to/#/#support:projectsegfau.lt) on Matrix.
+If it's something personal, just say that you have a report against someone on one of our services and you'd like to be contacted by an admin and we'll constact you ASAP. We have no lives so we're quite active.
+
+# How can I trust your services?
+Well, you really can't. We don't make our logs or anything public, however, if you would like the data we have on you, please contact us. If you're paranoid, **you are allowed to use Tor on our services**, but we don't host any .onion links.
+
+# Which ways do you prefer to communicate?
+Look at <a href="/contact">Contact</a>.

src/routes/gameservers.md

@@ -4,6 +4,7 @@ title: Our Gameservers
 # {title}
 ## The places to release good chemicals in your brain
 
+### Note: MOST OF THESE ARE NOT ONLINE! We're too fucking lazy to get them back right now.
 <div class="centreofattention">
     Please use common sense when playing on our servers. (<a href="https://www.google.com/search?q=i%27m%20stupid%20and%20i%20dont%20know%20what%20common%20sense%20is%20so%20i%20have%20to%20google%20it" target="_blank">What is common sense?</a>)
     <br>
@@ -12,9 +13,9 @@ title: Our Gameservers
 <div class="card">
     <div id="gmod">
         <h3 class="gameserversCardTitle"> Garry's Mod </h3>
-        <a href="https://gmod.mutahar.rocks">Garry's Mod has it's own website. Check it out here!</a>
+        <a href="https://gmod.projectsegfau.lt">Garry's Mod has it's own website. Check it out here!</a>
         <br>
-        <a href="steam://connect/gmodsrv.mutahar.rocks">Connect to the server using this link</a>
+        <a href="steam://connect/gmodsrv.projectsegfau.lt">Connect to the server using this link</a>
         <br>
         <a href="https://www.gametracker.com/server_info/176.174.120.242:27015/" target="_blank">GameTracker Link</a>
     </div>
@@ -48,6 +49,3 @@ title: Our Gameservers
         <a href="https://www.gametracker.com/server_info/176.174.120.242:27018/" target="_blank">GameTracker Link</a>
     </div>
 </div>
-<script lang="ts">
-    import "../assets/global.css"
-</script>

src/routes/index.md

@@ -1,15 +1,18 @@
 ---
-title: MutaTechTips
+title: Project Segfault
 ---
 # {title}
-## 3 idiots with an insanely good server.
+
+<a href="https://matrix.to/#/#project-segfault:projectsegfau.lt" class="button matrixcolored">Matrix</a>
+
+<a href="https://discord.gg/26EG7fFtfS" class="button discordcolored">Discord</a>
+
+<a href="https://github.com/ProjectSegfault" class="button githubcolored">GitHub</a>
+
+## 4 idiots & one Sun server.
 
 # what
-We are 3 teenagers who have a powerful server. What do we do with this server? Host game servers and random assortment of privacy respecting tools like Invidious, Nextcloud, Matrix etc....
+We are 4 teenagers who have a decently powerful server. What do we do with this server? Host game servers and random assortment of privacy respecting tools like Invidious, Nextcloud, Matrix etc.... and maybe some original works. You'll see eventually!
 
 # shut up nerd, I want to play games. Give me your ips!!!!
 There should be a navbar at the top.
-
-<script lang="ts">
-    import "../assets/global.css"
-</script>

src/routes/instances.md

@@ -5,7 +5,7 @@ title: Our Instances
 ## Privacy-respecting services hosted on our network.
 
 <div class="centreofattention">
-    
+   <p>Notice: Invidious, Libreddit, LBRY and nitter will move to the new domains soon.<p/> 
 </div>
 <div class="card">
     <div id="inv">
@@ -31,7 +31,6 @@ title: Our Instances
         <br>
         <a href="https://lbry.mutahar.rocks">Click here to access the website.</a>
         <br>
-        
     </div>
     <div id="nitt">                                                                                                  
         <h3 class="instances"> Nitter </h3>                                                                 
@@ -40,9 +39,14 @@ title: Our Instances
         <br>                                                                                                         
         <a href="https://nitter.mutahar.rocks">Nitter is here for that.</a>                                   
         <br>                                                                                                         
-                                                                                                                     
+    </div>
+    <div id="pleroma">
+        <h3 class="instances"> Pleroma (Fediverse) </h3>
+        <br>
+        Imagine a twitter-like social media that is distributed throughout a network of individual servers and applications...
+        Then you should use Pleroma. It's like Twitter but less stupid and open source and decentralized. Works with the Fediverse, so you can see all your friends.
+        <br>
+        <a href="https://social.projectsegfau.lt">Click me to access our Pleroma instance</a>
+        <br>
     </div>
 </div>
-<script lang="ts">
-    import "../assets/global.css"
-</script>

src/routes/members.md

@@ -0,0 +1,15 @@
+---
+title: Members of the project 
+---
+# {title}
+<h2 style="color: #a44ef4"> Midou </h2>
+Project owner, manages the team. <a href="https://miicord.com" class="button">His website</a> <a href="https://social.projectsegfau.lt/Midou" class="button">His Pleroma account</a>
+
+<h2> MrLeRien </h2>
+Project co-owner + Hoster (hosts the Hitachi server in France), master of coins.
+
+<h2 style="color: #7bc27d"> Odyssey346 </h2>
+Chief Gaming Officer, web developer and occasional service borker. <a href="https://odyssey346.github.io" class="button">His website</a> <a href="https://social.projectsegfau.lt/Odyssey346" class="button">His Pleroma account</a>
+
+<h2 style="color: #00d4aa"> Devnol </h2>
+Owner of our Helios server in Greece. <a href="https://devnol.github.io" class="button">His website</a><a href="https://social.projectsegfau.lt/Panos" class="button">His Pleroma account</a>

src/routes/minecraft.md

@@ -1,12 +1,12 @@
 ---
-title: MutaTechTips MC
+title: Project Segfault MC
 ---
 # {title}
 
 # Yeah, we have a Minecraft server.
 We have an invite-only SMP server running on our network on version 1.18* (1.18, 1.18.1, 1.18.2) which is also bridged to Bedrock using GeyserMC.
 
-If you would like to join, please [join our Discord](https://discord.gg/26EG7fFtfS) and ask us there to be whitelisted
+If you would like to join, please [join our Discord](https://discord.gg/26EG7fFtfS) and ask us there to be whitelisted.
 
 ## Rules
 1. Do not modify buildings without permission.
@@ -15,16 +15,16 @@ If you would like to join, please [join our Discord](https://discord.gg/26EG7fFt
 4. Do not lag the shit out of the server.
 
 ## IP
-**Java**: mcsrv.mutahar.rocks:25565
+**Java**: mc.projectsegfau.lt:25565
 
-**Bedrock** mcsrv.mutahar.rocks:19132
+**Bedrock** mc.projectsegfau.lt:19132
 
 *psst, you can join bedrock on your switch using the app we've linked below!*
 
 *another psst, if you play on both Java and Bedrock, [link your accounts together on GeyserMC's website!](https://link.geysermc.org)* Your accounts will be linked together meaning you will have the exact same experience.
 
 ## Links
-[Dynmap](https://mcmap.mutahar.rocks)
+[Dynmap](https://map.mc.projectsegfau.lt)
 
 [MC Server Connector for iOS](https://apps.apple.com/us/app/mc-server-connector/id1548251304)
 
@@ -37,7 +37,7 @@ If you would like to join, please [join our Discord](https://discord.gg/26EG7fFt
 This is a manually made list of our plugins, so it might not be up to date.
 - BlockLocker
 - CoreProtect
-- [Dynmap](https://mcsrv.mutahar.rocks)
+- [Dynmap](https://map.mc.projectsegfau.lt)
 - EssentialsX (EssentialsXDiscord, EssentialsXGeoIP)
 - Geyser & Floodgate
 - LuckPerms
@@ -47,8 +47,4 @@ This is a manually made list of our plugins, so it might not be up to date.
 - ViaVersion (You may only connect from a base version and its subversions (1.18, 1.18.1, 1.18.2). You cannot connect from a major version older than the major version the server is running.)
 - PlugMan
 - CombatLogX
-- Plasmo Voice
+- Simple Voice Mod
-
-<script lang="ts">
-    import "../assets/global.css"
-</script>

src/routes/minecraft_recommendedcsmods.md

@@ -1,5 +1,5 @@
 ---
-title: MutaTechTips MC
+title: Project Segfault MC
 ---
 # {title}
 
@@ -12,7 +12,3 @@ If you play on Bedrock, try to find an alternative to these. Mods like Simple Vo
 - [Xaero's World Map](https://www.curseforge.com/minecraft/mc-mods/xaeros-world-map) & [Xaero's Minimap](https://www.curseforge.com/minecraft/mc-mods/xaeros-minimap)
 - Any optimization mod (We recommend at least Sodium)
 - [Simple Voice Chat](https://www.curseforge.com/minecraft/mc-mods/simple-voice-chat)
-
-<script lang="ts">
-    import "../assets/global.css"
-</script>

src/routes/rules.md.disabled

@@ -50,6 +50,3 @@ title: Our Rules
 ### Section 8 - Bases
 1. Do not attempt to bypass base protection like [Private] signs on doors.
 2. You are not allowed to destroy bases. I mean, it would be fun, but like, it probably took them lots of time.
-<script lang="ts">
-    import "../assets/global.css"
-</script>