refactor: Simplify footer links

Author: MoritzWeber0

assets/sass/footer.scss

@@ -13,29 +13,22 @@
 .o-footer__links {
   display: flex;
   flex-wrap: wrap;
+  gap: 1.6rem;
 
   @media print {
     display: none;
   }
-}
 
-.o-footer__link {
-  margin-left: 0;
-  margin-right: 1.6rem;
-  text-decoration: underline;
-  color: var(--link-special);
-  font-weight: 700;
-  text-decoration: none;
-
-  &:hover,
-  &:focus {
-    color: var(--link-hovered);
-    text-decoration: underline;
-  }
+  & > a {
+    color: var(--link-special);
+    font-weight: 700;
+    text-decoration: none;
 
-  @media (min-width: #{$breakpoint-lg}) {
-    margin-left: 1.6rem;
-    margin-right: 0;
+    &:hover,
+    &:focus {
+      color: var(--link-hovered);
+      text-decoration: underline;
+    }
   }
 }
 

layouts/partials/footer.html

@@ -9,30 +9,23 @@
   </div>
   <div class="o-footer__links">
     {{ $contactPage := site.GetPage "contact" }}
-    {{ if $contactPage }}
-      <a class="o-footer__link" href="{{ $contactPage.RelPermalink }}"
-        >{{ $contactPage.Title }}</a
-      >
-    {{ end }}
+    <a href="{{ $contactPage.RelPermalink }}">
+      {{ $contactPage.Title }}
+    </a>
     {{ $imprintPage := site.GetPage "imprint" }}
-    {{ if $imprintPage }}
-      <a class="o-footer__link" href="{{ $imprintPage.RelPermalink }}"
-        >{{ $imprintPage.Title }}</a
-      >
-    {{ end }}
+    <a href="{{ $imprintPage.RelPermalink }}">
+      {{ $imprintPage.Title }}
+    </a>
     {{ $privacyPage := site.GetPage "privacy" }}
-    {{ if $privacyPage }}
-      <a class="o-footer__link" href="{{ $privacyPage.RelPermalink }}"
-        >{{ $privacyPage.Title }}</a
-      >
-    {{ end }}
-    <a
-      class="o-footer__link"
-      href="https://www.paypal.com/pool/9jVNH0tMMT"
-      target="_blank"
-      rel="noopener noreferrer"
-      >{{ T "donation" }}</a
-    >
+    <a href="{{ $privacyPage.RelPermalink }}">
+      {{ $privacyPage.Title }}
+    </a>
+    {{ partial "link"
+      (dict
+      "Destination" "https://www.paypal.com/pool/9jVNH0tMMT"
+      "Text" (T "donation")
+      )
+    }}
   </div>
 </div>
 <div class="o-footer__line">