first commit

views/layout.erb

@@ -0,0 +1,62 @@
+
+<!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>
+      <a class="topbar__account" href="/login">Mon espace ➜</a>
+    </nav>
+  </header>
+
+  <main id="main-content">
+    <%== 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="/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>
+  </footer>
+
+</body>
+
+</html>
+