Update public from master

ba2b36a9 · Rémi - Le Filament · d7bff4d5 · ba2b36a9 · ba2b36a9 · ba2b36a9
--- a/public/categories/index.html
+++ b/public/categories/index.html
+<!DOCTYPE html>
+<html>
+    <title>Le Filament - Catégories</title>
+<meta name="description" content="Le Filament est une SCOP toulousaine spécialisée dans la conduite de projets informatiques et l'intégration d'outils CRM ERP">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="keywords" content="le filament, toulouse, numerique, odoo, mail, systeme, alfresco, bluemind, nextcloud, open source, logiciel libre, données, rgpd" />
+<meta name="author" content="Le Filament" />
+<link rel="stylesheet" href="/css/style.css">
+    <body>
+        <nav>
+  <a href="/" class="logo-link" rel="home" itemprop="url">
+    <img src="https://le-filament.com/img/logo-lefilament-H.svg" class="logo" alt="Le Filament" >
+  </a>
+  <div class="menu">
+      <div class="menu-item">
+        <div class="menu-shadow">
+          <a href="/posts">Articles</a>
+        </div>
+      </div>
+      <div class="menu-item">
+        <div class="menu-shadow">
+          <a href="/categories">Catégories</a>
+        </div>
+      </div>
+      <div class="menu-item">
+        <div class="menu-shadow">
+          <a href="/tags">Étiquettes</a>
+        </div>
+      </div>
+  </div>
+</nav>
+        <div id="content">
+  <main id="main">
+    <h1>Catégories</h1>
+    <ul>
+    </ul>
+  </main>
+        </div>
+        <footer>
+  <p>
+    © <a href="https://le-filament.com">Le Filament</a> - <a href="https://le-filament.com/mentions-legales">Mentions Légales</a> - <a href="https://le-filament.com/services-libres">Services Libres</a>
+  </p>
+  <a href="https://sources.le-filament.com/lefilament" target="_blank" title="Le Filament - GitLab">
+    <img src="https://le-filament.com/img/logo-gitlab.svg" alt="Le Filament - GitLab" >
+  </a>
+  <a href="https://github.com/lefilament" target="_blank" title="Le Filament - GitHub">
+    <img src="https://le-filament.com/img/logo-github.svg" alt="Le Filament - GitHub" >
+  </a>
+  <a href="https://hub.docker.com/search/?q=lefilament%2F&type=image" target="_blank" title="Le Filament - DockerHub">
+    <img src="https://le-filament.com/img/logo-docker.svg" alt="Le Filament - DockerHub" >
+  </a>
+  <a rel="me" href="https://pouet.chapril.org/@le_filament" target="_blank" title="Le Filament - Mastodon">
+    <img src="/images/logo-mastodon.svg" alt="Le Filament - Mastodon" >
+  </a>
+</footer>
+    </body>
+</html>
--- a/public/categories/index.xml
+++ b/public/categories/index.xml
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Catégories on </title>
+    <link>/categories/</link>
+    <description>Recent content in Catégories on </description>
+    <generator>Hugo -- gohugo.io</generator><atom:link href="/categories/index.xml" rel="self" type="application/rss+xml" />
+  </channel>
+</rss>
--- a/public/css/style.css
+++ b/public/css/style.css
+@font-face {
+ font-family:'DejaVu Sans';
+ src:url(https://le-filament.com/src/fonts/DejaVuSans-ExtraLight.woff2) format('woff2'),
+ url(https://le-filament.com/src/fonts/DejaVuSans-ExtraLight.woff) format('woff');
+ font-weight:200;
+ font-style:normal
+}
+*, ::before, ::after {
+  box-sizing: inherit;
+}
+body, button, input, select, optgroup, textarea {
+  font-family: 'DejaVu Sans', sans-serif;
+  font-weight: 100;
+  font-size: 16px;
+  font-size: 1rem;
+  line-height: 1.5;
+  color: #1c2f82;
+}
+body {
+  height:100vh;
+  margin:0;
+  display: flex; 
+  flex-direction: column; 
+}
+a {
+  color: #1C2F82;
+  background-color: transparent;
+  text-decoration: none;
+  color: #1C2F82;
+}
+a:visited {
+  color: #1C2F82;
+}
+p {
+  margin-bottom: 1.5em;
+}
+img {
+  height: auto;
+  max-width: 100%;
+}
+nav {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 800px;
+  margin: 25px auto;
+}
+nav .logo {
+  width: 155px;
+  margin-top: 10px;
+}
+section {
+  margin: 100px 0;
+}
+.menu {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 50%;
+}
+.menu-item a {
+  text-decoration: none;
+  font-size: 13px;
+  color: #1C2F82;
+  border: 1px solid #1C2F82;
+  padding-bottom: 7px;
+  padding-right: 17px;
+  padding-left: 15px;
+  padding-top: 8px;
+  background-color: transparent;
+  font-family: monospace;
+}
+.menu-shadow {
+  display: block;
+  width: 85%;
+  cursor: pointer;
+  background-color: #FFD14C;
+  padding-left: 3px;
+  padding-top: 8px;
+}
+main {
+  width: 750px;
+  margin: 50px auto;
+}
+.post {
+  margin: 50px 0;
+}
+.post-title {
+  background-color: #ffd14c;
+  border-radius: 1.2em;
+  padding: 0 10px;
+  font-size: 1.2em;
+  font-weight: bold;
+}
+.post-info {
+  font-size: 0.8em;
+  font-weight: lighter;
+}
+.post-summary {
+  padding-left: 25px;
+}
+.taxonomy {
+  background-color: #ffd14c;
+  border-radius: 1em;
+  padding: 2px 12px;
+}
+.mastodon_button {
+  display: block;
+  width: 400px;
+  margin: 20px auto;
+  padding: 5px 10px;
+  border-radius: 4px;
+  background-color: #2b90d9;
+  color: #fff;
+  font-family: sans-serif;
+  font-weight: bold;
+  text-transform: uppercase;
+  text-decoration: none;
+  text-align: center;
+}
+.mastodon_button:visited {
+  color: #fff;
+}
+.comment {
+  display: block;
+  padding: 10px;
+  margin: 20px;
+  border: solid #1c2f82 2px;
+  border-radius: 4px;
+}
+.comment > .author {
+  font-weight: bold;
+}
+footer {
+  margin-top: auto;
+  padding-bottom: 10px;
+  text-align: center;
+  font-size: 12px;
+}
+footer img {
+  height: 20px;
+  margin: 10px;
+}
--- a/public/images/logo-mastodon.svg
+++ b/public/images/logo-mastodon.svg
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   id="svg3771"
+   version="1.1"
+   viewBox="0 0 216.4144 232.00976">
+  <metadata
+     id="metadata3777">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs3775" />
+  <path
+     style="fill:#1c2f82;fill-opacity:1"
+     id="path3769"
+     fill="#fff"
+     d="M107.86523 0C78.203984.2425 49.672422 3.4535937 33.044922 11.089844c0 0-32.97656262 14.752031-32.97656262 65.082031 0 11.525-.224375 25.306175.140625 39.919925 1.19750002 49.22 9.02375002 97.72843 54.53124962 109.77343 20.9825 5.55375 38.99711 6.71547 53.505856 5.91797 26.31125-1.45875 41.08203-9.38867 41.08203-9.38867l-.86914-19.08984s-18.80171 5.92758-39.91796 5.20508c-20.921254-.7175-43.006879-2.25516-46.390629-27.94141-.3125-2.25625-.46875-4.66938-.46875-7.20313 0 0 20.536953 5.0204 46.564449 6.21289 15.915.73001 30.8393-.93343 45.99805-2.74218 29.07-3.47125 54.38125-21.3818 57.5625-37.74805 5.0125-25.78125 4.59961-62.916015 4.59961-62.916015 0-50.33-32.97461-65.082031-32.97461-65.082031C166.80539 3.4535938 138.255.2425 108.59375 0h-.72852zM74.296875 39.326172c12.355 0 21.710234 4.749297 27.896485 14.248047l6.01367 10.080078 6.01563-10.080078c6.185-9.49875 15.54023-14.248047 27.89648-14.248047 10.6775 0 19.28156 3.753672 25.85156 11.076172 6.36875 7.3225 9.53907 17.218828 9.53907 29.673828v60.941408h-24.14454V81.869141c0-12.46875-5.24453-18.798829-15.73828-18.798829-11.6025 0-17.41797 7.508516-17.41797 22.353516v32.375002H96.207031V85.423828c0-14.845-5.815468-22.353515-17.417969-22.353516-10.49375 0-15.740234 6.330079-15.740234 18.798829v59.148439H38.904297V80.076172c0-12.455 3.171016-22.351328 9.541015-29.673828 6.568751-7.3225 15.172813-11.076172 25.851563-11.076172z" />
+</svg>
--- a/public/index.html
+++ b/public/index.html
+<!DOCTYPE html>
+<html>
+    <title>Le Filament - Bienvenue sur le blog du Filament</title>
+<meta name="description" content="Le Filament est une SCOP toulousaine spécialisée dans la conduite de projets informatiques et l'intégration d'outils CRM ERP">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="keywords" content="le filament, toulouse, numerique, odoo, mail, systeme, alfresco, bluemind, nextcloud, open source, logiciel libre, données, rgpd" />
+<meta name="author" content="Le Filament" />
+<link rel="stylesheet" href="/css/style.css">
+    <body>
+        <nav>
+  <a href="/" class="logo-link" rel="home" itemprop="url">
+    <img src="https://le-filament.com/img/logo-lefilament-H.svg" class="logo" alt="Le Filament" >
+  </a>
+  <div class="menu">
+      <div class="menu-item">
+        <div class="menu-shadow">
+          <a href="/posts">Articles</a>
+        </div>
+      </div>
+      <div class="menu-item">
+        <div class="menu-shadow">
+          <a href="/categories">Catégories</a>
+        </div>
+      </div>
+      <div class="menu-item">
+        <div class="menu-shadow">
+          <a href="/tags">Étiquettes</a>
+        </div>
+      </div>
+  </div>
+</nav>
+        <div id="content">
+<main id="main">
+  <h1>Bienvenue sur le blog du Filament</h1>
+  <p>Bonjour et bienvenue sur le blog du Filament.
+L&rsquo;idée de mettre en place un blog pour :</p>
+<ul>
+<li>partager un certain nombre de nos actualités,</li>
+<li>sensibiliser à des sujets qui nous sont chers,</li>
+<li>vulgariser/expliquer les technos/outils que nous utilisons,</li>
+<li>etc.</li>
+</ul>
+<p>nous trotte dans la tête depuis un certain moment mais nous n&rsquo;avions pas franchi le pas. Si vous lisez ces lignes c&rsquo;est que c&rsquo;est chose faite, et que le plus dur reste à faire : alimenter ce blog régulièrement avec des articles de qualité.</p>
+<p>Vous devriez donc trouver parmi ces pages des articles sur :</p>
+<ul>
+<li>le statut Scop que nous avons choisi, notre organisation du travail</li>
+<li>les communautés auxquelles nous participons : le réseau des Scop, les acteurs de l&rsquo;Économie Sociale et Solidaire, Odoo, les CHATONS, etc.</li>
+<li>de la sensibilisation sur les logiciels libre, la protection des données</li>
+<li>des points fonctionnels et leur application dans Odoo</li>
+<li>des sujets plus techniques sur Docker, Ansible, Python, etc.</li>
+</ul>
+</main>
+        </div>
+        <footer>
+  <p>
+    © <a href="https://le-filament.com">Le Filament</a> - <a href="https://le-filament.com/mentions-legales">Mentions Légales</a> - <a href="https://le-filament.com/services-libres">Services Libres</a>
+  </p>
+  <a href="https://sources.le-filament.com/lefilament" target="_blank" title="Le Filament - GitLab">
+    <img src="https://le-filament.com/img/logo-gitlab.svg" alt="Le Filament - GitLab" >
+  </a>
+  <a href="https://github.com/lefilament" target="_blank" title="Le Filament - GitHub">
+    <img src="https://le-filament.com/img/logo-github.svg" alt="Le Filament - GitHub" >
+  </a>
+  <a href="https://hub.docker.com/search/?q=lefilament%2F&type=image" target="_blank" title="Le Filament - DockerHub">
+    <img src="https://le-filament.com/img/logo-docker.svg" alt="Le Filament - DockerHub" >
+  </a>
+  <a rel="me" href="https://pouet.chapril.org/@le_filament" target="_blank" title="Le Filament - Mastodon">
+    <img src="/images/logo-mastodon.svg" alt="Le Filament - Mastodon" >
+  </a>
+</footer>
+    </body>
+</html>
--- a/public/index.xml
+++ b/public/index.xml
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Bienvenue sur le blog du Filament on </title>
+    <link>/</link>
+    <description>Recent content in Bienvenue sur le blog du Filament on </description>
+    <generator>Hugo -- gohugo.io</generator>
+    <lastBuildDate>Mon, 13 Sep 2021 14:16:11 +0100</lastBuildDate><atom:link href="/index.xml" rel="self" type="application/rss+xml" />
+  </channel>
+</rss>
--- a/public/js/masto_comments.js
+++ b/public/js/masto_comments.js
+const getJSON = async url => {
+  const response = await fetch(url);
+  if(!response.ok)
+    throw new Error(response.statusText);
+  const data = response.json();
+  return data;
+}
+function loadComments(id) {
+  getJSON('https://mastodon.social/api/v1/statuses/' + id + '/context').then(data => {
+    document.getElementById('load_comments').disable = true;
+    for (toot in data.descendants) {
+      const comment = document.createElement('div');
+      comment.classList.add('comment');
+      const author = document.createElement('div');
+      author.classList.add('author');
+      author.innerHTML = data.descendants[toot].account.username;
+      const content = document.createElement('div');
+      content.classList.add('content');
+      content.innerHTML = data.descendants[toot].content;
+      comment.appendChild(author);
+      comment.appendChild(content);
+      document.getElementById('comments_holder').appendChild(comment);
+    }
+    document.getElementById('load_comments').remove();
+  });
+}
--- a/public/posts/index.html
+++ b/public/posts/index.html
+<!DOCTYPE html>
+<html>
+    <title>Le Filament - Articles</title>
+<meta name="description" content="Le Filament est une SCOP toulousaine spécialisée dans la conduite de projets informatiques et l'intégration d'outils CRM ERP">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="keywords" content="le filament, toulouse, numerique, odoo, mail, systeme, alfresco, bluemind, nextcloud, open source, logiciel libre, données, rgpd" />
+<meta name="author" content="Le Filament" />
+<link rel="stylesheet" href="/css/style.css">
+    <body>
+        <nav>
+  <a href="/" class="logo-link" rel="home" itemprop="url">
+    <img src="https://le-filament.com/img/logo-lefilament-H.svg" class="logo" alt="Le Filament" >
+  </a>
+  <div class="menu">
+      <div class="menu-item">
+        <div class="menu-shadow">
+          <a href="/posts">Articles</a>
+        </div>
+      </div>
+      <div class="menu-item">
+        <div class="menu-shadow">
+          <a href="/categories">Catégories</a>
+        </div>
+      </div>
+      <div class="menu-item">
+        <div class="menu-shadow">
+          <a href="/tags">Étiquettes</a>
+        </div>
+      </div>
+  </div>
+</nav>
+        <div id="content">
+<main id="main">
+  <h1>Articles</h1>
+  <section class="posts-list">
+  </section>
+</main>
+        </div>
+        <footer>
+  <p>
+    © <a href="https://le-filament.com">Le Filament</a> - <a href="https://le-filament.com/mentions-legales">Mentions Légales</a> - <a href="https://le-filament.com/services-libres">Services Libres</a>
+  </p>
+  <a href="https://sources.le-filament.com/lefilament" target="_blank" title="Le Filament - GitLab">
+    <img src="https://le-filament.com/img/logo-gitlab.svg" alt="Le Filament - GitLab" >
+  </a>
+  <a href="https://github.com/lefilament" target="_blank" title="Le Filament - GitHub">
+    <img src="https://le-filament.com/img/logo-github.svg" alt="Le Filament - GitHub" >
+  </a>
+  <a href="https://hub.docker.com/search/?q=lefilament%2F&type=image" target="_blank" title="Le Filament - DockerHub">
+    <img src="https://le-filament.com/img/logo-docker.svg" alt="Le Filament - DockerHub" >
+  </a>
+  <a rel="me" href="https://pouet.chapril.org/@le_filament" target="_blank" title="Le Filament - Mastodon">
+    <img src="/images/logo-mastodon.svg" alt="Le Filament - Mastodon" >
+  </a>
+</footer>
+    </body>
+</html>
--- a/public/posts/index.xml
+++ b/public/posts/index.xml
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Articles on </title>
+    <link>/posts/</link>
+    <description>Recent content in Articles on </description>
+    <generator>Hugo -- gohugo.io</generator><atom:link href="/posts/index.xml" rel="self" type="application/rss+xml" />
+  </channel>
+</rss>
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+  xmlns:xhtml="http://www.w3.org/1999/xhtml">
+  <url>
+    <loc>/</loc>
+    <lastmod>2021-09-13T14:16:11+01:00</lastmod>
+  </url><url>
+    <loc>/posts/</loc>
+  </url><url>
+    <loc>/categories/</loc>
+  </url><url>
+    <loc>/tags/</loc>
+  </url>
+</urlset>
--- a/public/tags/index.html
+++ b/public/tags/index.html
+<!DOCTYPE html>
+<html>
+    <title>Le Filament - Étiquettes</title>
+<meta name="description" content="Le Filament est une SCOP toulousaine spécialisée dans la conduite de projets informatiques et l'intégration d'outils CRM ERP">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="keywords" content="le filament, toulouse, numerique, odoo, mail, systeme, alfresco, bluemind, nextcloud, open source, logiciel libre, données, rgpd" />
+<meta name="author" content="Le Filament" />
+<link rel="stylesheet" href="/css/style.css">
+    <body>
+        <nav>
+  <a href="/" class="logo-link" rel="home" itemprop="url">
+    <img src="https://le-filament.com/img/logo-lefilament-H.svg" class="logo" alt="Le Filament" >
+  </a>
+  <div class="menu">
+      <div class="menu-item">
+        <div class="menu-shadow">
+          <a href="/posts">Articles</a>
+        </div>
+      </div>
+      <div class="menu-item">
+        <div class="menu-shadow">
+          <a href="/categories">Catégories</a>
+        </div>
+      </div>
+      <div class="menu-item">
+        <div class="menu-shadow">
+          <a href="/tags">Étiquettes</a>
+        </div>
+      </div>
+  </div>
+</nav>
+        <div id="content">
+  <main id="main">
+    <h1>Étiquettes</h1>
+    <ul>
+    </ul>
+  </main>
+        </div>
+        <footer>
+  <p>
+    © <a href="https://le-filament.com">Le Filament</a> - <a href="https://le-filament.com/mentions-legales">Mentions Légales</a> - <a href="https://le-filament.com/services-libres">Services Libres</a>
+  </p>
+  <a href="https://sources.le-filament.com/lefilament" target="_blank" title="Le Filament - GitLab">
+    <img src="https://le-filament.com/img/logo-gitlab.svg" alt="Le Filament - GitLab" >
+  </a>
+  <a href="https://github.com/lefilament" target="_blank" title="Le Filament - GitHub">
+    <img src="https://le-filament.com/img/logo-github.svg" alt="Le Filament - GitHub" >
+  </a>
+  <a href="https://hub.docker.com/search/?q=lefilament%2F&type=image" target="_blank" title="Le Filament - DockerHub">
+    <img src="https://le-filament.com/img/logo-docker.svg" alt="Le Filament - DockerHub" >
+  </a>
+  <a rel="me" href="https://pouet.chapril.org/@le_filament" target="_blank" title="Le Filament - Mastodon">
+    <img src="/images/logo-mastodon.svg" alt="Le Filament - Mastodon" >
+  </a>
+</footer>
+    </body>
+</html>
--- a/public/tags/index.xml
+++ b/public/tags/index.xml
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Étiquettes on </title>
+    <link>/tags/</link>
+    <description>Recent content in Étiquettes on </description>
+    <generator>Hugo -- gohugo.io</generator><atom:link href="/tags/index.xml" rel="self" type="application/rss+xml" />
+  </channel>
+</rss>