Allowing more social lists, wrapping within buttons!

assets/js/main.js

@@ -1,4 +1,3 @@
-
 window.addEventListener("load", () => {
     let menu = document.querySelector(".navbar-menu");
     let nav = document.querySelector("nav");
@@ -13,5 +12,7 @@ window.addEventListener("load", () => {
         })
     })
     // Basic mail protection
-    document.querySelector("a[alt=Mail]").href = "mail" + "to" + String.fromCharCode(58) + "mail" + String.fromCharCode(64) + "ad5001.eu"
+    for(let emailLink of document.querySelectorAll("a[alt=Mail]")) {
+        emailLink.href = "mail" + "to" + String.fromCharCode(58) + "mail" + String.fromCharCode(64) + "ad5001.eu"
+    }
 })

assets/scss/components/common/button.scss

@@ -21,13 +21,16 @@
     color: black;
     cursor: pointer;
     
+    width: fit-content;
+    height: fit-content;
+    
     &.primary, &.secondary {
         padding: 0.5em;
+        margin: 0.1em;
         text-transform: uppercase;
         font-size: larger;
         box-shadow: 0px 0px 2px 0px #000000;
         transition: box-shadow 0.15s ease-in-out, filter 0.15s ease-in-out;
-        line-height: 3em;
         filter: brightness(100%);
     
         &:active {
@@ -40,11 +43,8 @@
             filter: brightness(90%);
         }
     }
-    
-    &.primary {
-    }
 }
 
-.text-white [role=button]:not(.primary), [role=button]:not(.primary).text-white {
+.text-white [role=button]:not(.primary) a, [role=button]:not(.primary).text-white a, nav.text-white [role=button]:not(.primary) {
     color: white;
 }

assets/scss/footer.scss

@@ -30,7 +30,7 @@ footer {
     }
 }
 
-.footer-social-list {
+.social-list {
     display: flex;
     font-size: 30px;
     a {

layouts/_default/app.html

@@ -132,9 +132,11 @@
                                 <br><br>{{ i18n "warnExternalWebsite" "addons.mozilla.org" }}
                                 {{ else }}
                                 {{ i18n "file" }} {{ replace .Name "<version>" $appdata.version }}<br>
-                                <a href="https://artifacts.accountfree.org/repository/apps.ad5001.eu-apps/{{ $appindex }}/v{{ $appdata.version }}/{{ replace .File "<version>" $appdata.version }}" class="primary" role="button">
+                                <div class="primary center fit-content" role="button">
+                                    <a href="https://artifacts.accountfree.org/repository/apps.ad5001.eu-apps/{{ $appindex }}/v{{ $appdata.version }}/{{ replace .File "<version>" $appdata.version }}" role="button">
                                         <i class="icon-download icon-as-text" alt=""></i>{{ i18n "download" }}
                                     </a>
+                                </div>
                                 {{ end }}
                             </div>
                             <hr>

layouts/main-index.html

@@ -1,4 +1,5 @@
 {{ define "main" }}
+{{ $lang := .Site.Language.Lang }}
 <section class="section-header">
     <div class="columns-container" style="display: flex" >
         <div class="column col1 text-center vertical-center">
@@ -8,6 +9,14 @@
             <div class="grid flex-center">&nbsp;
                 {{ partial "links.html" .Params.Links }}
             </div>
+            
+            <div class="social-list grid flex-center padding-container-point3">
+                {{ range .Site.Data.menu.social }}
+                    <a role="button" alt="{{ .name }}" title="{{ .name }}" href="{{ replace .URL "<lang>" $lang }}">
+                        <i class="icon-{{ .icon }}" alt="{{ .icon }} social icon"></i>
+                    </a>
+                {{ end }}
+            </div>
             <br>
             <br>
             <br>
@@ -73,5 +82,6 @@
     <div class="grid">&nbsp;
         {{ partial "links.html" .Params.NewSection.Links }}
     </div>
+    <br>
 </section>
 {{ end }}

layouts/partials/footer.html

@@ -3,7 +3,7 @@
 <footer>
     <br>
     <div class="columns-container">
-        <div class="col3 footer-social-list grid padding-container-point3">
+        <div class="col3 social-list grid padding-container-point3">
             {{ range .Site.Data.menu.social }}
                 <a role="button" alt="{{ .name }}" title="{{ .name }}" href="{{ replace .URL "<lang>" $lang }}">
                     <i class="icon-{{ .icon }}" alt="{{ .icon }} social icon"></i>

layouts/partials/head.html

@@ -2,7 +2,6 @@
     <title>{{ .Site.Title }} - {{ .Title }}</title>
     <link rel="preload" as="font" crossOrigin="anonymous" href="/fonts/metropolis/Metropolis-Regular.otf">
     <link rel="preload" as="font" crossOrigin="anonymous" href="/fonts/metropolis/Metropolis-Light.otf">
-    <link rel="preload" as="font" crossOrigin="anonymous" href="/fonts/omegicons/omegicons.eot?54316140">
     <link rel="preload" as="font" crossOrigin="anonymous" href="/fonts/omegicons/omegicons.woff2?54316140">
     <link rel="preload" as="font" crossOrigin="anonymous" href="/fonts/omegicons/omegicons.ttf?54316140">
     {{ $mainstyle := resources.Get "/scss/main.scss" | toCSS  | minify | fingerprint }}
@@ -20,5 +19,6 @@
     <link rel="alternate" hreflang="{{ .Language.Lang }}" href="{{ .Permalink }}" title="{{ .Language.LanguageName }}">
     {{ end }}
     {{ end }}
-    <script src="/js/header.js" async></script>
+    {{ $mainjs := resources.Get "/js/main.js" | minify | fingerprint }}
+    <script src="{{ $mainjs.Permalink }}"></script>
 </head>

layouts/partials/links.html

@@ -1,7 +1,7 @@
 {{ range . }}
-<div>
+<div role="button" class="primary">
-    <a href="{{ .URL | safeURL }}" role="button" class="primary" title="{{ .Title }}">
+    <a href="{{ .URL | safeURL }}" role="button" title="{{ .Title }}">
         <i class="icon-{{ lower .Icon }} icon-as-text" alt="{{ .Icon }}"></i>{{ .Title }}
-    </a>&nbsp;
+    </a>
 </div>
 {{ end }}