Allowing more social lists, wrapping within buttons!
This commit is contained in:
parent
737e3a27bc
commit
1171b352c5
8 changed files with 30 additions and 17 deletions
|
@ -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"
|
||||
}
|
||||
})
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -30,7 +30,7 @@ footer {
|
|||
}
|
||||
}
|
||||
|
||||
.footer-social-list {
|
||||
.social-list {
|
||||
display: flex;
|
||||
font-size: 30px;
|
||||
a {
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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">
|
||||
{{ 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">
|
||||
{{ partial "links.html" .Params.NewSection.Links }}
|
||||
</div>
|
||||
<br>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
Loading…
Reference in a new issue