Removed social links from frontend config & changed mobile footer order

README.md

@@ -73,7 +73,7 @@ We currently only utilize 1 backend, 1 MongoDB server and 1 Redis server running
     | `cookie.secure` | Should be `true` for SSL connections, and `false` for normal http connections. |
     | `siteSettings.logo` | Path to the logo image, by default it is `/assets/wordmark.png`. |
     | `siteSettings.siteName` | Should be the name of the site. |
-    | `siteSettings.socialLinks` | `github`, `twitter` and `facebook` are set to the official Musare accounts by default, but can be changed. |
+    | `siteSettings.github` | URL of GitHub repository, defaults to `https://github.com/Musare/MusareNode`. |
 
 5. Simply `cp .env.example .env` to setup your environment variables.
 

frontend/dist/config/template.json

@@ -15,11 +15,6 @@
 		"logo_white": "/assets/white_wordmark.png",
 		"logo_blue": "/assets/blue_wordmark.png",
 		"siteName": "Musare",
-		"socialLinks": {
-			"github": "https://github.com/Musare/MusareNode",
-			"twitter": "https://twitter.com/MusareApp",
-			"facebook": "https://facebook.com/MusareMusic/",
-			"discord": "https://discord.gg/Y5NxYGP"
-		}
+		"github": "https://github.com/Musare/MusareNode"
 	}
 }

frontend/src/components/layout/MainFooter.vue

@@ -13,7 +13,7 @@
 				/></a>
 				<div id="footer-links">
 					<a
-						:href="`${this.socialLinks.github}`"
+						:href="`${this.github}`"
 						target="_blank"
 						title="GitHub Repository"
 					>
@@ -36,17 +36,12 @@
 export default {
 	data() {
 		return {
-			socialLinks: {
-				github: "",
-				twitter: "",
-				facebook: "",
-				discord: ""
-			}
+			github: "#"
 		};
 	},
 	mounted() {
-		lofig.get("siteSettings.socialLinks").then(socialLinks => {
-			this.socialLinks = socialLinks;
+		lofig.get("siteSettings.github").then(github => {
+			this.github = github;
 		});
 	}
 };
@@ -70,7 +65,7 @@ export default {
 .footer-content {
 	display: flex;
 	align-items: center;
-	flex-direction: column-reverse;
+	flex-direction: column;
 	& > * {
 		margin: 5px 0;
 	}
@@ -91,9 +86,11 @@ export default {
 		margin-left: auto;
 		margin-right: auto;
 		width: 200px;
+		order: 1;
 	}
 
 	#footer-links {
+		order: 2;
 		:not(:last-child) {
 			border-right: solid 1px $primary-color;
 		}
@@ -117,6 +114,10 @@ export default {
 			}
 		}
 	}
+
+	#footer-copyright {
+		order: 3;
+	}
 }
 
 @media only screen and (min-width: 992px) {