website/layouts/partials/footer.html

111 lines
2.9 KiB
HTML
Raw Normal View History

2023-01-23 10:07:18 +01:00
<footer
id="footer"
class="footer">
<div class="footer-cover-back"></div>
<div class="footer-cover"></div>
<div class="footer-border">
<span class="footer-border-item"></span>
<span class="footer-border-item"></span>
<span class="footer-border-item"></span>
</div>
<div class="footer-container container mx-auto">
<div>
<div class="flex flex-wrap">
<div class="w-full md:w-1/2">
<div class="footer-title-container">
<a
class="link footer-logo"
href="/"
>
{{ $image := resources.Get "images/logo.png" }}
<img
src="{{ $image.RelPermalink }}"
class="logo">
</a>
<div>
<div class="footer-title">
We Robot
</div>
<div class="footer-description">
2024-05-03 15:03:37 +02:00
{{ .Site.Params.footer_description }}
2023-01-23 10:07:18 +01:00
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/4">
<div class="footer-links">
2024-05-03 15:03:37 +02:00
{{ range .Site.Menus.footer_left }}
<a
href="{{ .URL }}"
class="link">
{{ .Name}}
</a>
{{ end }}
2023-01-23 10:07:18 +01:00
</div>
</div>
<div class="w-full md:w-1/4">
<div class="footer-links">
2024-05-03 15:03:37 +02:00
{{ range .Site.Menus.footer_right }}
2023-01-23 10:07:18 +01:00
<a
2024-05-03 15:03:37 +02:00
href="{{ .URL }}"
2023-01-23 10:07:18 +01:00
class="link">
2024-05-03 15:03:37 +02:00
{{ .Name }}
2023-01-23 10:07:18 +01:00
</a>
2024-05-03 15:03:37 +02:00
{{ end }}
2023-01-23 10:07:18 +01:00
</div>
</div>
</div>
<div class="flex justify-between footer-footer">
<div class="footer-socials">
<a
href=""
class="footer-socials-item link">
{{ partial "svg" "facebook" }}
</a>
<a
href=""
class="footer-socials-item link">
{{ partial "svg" "instagram" }}
</a>
<a
href=""
class="footer-socials-item link">
{{ partial "svg" "twitter" }}
</a>
<!--
<a
:href="$env.socials.youtube"
class="footer-socials-item link">
<img src="~/assets/img/youtube.svg">
</a> -->
<a
href=""
class="footer-socials-item link">
{{ partial "svg" "github" }}
</a>
</div>
<div
id="h"
class="footer-locale">
<a
class="button button-primary"
@click="onSwapLocale">
<div class="button-icon">
<i class="fa fas fa-flag"></i>
</div>
<div
class="link button-text">
<span>
2024-05-03 15:03:37 +02:00
Français
</span>
2023-01-23 10:07:18 +01:00
</div>
</a>
</div>
</div>
</div>
</div>
</div>