[WIP] Rework design (#34)

* WIP: Redesign the default layout

* Merge old & new default layouts

* Fix login logic; add proper user controls dropdown

* Fix latest version listing (#31) (#32)

Co-authored-by: Aeledfyr <45501007+Aeledfyr@users.noreply.github.com>

* First pass of design cleanup

* Improve ad integration and fix light theme

* Begin splitting up variables, change some styling to new mockup

* Continue redesign progress

* Work on some more pages

* Add missing dark theme variables for text

* Continue working on modularizing

* Continue progress, redo pagination

* Fix auth buttons in navbar layout

* Continue progress

* Continue progress more

* Redo ModResult

* Scope ModPage :irritater:

* Continue Dashboard

* Continue progress on Dashboard and cleanup

* Add missing variables for dark theme

* Small tweaks, cleanup, and continue mod page progress

* Fix user not being able to see hidden mods that they own

* Start reworking mod creation

* Continue revamp of mod creation page

* Yank v-html out

* Hotfix markdown rendering and some spacing issues

* Move legal; continue with mod creation; create reusable footer

* Create README.md

* Update README.md

* Update README.md

* Add in basic usage instructions

* Fix some stuff

* Continue with mod creation; fix some CSS errors

* Start user page

* Start transition to vue-select; fix a few bugs

* Continue mod creation page

* Finish mod pages

* Add very raw version editing

* Mod editing + creation

* Fixed versions that were in processing causing a 404 (#39)

Co-authored-by: Mikhail Oleynikov <falseresync@gmail.com>
Co-authored-by: Aeledfyr <45501007+Aeledfyr@users.noreply.github.com>
Co-authored-by: Jai A <jai.a@tuta.io>
Co-authored-by: MulverineX <mulverin3@gmail.com>
Co-authored-by: diabolical17 <calumproh28@gmail.com>
Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com>

pages/about.vue

@@ -1,28 +1,35 @@
 <template>
   <div class="main">
-    <h1>About</h1>
-    <p>
-      Founded in 2020, Modrinth was created to provide modders with an open and
-      intuitive platform to publish their mods on.
-    </p>
+    <div class="container">
+      <h1>About</h1>
+      <p>
+        Founded in 2020, Modrinth was created to provide modders with an open
+        and intuitive platform to publish their mods on.
+      </p>
 
-    <p>
-      Our primary goal is to be as open as possible, with all our code being
-      Open Source, while giving back to the modding community as much as
-      possible.
-    </p>
+      <p>
+        Our primary goal is to be as open as possible, with all our code being
+        Open Source, while giving back to the modding community as much as
+        possible.
+      </p>
 
-    <p>
-      While we still are in early alpha, we hope we can soon be a major modding
-      platform for all modders :)
-    </p>
+      <p>
+        While we still are in early alpha, we hope we can soon be a major
+        modding platform for all modders :)
+      </p>
+    </div>
+    <m-footer class="footer" centered />
   </div>
 </template>
 
 <script>
+import MFooter from '@/components/MFooter'
+
 export default {
+  components: {
+    MFooter,
+  },
   auth: false,
-  layout: 'home',
   head: {
     title: 'About - Modrinth',
     meta: [
@@ -54,7 +61,12 @@ export default {
 
 <style lang="scss" scoped>
 .main {
-  margin: 0 auto;
+  margin: var(--spacing-card-sm) auto;
   max-width: 800px;
 }
+
+.container {
+  @extend %card;
+  padding: var(--spacing-card-sm) var(--spacing-card-lg);
+}
 </style>