Merge branch 'projectsegfault-left' of https://github.com/MutaTechTips/mutaharwebsite into projectsegfault-left

src/assets/animation.css

@@ -241,7 +241,7 @@
   }
   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);
+    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;
@@ -253,11 +253,11 @@
   }
   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);
+    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(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);
+    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

@@ -25,6 +25,8 @@ a.visited {
 .card {
         display: flex;
         justify-content: space-evenly;
+        flex-direction: inherit;
+        flex-wrap: wrap;
 }
 
 .card > div {
@@ -39,6 +41,7 @@ a.visited {
 .button {
   background-color: #00755e; /* Green */
   border: none;
+  font-family: 'Comfortaa', sans-serif;
   color: white;
   padding: 16px 32px;
   text-align: center;
@@ -54,10 +57,14 @@ a.visited {
 .button:hover {
  	background-color: #00d4aa;
 	color: black;
+	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 {

src/lib/Header.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import css from "../assets/animation.css";
 	import ProjectSegfaultLogo from "../assets/images/projectsegfault1.png";
 </script>
 <header>
@@ -36,7 +37,13 @@
     }
     .text-flicker-in-glow {
 	    opacity:1;
-        -webkit-animation: text-flicker-in-glow 900ms both;
+        -webkit-animation: text-flicker-in-glow 3000ms both;
-	    animation: text-flicker-in-glow 900ms 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/Members.md

@@ -0,0 +1,16 @@
+---
+title: Members of the project 
+---
+# {title}
+## Midou 
+Project owner, manages the team.
+
+## MrLeRien
+Project co-owner + Hoster, manages finances.
+
+## Odyssey 
+Game server manager.
+
+## Devnol
+Hoster.
+

src/routes/contact.md

@@ -6,19 +6,17 @@ title: Contact Us
 
 # Our email
 
-<p><a href="mailto:contact@mutahar.rocks">contact@mutahar.rocks</a></p>
+<p><a href="mailto:contact@projectsegfau.lt">contact@projectsegfau.lt</a></p>
-
-<p><a href="mailto:contact@mutahar.rocks">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) / Devnol (Matrix)"'>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>

src/routes/faq.md

@@ -3,16 +3,17 @@ title: FAQ
 ---
 # {title}
 ## Who is the project owner?
-Orinigally: Midou (Sysadmin) and Mrlerien (Hoster) and now Devnol (Sysadmin) is with us.
+Orignally: Midou (Sysadmin) and Mrlerien (Hoster) and now Odyssey346 (Game Server Sysadmin, webdev and social media manager) and Devnol (Hoster) is 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.
 
-# Your server have toxic people! 
+# One of your services contains toxic people!
-You can contact us by mail or matrix and we'll figure this out.
+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 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 and we'll constact you ASAP.
 
-# How can i trust you?
+# How can I trust your services?
-If you're paranoid, I guess you can use tor, even tho we're not hosting any tor links for reasons (We used to host a tor node but we need that ram now).
+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

@@ -12,9 +12,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>

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">
@@ -40,4 +40,13 @@ title: Our Instances
         <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>