Allowing more social lists, wrapping within buttons!

This commit is contained in:
Adsooi 2021-08-02 23:53:47 +02:00
parent 737e3a27bc
commit 1171b352c5
No known key found for this signature in database
GPG key ID: 9C87C7D3A69E6BBE
8 changed files with 30 additions and 17 deletions

View file

@ -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"
}
})

View file

@ -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;
}

View file

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

View file

@ -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">
<i class="icon-download icon-as-text" alt=""></i>{{ i18n "download" }}
</a>
<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>

View file

@ -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 }}

View file

@ -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>

View file

@ -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>

View file

@ -1,7 +1,7 @@
{{ range . }}
<div>
<a href="{{ .URL | safeURL }}" role="button" class="primary" title="{{ .Title }}">
<div role="button" class="primary">
<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 }}