95 lines
3.0 KiB
ERB
95 lines
3.0 KiB
ERB
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<% title = @page_title || "NETig" %>
|
|
<% description = @page_description || "Services numériques libres, simples et indépendants, pour particuliers, associations et petites structures." %>
|
|
|
|
<title><%= title %></title>
|
|
<meta name="description" content="<%= description %>">
|
|
|
|
<meta name="theme-color" content="#1c1c1c">
|
|
|
|
<meta property="og:title" content="<%= title %>">
|
|
<meta property="og:description" content="<%= description %>">
|
|
<meta property="og:type" content="website">
|
|
|
|
<% if @canonical_url %>
|
|
<meta property="og:url" content="<%= @canonical_url %>">
|
|
<link rel="canonical" href="<%= @canonical_url %>">
|
|
<% end %>
|
|
|
|
<link rel="icon" type="image/svg+xml" href="/images/favicon.svg">
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
</head>
|
|
|
|
<body>
|
|
<a class="skip-link" href="#main-content">Aller au contenu</a>
|
|
|
|
<header>
|
|
<nav class="topbar" aria-label="Accès aux services">
|
|
<% unless request.path == "/" %>
|
|
<a href="/">
|
|
<img src="/images/favicon.svg" alt="Accueil NETig">
|
|
</a>
|
|
<% end %>
|
|
<a href="https://webmail.netig.net" target="_blank" rel="noopener noreferrer">NETmail ↗</a>
|
|
<a href="https://cloud.netig.net" target="_blank" rel="noopener noreferrer">NETcloud ↗</a>
|
|
<a href="https://git.netig.net" target="_blank" rel="noopener noreferrer">NETgit ↗</a>
|
|
<% if rodauth.logged_in? %>
|
|
<form method="post" action="<%= rodauth.logout_path %>">
|
|
<%== rodauth.csrf_tag(rodauth.logout_path) %>
|
|
<button class="topbar__account" type="submit">
|
|
Déconnexion
|
|
</button>
|
|
</form>
|
|
<% else %>
|
|
<a class="topbar__account" href="<%= rodauth.login_path %>">
|
|
Connexion ➜
|
|
</a>
|
|
<% end %>
|
|
</nav>
|
|
</header>
|
|
|
|
<% notice = flash["notice"] %>
|
|
<% error = flash["error"] %>
|
|
|
|
<main
|
|
id="main-content"
|
|
class="<%= 'main--with-flash' if notice || error %>"
|
|
>
|
|
<% if notice || error %>
|
|
<div class="flash-container">
|
|
<% if notice %>
|
|
<p class="flash flash--notice" role="status"><%= notice %></p>
|
|
<% end %>
|
|
|
|
<% if error %>
|
|
<p class="flash flash--error" role="alert"><%= error %></p>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
|
|
<%== yield %>
|
|
</main>
|
|
|
|
<footer>
|
|
<div class="botbar">
|
|
<p>Contenu du site par Julien Debrousse — <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="license noopener noreferrer">CC BY 4.0</a></p>
|
|
<p><a href="/statutes">Statuts</a></p>
|
|
<p><a href="/legal">Mentions légales</a></p>
|
|
<p>Fait avec ❤️ et <a href="https://roda.jeremyevans.net/" target="_blank" rel="noopener noreferrer">Roda</a> !</p>
|
|
</div>
|
|
<div class="botbar">
|
|
<p>* L'association NETig est en cours de constitution et n'est pas encore déclarée.</p>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|