embarcadere/_includes/layouts/parent.njk

61 lines
1.9 KiB
Text
Raw Normal View History

2023-04-23 11:20:57 +02:00
<!doctype html>
<html lang="{{ metadata.language }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ title or metadata.title }}</title>
<meta name="description" content="{{ description or metadata.description }}">
<link rel="icon" type="image/x-icon" href="/favicon.png">
2023-04-23 11:20:57 +02:00
{#- Uncomment this if youd like folks to know that you used Eleventy to build your site! #}
<meta name="generator" content="{{ eleventy.generator }}">
2023-04-23 11:20:57 +02:00
{%- css %}{% include "public/css/index.css" %}{% endcss %}
<style>{% getBundle "css" %}</style>
2023-04-23 11:20:57 +02:00
2024-05-24 17:40:46 +02:00
<style>
:root {
--color-accent: {{ config.accentColor }};
}
</style>
</head>
<body>
2023-04-23 11:20:57 +02:00
<main>
<h1>{{ metadata.title }}</h1>
2023-04-23 11:20:57 +02:00
<form method="GET" action="https://duckduckgo.com/">
<input name="q" title="Recherchez sur DuckDuckGo…" placeholder="Recherchez sur DuckDuckGo…" />
</form>
<div class="featured">
{%- for site in config.featuredSites -%}
2024-05-24 17:40:46 +02:00
<a href="{{ site.url }}" rel="noopener"><span class="emoji" aria-hidden=true>{{site.emoji}}</span> {{ site.nom }}</a>
{%- endfor -%}
2023-04-23 11:20:57 +02:00
</div>
<div class="cols">
{%- for siteBlock in config.siteBlocks -%}
<div class="linklist">
<h2><i class="fa fa-comments-o"></i> {{ siteBlock.nom }}</h2>
<ul>
{%- for site in siteBlock.sites -%}
2024-05-24 17:40:46 +02:00
<li><a href="{{ site.url }}" rel="noopener"><span class="emoji" aria-hidden=true>{{site.emoji}}</span> {{ site.nom }}</a></li>
{%- endfor -%}
</ul>
</div>
{%- endfor -%}
2023-04-23 11:20:57 +02:00
</div>
2024-05-24 20:12:15 +02:00
<div class="moreLink">
<a href="{{ config.moreLink.url }}" rel="noopener"><span class="emoji" aria-hidden=true>{{config.moreLink.emoji}}</span> {{ config.moreLink.nom }}</a>
</div>
2023-04-23 11:20:57 +02:00
</main>
2024-05-24 20:06:18 +02:00
<div class="mascotte">
<div>
{% image "../public/img/mascotte.png", config.mascotte.alt %}
<div class="mascotte-message">{{ config.mascotte.message }}</div>
<div>
</div>
2023-04-23 11:20:57 +02:00
</body>
</html>