add discord invite to website, add discuss page

MuonMC · Jul 1, 2024 · 53e73a3 · 53e73a3
1 parent a4fc8b6
commit 53e73a3
Show file tree

Hide file tree

Showing 8 changed files with 75 additions and 2 deletions.
diff --git a/_includes/navbar.html b/_includes/navbar.html
@@ -16,4 +16,15 @@
     <a href="/develop">
         Develop
     </a>
+
+    <a href="/discuss">
+        Discuss
+    </a>
+
+    <a href="/discord" class="badge" id="first-badge">
+        <img alt="discord-plural" src="https://cdn.jsdelivr.net/npm/@intergrav/devins-badges@3/assets/compact-minimal/social/discord-plural_vector.svg">
+    </a>
+    <a href="https://github.com/MuonMC" class="badge">
+        <img alt="github" src="https://cdn.jsdelivr.net/npm/@intergrav/devins-badges@3/assets/compact-minimal/available/github_vector.svg">
+    </a>
 </nav>
diff --git a/_layouts/redirect.html b/_layouts/redirect.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+
+<html>
+    <head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<meta http-equiv="refresh" content="5; url={{ page.redirect }}">
+		<link rel="canonical" href="{{ page.redirect }}">
+		<link rel="icon" href="/icon_128.png" type="image/png">
+		<link rel="stylesheet" href="/css/styles.css">
+		<link rel="preconnect" href="https://fonts.googleapis.com">
+    	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+		<link href="https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+    </head>
+	<body>
+		<main>
+			<h1>You are being redirected</h1>
+			<p>If it does not redirect you in 5 seconds, <a href="{{ page.redirect }}">click here</a>.</p>
+		</main>
+	</body>
+</html>
diff --git a/css/styles.css b/css/styles.css
@@ -15,6 +15,23 @@ body {
     padding: 12px 16px;
     text-decoration: none;
     font-size: 12pt;
+    transform: translateY(12.5%);
+}
+
+.hnav .badge {
+    transform: translateY(0%);
+    height: 40px;
+    float: right;
+    padding-left: 0.25%;
+    padding-right: 0.25%;
+}
+
+.hnav #first-badge {
+    padding-right: 1%;
+}
+
+.hnav .badge img {
+    height: 100%;
 }
 
 .namelink a {

diff --git a/develop.md b/develop.md
@@ -1,5 +1,4 @@
 ---
-layout: default
 title: "Develop"
 description: "Make mods with Muon"
 ---

diff --git a/discord.md b/discord.md
@@ -0,0 +1,6 @@
+---
+layout: redirect
+permalink: /discord/
+redirect: https://discord.gg/Mmn52f5j7e
+description: "The MuonMC Discord server."
+---
diff --git a/discuss.md b/discuss.md
@@ -0,0 +1,11 @@
+---
+title: "Discuss"
+description: "Talk with the community"
+---
+
+## Discord
+We have a Discord server for player support and discussing development.
+
+<a href="/discord" class="badge">
+    <img alt="discord-plural" height="56" src="https://cdn.jsdelivr.net/npm/@intergrav/devins-badges@3/assets/cozy/social/discord-plural_vector.svg">
+</a>
diff --git a/download.md b/download.md
@@ -1,5 +1,4 @@
 ---
-layout: default
 title: "Downloads"
 description: "MuonMC downloads"
 ---

diff --git a/index.md b/index.md
@@ -29,4 +29,13 @@ It's quite easy to download and install the latest version of Muon, simply click
     <a href="/download" class="button-round-generic">
         Download and Install
     </a>
+</div>
+
+# Friendly Community
+MuonMC has a community of developers and users for sharing development tips and help as well as for showcasing new creations. Come join us!
+
+<div class="button-round-generic-container">
+    <a href="/discuss" class="button-round-generic">
+        Join Our Community
+    </a>
 </div>