Merge branch 'main' of https://github.com/MutaTechTips/mutaharwebsite

.gitignore

@@ -6,4 +6,5 @@ node_modules
 /package
 .env
 .env.*
+yarn.lock
 !.env.example

src/assets/global.css

@@ -31,6 +31,26 @@ a.visited {
         box-shadow: 0 0 5px 5px #252525;
 }
 
+.button {
+  background-color: #3db686; 
+  border: none;
+  color: white;
+  padding: 1% 1%;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px;
+  margin: 4px 2px;
+  transition-duration: 0.4s;
+  cursor: pointer;
+}
+.button:hover {
+  background-color: #101010;
+  color: #3db686;
+  border: #3db686;
+}
+
+
 .gameserversCardTitle, .centreofattention {
         text-align: center;
 }

src/lib/Header.svelte

@@ -8,6 +8,8 @@
     <a href="/donate">Donate</a>
     |
     <a href="/minecraft">Minecraft</a>
+    |
+    <a href="/contact">Contact</a>
 </header>
 
 <style>

src/routes/contact.md

@@ -0,0 +1,26 @@
+---
+title: Contact Us 
+---
+# {title}
+## Do you want to contact us?
+
+# Our email (note that it is currently not working)
+
+<a href="mailto:contact@mutahar.rocks">contact@mutahar.rocks</a>
+<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 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>
+
+<p id="Activity"></p>
+
+<script lang="ts">
+    import "../assets/global.css"
+</script>

src/routes/instances.md

@@ -33,6 +33,15 @@ title: Our Instances
         <br>
         
     </div>
+    <div id="nitt">                                                                                                  
+        <h3 class="instances"> Nitter </h3>                                                                 
+        <br>                                                                                                         
+        You want to check something on twitter? Oh wait you don't have an account.. No worries! 
+        <br>                                                                                                         
+        <a href="https://nitter.mutahar.rocks">Nitter is here for that.</a>                                   
+        <br>                                                                                                         
+                                                                                                                     
+    </div>
 </div>
 <script lang="ts">
     import "../assets/global.css"