Fix button distance to posts under mini-blog

- Remove superfluid scss

docs/.vuepress/components/MiniBlog.vue

@@ -60,11 +60,11 @@ const formatDate = (d) =>
         <p>Keine Artikel im aktuellen Locale gefunden.</p>
       </div>
 
-      <!-- <div id="hero-button" class="mini-blog__footer">
+      <!-- <div class="mini-blog__footer">
         <RouterLink :to="articleIndex" class="mini-blog__all">Alle Artikel ansehen</RouterLink>
       </div> -->
-      <div class="center">
+      <div class="center mini-blog__footer">
-        <a id="hero-button mini-blog__footer" :href="articleIndex">
+        <a :href="articleIndex">
           <Button>
             {{ showAllPostsButtonTitle }}
           </Button>
@@ -150,7 +150,9 @@ const formatDate = (d) =>
 /* Footer */
 .card__more { margin-top: .25rem; font-weight: 600; text-decoration: none; }
 .card__more:hover { text-decoration: underline; }
-.mini-blog__footer { margin-top: 1rem; }
+.mini-blog__footer {
+  margin-top: 1.0rem;
+}
 
 /* Empty */
 .mini-blog__empty { opacity: .8; }

docs/.vuepress/styles/palette.scss

@@ -85,6 +85,7 @@ h1, h2, h3, h4 {
   border-style: solid;
   border-radius: 5px;
   padding: 12px 16px;
+  margin-top: 12px;
   cursor: grab;
 
   html[data-theme="dark"] & {

docs/de/README.md

@@ -184,7 +184,7 @@ description: Eine freie Open-Source-Software, mit der du ein soziales Netzwerk f
 </div>
 
 <div class="all-features">
-  <a id="hero-button" href="/de/features/">
+  <a href="/de/features/">
     <Button>
       Alle Funktionen ansehen
     </Button>
@@ -276,7 +276,7 @@ description: Eine freie Open-Source-Software, mit der du ein soziales Netzwerk f
     <i>Ocelot.social</i> kannst du auf einem eigenen Server hosten oder es hosten lassen.<br>
     Schau dir an, welche Möglichkeiten es gibt:
   </p>
-  <a id="hero-button" href="/de/get-started/">
+  <a href="/de/get-started/">
     <Button>
       Los geht’s
     </Button>

docs/en/README.md

@@ -183,7 +183,7 @@ description: A free and open source software with which you can operate a social
 </div>
 
 <div class="all-features">
-  <a id="hero-button" href="/en/features/">
+  <a href="/en/features/">
     <Button>
       View all functions
     </Button>
@@ -277,7 +277,7 @@ description: A free and open source software with which you can operate a social
     You can host <i>ocelot.social</i> on your own server or have it hosted.<br>
     Take a look at the options available:
   </p>
-  <a id="hero-button" href="/en/get-started/">
+  <a href="/en/get-started/">
     <Button>
       Let’s go
     </Button>

docs/es/README.md

@@ -184,7 +184,7 @@ description: "Un software libre y de código abierto con el que puedes gestionar
 </div>
 
 <div class="all-features">
-  <a id="hero-button" href="/es/features/">
+  <a href="/es/features/">
     <Button>
       Ver todas las funciones
     </Button>
@@ -245,7 +245,7 @@ description: "Un software libre y de código abierto con el que puedes gestionar
     Puedes alojar <i>ocelot.social</i> en tu propio servidor o hacer que lo alojen por ti.<br>
     Echa un vistazo a las opciones disponibles:
   </p>
-  <a id="hero-button" href="/es/get-started/">
+  <a href="/es/get-started/">
     <Button>
       Vamos allá
     </Button>

docs/fr/README.md

@@ -183,7 +183,7 @@ description: Un logiciel libre et open source avec lequel tu peux gérer un rés
 </div>
 
 <div class="all-features">
-  <a id="hero-button" href="/fr/features/">
+  <a href="/fr/features/">
     <Button>
       Toutes les fonctions
     </Button>
@@ -277,7 +277,7 @@ description: Un logiciel libre et open source avec lequel tu peux gérer un rés
     Tu peux héberger <i>ocelot.social</i> sur ton propre serveur ou le faire héberger.<br>
     Jetes un coup d’œil aux options disponibles :
   </p>
-  <a id="hero-button" href="/fr/get-started/">
+  <a href="/fr/get-started/">
     <Button>
       C’est parti !
     </Button>