diff options
Diffstat (limited to 'layouts/_partials/footer.html')
| -rw-r--r-- | layouts/_partials/footer.html | 82 |
1 files changed, 44 insertions, 38 deletions
diff --git a/layouts/_partials/footer.html b/layouts/_partials/footer.html index fc3d044..03d9428 100644 --- a/layouts/_partials/footer.html +++ b/layouts/_partials/footer.html @@ -1,43 +1,49 @@ <footer class="pagefind-exclude my-8 mx-auto font-mono px-4 md:px-0 text-sm - md:w-[var(--page-width)] md:flex md:justify-between"> - <!-- copyright --> - <section> - <p class="copyright">© 2022-{{ now | dateFormat "2006" }} <a href="https://www.eltr.ac/" target="_blank">Eltrac</a></p> - <p class="license">{{ T "footer.licenseStatement" (printf "<a href=\"https://creativecommons.org/licenses/by-sa/4.0/\" target=\"_blank\">CC BY-SA 4.0</a>") | safeHTML }}</p> - </section> - <!-- links --> - <section class="flex justify-between items-center - md:justify-start md:flex-col md:items-end"> + md:w-[var(--page-width)]"> + <div class="md:flex md:justify-between"> + <!-- copyright --> + <section> + <p class="copyright">© 2022-{{ now | dateFormat "2006" }} <a href="https://www.eltr.ac/" target="_blank">Eltrac</a></p> + <p class="license">{{ T "footer.licenseStatement" (printf "<a href=\"https://creativecommons.org/licenses/by-sa/4.0/\" target=\"_blank\">CC BY-SA 4.0</a>") | safeHTML }}</p> + </section> + <!-- links --> + <section class="flex justify-between items-center + md:justify-start md:flex-col md:items-end"> - <!-- IndieWeb ring --> - <p class="inline-flex justify-center items-center gap-2"> - <a href="https://xn--sr8hvo.ws/previous">←</a> - <a href="https://xn--sr8hvo.ws">IndieWeb ring</a> - <a href="https://xn--sr8hvo.ws/next">→</a> - </p> - <!-- External Links --> - <ul class="list-style-none flex items-center gap-2 ps-0 m-0 md:justify-end"> - {{ range .Site.Params.footerExternalLinks }} - <li class="inline-flex items-center"> - <a href="{{ .link }}" title="{{ .name }}" target="_blank" - class="transition opacity-70 hover:opacity-100 hover:no-underline"> - {{ if strings.Contains .icon "/" }} - <img - class="h-4 w-auto inline-block grayscale dark:invert" - src="{{ .icon }}" - alt="{{ .name }} icon." - loading="lazy" - width="1rem" - height="1rem" - /> - {{ else }} - <span class="text-size-4 font-serif">{{ .icon }}</span> - {{ end }} - </a> - </li> - {{ end }} - </ul> + <!-- Internal Links --> + <ul class="flex list-none gap-1 ps-0 my-2 mx-0"> + {{ range .Site.Params.internalLinks }} + <li><a href="{{ .link }}" title="{{ .name }}" + class="text-secondary">{{ .name }}</a></li> + <li class="text-secondary last:hidden">·</li> + {{ end }} + </ul> + + <!-- External Links --> + <ul class="list-style-none flex items-center gap-2 ps-0 my-2 mx-0 md:justify-end"> + {{ range .Site.Params.footerExternalLinks }} + <li class="inline-flex items-center"> + <a href="{{ .link }}" title="{{ .name }}" target="_blank" + class="transition opacity-70 hover:opacity-100 hover:no-underline"> + {{ if strings.Contains .icon "/" }} + <img + class="h-4 w-auto inline-block grayscale dark:invert" + src="{{ .icon }}" + alt="{{ .name }} icon." + loading="lazy" + width="1rem" + height="1rem" + /> + {{ else }} + <span class="text-size-4 font-serif">{{ .icon }}</span> + {{ end }} + </a> + </li> + {{ end }} + </ul> + + </section> + </div> - </section> </footer> |