Ajout du lien sur l'accueil dans le menu.

Billet et CR de mars.
Nouvelle chaîne de traitement de statistiques.
2023-03-25 15:07:27 +01:00 · 2023-03-15 21:39:50 +01:00 · 2023-03-12 15:10:08 +01:00 · 2023-02-13 09:01:17 +01:00
21 changed files with 3604 additions and 25 deletions
--- a/README.md
+++ b/README.md
@@ -3,15 +3,15 @@
 L'association Ti Nuage offre une palette des services numériques pour ses adhérents et les internautes, et promeut les logiciels libres et un usage éclairé et raisonné d'Internet.
 Le site de l'association doit décrire ses missions et fournir un aperçu des services qu'elle propose, ainsi que de leurs conditions d'usage.

-## Technologie
+## Génération du site

 Le site est créé à l'aide du logiciel libre [MetalSmith](http://www.metalsmith.io). Il s'agit d'un outil de tansformation de fichiers qui permet en particulier la génération de sites statiques. L'intérêt de tels sites est leur facilité de déploiement, le peu d'usage qu'ils font en terme de ressources et leur robustesse. L'inconvénient est la nécessité de connaître quelques rudiments sur l'usage d'une ligne de comande pour re-générer et re-déployer le site à chaque modification.

-## Sources
+### Préparation des sources

-**Metalsmith** requiert la disponibilité de **NodeJS** et **npm**.
+**Metalsmith** requiert la disponibilité de **NodeJS** et **npm**. L'installation de ces logiciels dépend du système d'exploitation utilisé.

-Pour installer les sources du site sur votre machine :
+Les sources peuvent être téléchargées depuis le dépôt **Gitea** ou bien copiées localement à l'aide de **git** avec la commande suivante.

    git clone https://apps.ti-nuage.fr/gitea/ti-nuage/site.git

@@ -24,9 +24,17 @@ Le projet s'appuie sur un certain nombre de dépendances, utiles au developpemen
 Le script `package.json` comprend une série de commandes utiles au développement et à la génération du site. Les plus utiles sont :

 - pour générer le site : `npm run build`,
-
 - pour le servir localement et le tester sur son navigateur : `npm run server`.

 La liste des dommandes existantes est disponible avec `npm run`. Il est possible d'obtenir davantage d'informations en cas de problème avec la variable d'environnement `DEBUG`. Par exemple :

    DEBUG=metalsmith* npm run build
+
+## Structure
+
+Le site de l'association est essentiellement composé de pages statiques. Les billets d'actualité et les comptes-rendus de réunion sont eux-même générés ou assemblés avec le reste des pages du site.
+
+Cependant, afin d'être réactif, l'affichage des événements du calendrier partagé de l'association est effectué depuis le navigateur. Si le navigateur dispose d'un support Javascript actif, alors :
+
+- les événements à venir sont mixés avec les billets récents du blog dans la rubrique Actualité de la page d'accueil ;
+- le menu propose une entrée « Calendrier » à la suite de « Actualité ». Cette nouvelle page présente plus largement les événements récents ou à venir.
--- a/assets/production/css/style.css
+++ b/assets/production/css/style.css
@@ -95,6 +95,34 @@ abbr {
  border-bottom: 1px dotted #373d3f;
 }

+.loader-wrapper {
+  display: grid;
+  grid-template-columns: 1fr 4fr;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 1em;
+  width: 400px;
+}
+
+.loader-wrapper div {
+  animation: spin 2s linear infinite;
+  display: table-column-group;
+  height: 30px;
+  width: 30px;
+  border: 5px solid #fff0;
+  border-top: 5px solid #555;
+  border-radius: 50%;
+}
+
+.loader-wrapper p {
+  padding-top: 0.5em;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
 .meta-published {
  color: #999;
  margin-bottom: 1em;
@@ -189,10 +217,37 @@ nav section ul li {
  font-size: 1.5em;
 }

+.news-entry h3 {
+  position: relative;
+  padding-left: 2em;
+  padding-top: 0.2em;
+}
+
+.news-entry h3::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 48px;
+  width: 48px;
+}
+
+.blog-entry h3::before {
+  background: transparent url(/images/uicons/comment.svg) center center no-repeat;
+}
+
+.event-entry h3::before {
+  background: transparent url(/images/uicons/alarm-clock.svg) center center no-repeat;
+}
+
+.event-elapsed h3 {
+  color: grey;
+  text-decoration: line-through;
+}
+
 .services {
  border: lightblue 4px solid;
  padding: 0.6em;
-
 }

 .services-title {
@@ -201,7 +256,7 @@ nav section ul li {
  line-height: 48px;
 }

-.services-title:before {
+.services-title::before {
  content: "";
  position: absolute;
  left: 0;
--- a/assets/production/images/logo-tinuage-square.svg
+++ b/assets/production/images/logo-tinuage-square.svg
@@ -0,0 +1,98 @@
+<?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"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="300mm"
+   height="300mm"
+   viewBox="0 0 300 300"
+   version="1.1"
+   id="SVGRoot"
+   sodipodi:docname="ti-nuage-square.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
+  <defs
+     id="defs644" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.7"
+     inkscape:cx="568.33327"
+     inkscape:cy="560"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1096"
+     inkscape:window-x="0"
+     inkscape:window-y="-16"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata647">
+    <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>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       d="m 15.183249,155.10712 v 25.20168 c 0,1.00263 0.300894,1.80546 0.902785,2.40726 0.601789,0.60219 1.780403,0.90279 3.53574,0.90279 h 3.535759 v 5.0403 c -1.655021,0.15072 -3.084377,0.22569 -4.288036,0.22569 -3.009148,0 -5.391379,-0.57724 -7.146715,-1.73036 -1.705195,-1.20368 -2.557776,-3.30995 -2.557776,-6.31909 V 155.10704 H 2.7705559 v -5.26592 H 9.165006 v -10.9833 h 6.018274 v 10.9833 h 7.974253 v 5.26592 z"
+       fill="#373d3f"
+       id="path404"
+       style="stroke-width:2.75187" />
+    <path
+       d="m 29.292047,136.60117 h 6.394522 v 7.37215 h -6.394522 z m 0.225696,13.24006 h 6.018337 v 38.81802 h -6.018337 z"
+       fill="#373d3f"
+       id="path406"
+       style="stroke-width:2.75187" />
+    <path
+       d="m 24.060226,202.27229 c 4.363285,0 7.723364,1.17861 10.080613,3.53584 2.407338,2.30689 3.610999,5.61714 3.610999,9.93012 v 26.25476 H 31.73351 v -25.65296 c 0,-3.00916 -0.777456,-5.19081 -2.331933,-6.54478 -1.55483,-1.40421 -3.736462,-2.10648 -6.54499,-2.10648 -1.253833,0 -2.532709,0.25065 -3.836684,0.75198 -1.253803,0.45139 -2.382233,1.17862 -3.38526,2.18167 -1.003049,1.00262 -1.830577,2.28193 -2.482568,3.83673 -0.652024,1.5545 -0.977985,3.41031 -0.977985,5.5667 v 21.96682 H 6.155784 v -38.81783 h 5.717392 v 5.7926 c 1.303975,-1.95597 2.984072,-3.5609 5.040323,-4.81461 2.056251,-1.25402 4.438482,-1.88086 7.146705,-1.88086 z"
+       fill="#373d3f"
+       id="path408"
+       style="stroke-width:2.75187" />
+    <path
+       d="m 76.908989,203.17518 v 38.81783 h -5.717554 v -5.7924 c -1.303832,1.95576 -2.983846,3.5606 -5.040323,4.8146 -2.056186,1.25382 -4.438485,1.88067 -7.146597,1.88067 -4.363363,0 -7.748435,-1.15364 -10.155763,-3.46053 -2.35725,-2.35723 -3.535875,-5.69245 -3.535875,-10.00543 v -26.25474 h 6.018325 v 25.65285 c 0,3.00914 0.77746,5.21588 2.332212,6.62019 1.554533,1.35418 3.736219,2.03117 6.544768,2.03117 1.253744,0 2.507509,-0.22571 3.761524,-0.67711 1.303843,-0.5013 2.457422,-1.254 3.460486,-2.25706 1.003043,-1.00263 1.830538,-2.28182 2.482444,-3.83662 0.651927,-1.55462 0.977989,-3.41041 0.977989,-5.5668 v -21.96672 z"
+       fill="#373d3f"
+       id="path410"
+       style="stroke-width:2.75187" />
+    <path
+       d="m 119.86756,237.10318 v 4.88983 c -0.95292,0.15089 -2.05646,0.22568 -3.31022,0.22568 -2.15663,0 -3.76124,-0.45139 -4.81465,-1.35386 -1.00306,-0.95272 -1.57986,-2.35723 -1.73012,-4.21282 -2.70838,4.16249 -6.92121,6.24399 -12.638497,6.24399 -4.262914,0 -7.623213,-0.97769 -10.080624,-2.93405 -2.407343,-1.95576 -3.61101,-4.7643 -3.61101,-8.42567 0,-1.50447 0.250659,-2.93373 0.752384,-4.28802 0.501413,-1.35418 1.303833,-2.55755 2.407323,-3.61095 1.153589,-1.05317 2.63299,-1.93068 4.438495,-2.63304 1.855593,-0.70205 4.112392,-1.20357 6.770422,-1.50437 l 5.567027,-0.60221 c 1.95602,-0.25065 3.46046,-0.75197 4.51361,-1.50468 1.05342,-0.80293 1.57984,-2.08128 1.57984,-3.83664 0,-2.05621 -0.62685,-3.58575 -1.88062,-4.5888 -1.25376,-1.00262 -3.53587,-1.50468 -6.84582,-1.50468 -3.310227,0 -5.717277,0.55228 -7.221993,1.65498 -1.504456,1.10351 -2.357266,3.10961 -2.557858,6.01829 h -6.018062 c 0.09982,-1.90564 0.451282,-3.636 1.053142,-5.19082 0.601786,-1.5545 1.504434,-2.90866 2.708101,-4.06232 1.253754,-1.15324 2.858636,-2.03117 4.814677,-2.63295 1.956016,-0.65214 4.363366,-0.97769 7.221993,-0.97769 2.70811,0 4.99025,0.27564 6.84582,0.82792 1.85559,0.55124 3.36031,1.3291 4.51361,2.33216 1.15357,1.00263 1.98109,2.20672 2.48274,3.61103 0.50141,1.35418 0.75208,2.85866 0.75208,4.51362 v 21.66593 c 0,1.25382 0.70225,1.88067 2.10654,1.88067 z m -22.192707,0.6771 c 1.45465,0 2.883967,-0.22571 4.288247,-0.6771 1.45437,-0.45139 2.75819,-1.12828 3.91178,-2.03116 1.15357,-0.90278 2.08123,-2.05623 2.78351,-3.46044 0.70195,-1.40431 1.05314,-3.05927 1.05314,-4.96521 v -4.58903 c -1.15358,0.90278 -2.85864,1.45466 -5.11544,1.65529 l -5.642147,0.67708 c -3.51085,0.40146 -5.892861,1.20368 -7.146887,2.40736 -1.253755,1.15365 -1.880637,2.68308 -1.880637,4.58903 0,1.90572 0.601807,3.46044 1.805505,4.66412 1.253754,1.15364 3.234829,1.73017 5.942929,1.73017 z"
+       fill="#373d3f"
+       id="path412"
+       style="stroke-width:2.75187" />
+    <path
+       d="m 159.64224,203.17518 v 37.31335 c 0,2.50753 -0.37621,4.81472 -1.12855,6.92098 -0.70204,2.10658 -1.80549,3.91204 -3.30994,5.41649 -1.50444,1.50438 -3.38535,2.68309 -5.64215,3.53586 -2.25681,0.85285 -4.91483,1.27877 -7.97436,1.27877 -5.01502,0 -8.92706,-1.15355 -11.73563,-3.46044 -2.80855,-2.25685 -4.41343,-5.26601 -4.81465,-9.02754 h 6.01833 c 0.40127,2.45749 1.47968,4.28803 3.23482,5.49159 1.80549,1.25381 4.23787,1.88099 7.29713,1.88099 3.91206,0 6.89617,-1.00265 8.95237,-3.00914 2.05619,-1.95608 3.08429,-4.96523 3.08429,-9.02756 v -3.76154 c -1.45436,1.95608 -3.2849,3.48581 -5.49161,4.58902 -2.20675,1.05319 -4.71424,1.57987 -7.5228,1.57987 -2.70838,0 -5.19084,-0.47635 -7.44766,-1.42936 -2.20671,-0.95272 -4.11265,-2.3071 -5.71755,-4.06223 -1.55452,-1.75544 -2.7582,-3.88707 -3.61099,-6.3946 -0.85256,-2.50773 -1.27881,-5.31635 -1.27881,-8.42565 0,-3.10931 0.42623,-5.91782 1.27881,-8.42566 0.85275,-2.50752 2.05647,-4.63905 3.61099,-6.39429 1.6049,-1.75533 3.51084,-3.10951 5.71755,-4.06252 2.25682,-0.95271 4.73928,-1.42928 7.44766,-1.42928 2.90873,0 5.49163,0.57724 7.74844,1.73037 2.25681,1.10322 4.11238,2.70805 5.56702,4.81463 v -5.64211 z m -18.28065,34.30421 c 3.76152,0 6.7707,-1.30417 9.0275,-3.91184 2.30715,-2.60789 3.46046,-6.26927 3.46046,-10.98351 0,-4.71425 -1.15331,-8.37532 -3.46046,-10.98321 -2.2568,-2.60798 -5.26598,-3.91204 -9.0275,-3.91204 -3.76126,0 -6.79547,1.35419 -9.10264,4.06223 -2.25679,2.65833 -3.38535,6.26905 -3.38535,10.83302 0,4.56396 1.12856,8.20006 3.38535,10.9081 2.30717,2.65803 5.34138,3.98725 9.10264,3.98725 z"
+       fill="#373d3f"
+       id="path414"
+       style="stroke-width:2.75187" />
+    <path
+       d="m 202.51441,224.6906 h -29.48957 c 0.30078,4.41316 1.50445,7.64799 3.61072,9.70443 2.15665,2.0061 4.94017,3.00926 8.35056,3.00926 2.7582,0 4.99023,-0.65214 6.69529,-1.95607 1.70506,-1.30415 2.90871,-3.05927 3.611,-5.266 h 6.24399 c -0.4513,1.80557 -1.15359,3.48549 -2.10656,5.04031 -0.90258,1.55459 -2.05619,2.90877 -3.46048,4.06232 -1.40427,1.10321 -3.0342,1.98103 -4.88979,2.63295 -1.85558,0.65214 -3.93709,0.97769 -6.24399,0.97769 -2.65803,0 -5.09041,-0.4514 -7.29712,-1.35418 -2.20672,-0.95272 -4.11267,-2.3069 -5.71728,-4.06235 -1.60489,-1.75544 -2.85892,-3.88676 -3.76152,-6.39449 -0.85257,-2.50751 -1.2788,-5.34109 -1.2788,-8.50085 0,-3.05927 0.42622,-5.81767 1.2788,-8.27515 0.85254,-2.50751 2.05619,-4.63906 3.611,-6.3945 1.60488,-1.80546 3.4855,-3.18438 5.64215,-4.13741 2.20671,-1.00265 4.66412,-1.50469 7.37225,-1.50469 2.90901,0 5.46659,0.55125 7.6733,1.65518 2.20673,1.05318 4.06257,2.50751 5.56704,4.36312 1.50444,1.80547 2.63297,3.9371 3.38533,6.3945 0.80243,2.45738 1.20368,5.09044 1.20368,7.89895 z m -17.82935,-16.92651 c -3.05925,0 -5.61711,0.95272 -7.67331,2.85866 -2.0562,1.90572 -3.33499,4.78933 -3.83664,8.65135 h 22.86966 c -0.15052,-1.60484 -0.50164,-3.10962 -1.05342,-4.51394 -0.55145,-1.40419 -1.30383,-2.60787 -2.2568,-3.61092 -0.95271,-1.05318 -2.10628,-1.88067 -3.46048,-2.48246 -1.30384,-0.6022 -2.83361,-0.90278 -4.58901,-0.90278 z"
+       fill="#373d3f"
+       id="path416"
+       style="stroke-width:2.75187" />
+    <path
+       d="m 65.948861,144.41671 c 1.927951,-7.5214 5.646,-14.46497 10.836848,-20.23915 5.190848,-5.7743 11.700935,-10.20783 18.975234,-12.92283 7.274557,-2.71492 15.097287,-3.63102 22.802237,-2.66978 7.70468,0.96103 15.0629,3.77078 21.44723,8.18976 2.60245,-13.84954 9.09493,-26.671909 18.71793,-36.966592 9.62274,-10.294872 21.97834,-17.636459 35.62126,-21.166058 13.64268,-3.529609 28.00854,-3.101305 41.41672,1.234886 13.40849,4.336285 25.30453,12.40103 34.29708,23.251 8.99147,10.849761 14.70983,24.035954 16.48205,38.015934 1.77218,13.98027 -0.47335,28.17606 -6.4724,40.92655 -6.00073,12.75083 -15.50788,23.52933 -27.40971,31.07467 -11.90182,7.54512 -25.7063,11.54526 -39.79834,11.53206"
+       stroke="#373d3f"
+       stroke-width="10.4008"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       id="path418"
+       style="opacity:1;stroke-width:10.401;stroke-miterlimit:4;stroke-dasharray:none;stroke-linecap:round;stroke:#373d3f;stroke-opacity:0.80000001;fill:none" />
+  </g>
+</svg>
--- a/assets/production/images/uicons/alarm-clock.svg
+++ b/assets/production/images/uicons/alarm-clock.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" width="24" height="24"><path d="M13,2.051V1a1,1,0,0,0-2,0V2.051A10.98,10.98,0,0,0,3.681,20.176,3.024,3.024,0,0,0,2,23a1,1,0,0,0,2,0,1.2,1.2,0,0,1,1.11-1.229.932.932,0,0,0,.2-.062,10.924,10.924,0,0,0,13.39,0,1.033,1.033,0,0,0,.182.064A1.2,1.2,0,0,1,20,23a1,1,0,0,0,2,0,3.024,3.024,0,0,0-1.681-2.824A10.98,10.98,0,0,0,13,2.051ZM3,13a9,9,0,1,1,9,9A9.011,9.011,0,0,1,3,13Z"/><path d="M19.215,0a1,1,0,0,0,0,2A2.59,2.59,0,0,1,22,4.5a1,1,0,0,0,2,0A4.6,4.6,0,0,0,19.215,0Z"/><path d="M2,4.5A2.59,2.59,0,0,1,4.785,2a1,1,0,0,0,0-2A4.6,4.6,0,0,0,0,4.5a1,1,0,0,0,2,0Z"/><path d="M13,11.586V7a1,1,0,0,0-2,0v5a1,1,0,0,0,.293.707l3,3a1,1,0,0,0,1.414-1.414Z"/></svg>
--- a/assets/production/images/uicons/comment.svg
+++ b/assets/production/images/uicons/comment.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g id="_01_align_center" data-name="01 align center"><path d="M24,24H12.018A12,12,0,1,1,24,11.246l0,.063ZM12.018,2a10,10,0,1,0,0,20H22V11.341A10.018,10.018,0,0,0,12.018,2Z"/><rect x="7" y="7" width="6" height="2"/><rect x="7" y="11" width="10" height="2"/><rect x="7" y="15" width="10" height="2"/></g></svg>
--- a/content/.well-known/chatonsinfos/tinuage.properties
+++ b/content/.well-known/chatonsinfos/tinuage.properties
@@ -0,0 +1,45 @@
+# [File]
+file.class = organization
+file.protocol = ChatonsInfos-0.5
+file.datetime =
+file.generator =
+
+# [Organisation]
+organization.name = Ti Nuage
+organization.country.code = FR
+organization.country.name = France
+organization.description = Hébergeur associatif, transparent, éthique, militant et solidaire dans le Trégor.
+organization.type = ASSOCIATION
+organization.website = https://www.ti-nuage.fr
+
+organization.chatrooms.xmpp = ti-nuage@muc.ti-nuage.fr
+organization.contact.url = https://www.ti-nuage.fr/mentions_legales.html
+organization.contact.email = contact@ti-nuage.fr
+
+organization.funding.helloasso = https://www.helloasso.com/associations/ti-nuage/adhesions/adhesion-1
+
+organization.geolocation.address = Mairie, 11 places aux Chevaux, 22420 Le Vieux Marché
+organization.geolocation.latitude = 48.60736
+organization.geolocation.longitude = -3.45054
+
+organization.guide.technical = https://wiki.ti-nuage.fr/fr/Administration/Infrastructure
+organization.guide.user = https://wiki.ti-nuage.fr/
+
+organization.legal.url = https://www.ti-nuage.fr/mentions_legales.html
+organization.logo = https://www.ti-nuage.fr/images/logo-tinuage-square.svg
+
+organization.memberof.chatons.startdate = 21/12/2022
+organization.memberof.chatons.status.level = ACTIVE
+organization.memberof.chatons.status.description =
+
+organization.socialnetworks.mastodon = https://hostux.social/@tinuage
+organization.socialnetworks.peertube = https://video.tedomum.net/a/tinunu/video-channels
+
+organization.startdate = 15/10/2021
+organization.status.description =
+organization.status.level = ACTIVE
+
+# [Subs]
+subs.foo1 =
+
+# [Metrics]
--- a/content/.well-known/security.txt
+++ b/content/.well-known/security.txt
@@ -0,0 +1,3 @@
+Contact: mailto:contact@ti-nuage.fr
+Expires: Sun, 31 Dec 2023 23:59 +0200
+Preferred-Languages: fr, en
--- a/content/blog/2023/15_mars.md
+++ b/content/blog/2023/15_mars.md
@@ -0,0 +1,23 @@
+---
+title: Le billet de mars
+date: 2023-03-15
+author: David Soulayrol
+---
+
+## Faites du Numérique à Plougrescant
+
+Ça y est, la manifestation *Faites du Numérique* organisée à Plougrescant ce 11 mars a bien eu lieu. L'accueil était parfait et l'après-midi a été l'occasion de rencontrer quelques personnées curieuses. Elle a aussi surtout permis de faire mieux connaissance avec Florian Vasseur du FabLab de Lannion (que nous remercions pour le prêt des grands panneaux de l'Expo Libre), de Jean-Éric Monfort qui gère les cours proposés par l'association PATG sur Lannion ; de revoir Solène Trecherel, notre principale interlocutrice avec le département ; de rencontrer des élus de la municipalité et du canton de Plougrescant.
+
+## Le guide d'auto défense numérique
+
+En janvier sortait la sixième édition du [Guide d'auto-défense numérique](https://guide.boum.org/). Ce guide a pour objet de nous ouvrir les yeux sur le monde numérique, ses dangers, la surveillance toujours grandissante dont il est l'objet par des entités privées ou étatiques. Il apporte des éléments pour comprendre l'outil informatique, les réseaux. Et, de la manière de choisir un mot de passe correct jusqu'à l'utilisation de solutions telles que [Tor](https://www.torproject.org/), il fournit des conseils et des outils pour apprendre et mettre en œuvre des pratiques de protection appropriées à chaque situation.
+
+Il est possible de le lire en ligne, ou de l'acquérir [en version papier](https://tahin-party.org/autodefense-numerique.html).
+
+## Réunions de l'association
+
+Le compte-rendu de notre dernière réunion, le jeudi 2 mars dernier, est [disponible ici](/cr/2023/cr-20230302.pdf). Le premier sujet de la soirée a été la préparation du support qui a servi à la présentation des logiciels libres à Plougrescant. Ce support est maintenant disponible [sur notre forge](https://apps.ti-nuage.fr/gitea/ti-nuage/talks).
+
+Le second sujet de ce jeudi a été l'étude des achats de matériel à réaliser. Depuis, nous avons passé une première commande (grâce à l'avance des fonds de l'association **Koolisterik** que nous remercions chaleureusement), et nous installons une baie, un onduleur et un switch dans les jours à venir. Nous étudions maintenant comment migrer les premiers services.
+ 
+Notre prochaine réunion aura lieu le **6 avril** à la Hutte, comme il se doit. Vous pouvez d'ores et déjà indiquer votre présence, proposer des sujets à aborder ou poser vos questions sur [ce pad](https://apps.ti-nuage.fr/pad/p/2023-04-reunion-mensuelle).
--- a/content/calendrier.html
+++ b/content/calendrier.html
@@ -0,0 +1,5 @@
+---
+layout: calendar.njk
+permalink: false
+title: Événements à venir
+---
--- a/content/cr/2023/cr-20230302.mm
+++ b/content/cr/2023/cr-20230302.mm
@@ -0,0 +1,45 @@
+.ND 02/03/2023
+.TL
+Compte-rendu de Réunion
+.br
+Jeudi 2 mars 2023 à Vieux-Marché
+.AU "David"
+.AST "Résumé"
+.AS
+L'ordre du jour assez consistant a finalement été parcouru rapidement, toutes les opérations suivant naturellement leur cours. Les sujets abordés sont principalement la recherche de matériel pour notre installation imminente à la Hutte et notre participation à la manifestion autour du Numérique à Plougrescant le mois prochain. Le tout dans une ambiance agréable d'auberge espagnole autour des victuailles apportées par chacun.
+.AE
+.MT 4
+.hl
+.PRESENT "Ania, David, Mathis, Nourdine"
+.HU "Faites du numérique à Plougrescant"
+Les actions réalisées ou prévues sont les suivantes.
+.BL
+.LI
+David a envoyé un communiqué de presse et posté un billet sur Mastodon pour signifier notre participation à la manifestation de Plougrescant.
+.LI
+Notre participation a aussi été inscrite sur l'Agenda du Libre\*F
+.FS
+.URL "https://www.agendadulibre.org"
+.FE
+dans le cadre de
+.I "Libre en fête" ,
+puisque parlerons de logiciels libres ;
+.LI
+Le FabLab nous prête l'Expo Libre\*F
+.FS
+.URL "https://expolibre.org"
+.FE
+dont ils disposent en grand format. Florian Vasseur l'apportera sur place, et nous avons normalement des grilles pour l'accrocher.
+.LE
+.P
+Enfin, David a apporté le support envisagé pour présenter le logiciel libre et faire un tour d'horizon des logiciels alternatifs existant pour les usages courants ; bureautique, loisirs, médias... Une partie de la soirée devient l'occasion de projeter cette présentation et de faire un
+.I brainstorming
+pour compléter les logiciels méritant d'être évoqués.
+.HU "Éducation populaire"
+À propos de présentations, David a approché l'association
+.I "Promouvoir et Agir dans le Trégor"
+(PATG) qui donne des cours d'informatique en divers endroits et notamment à Lannion. Il s'avère que l'activité est encore balbutiante et les élèves peu assidus. Mais les connaissances que nous pouvons apporter les intéresse et nous pourrons faire un point à la rentrée, après la tenue des différents forums aux associations.
+.HU "Achat de matériel informatique"
+Le reste de la soirée a consisté en une discussion sur le matériel à acheter et les priorités à donner sur la migration des différents. Sous peu, une baie devrait prendre place à la Hutte, ainsi qu'un switch et un onduleur. La réflexion continue pour le choix des machines...
+.P
+Et ces points de suspension me permettent de terminer au bas d'une seule page, pour le compte-rendu le plus succinct de la courte histoire de l'association !
--- a/content/donnees/calendrier.php
+++ b/content/donnees/calendrier.php
@@ -0,0 +1,8 @@
+<?php
+
+const ICS_URL = 'https://cloud.ti-nuage.fr/remote.php/dav/public-calendars/gqm9WNa9eoXGEiNc?export';
+
+$ics = file_get_contents(ICS_URL);
+echo $ics;
+
+?>
--- a/content/js/calendar.js
+++ b/content/js/calendar.js
@@ -0,0 +1,153 @@
+
+const http = require('http')
+const ical = require('ical')
+
+const MONTH = 30 * 24 * 60 * 60 * 1000
+
+const Accumulator = {
+
+  init: function (pastLimit, futureLimit) {
+    this.entries = {}
+    this.futureLimit = futureLimit
+    this.pastLimit = pastLimit
+  },
+
+  add: function (time, element) {
+    if (!this.entries.hasOwnProperty(time)) {
+      this.entries[time] = []
+    }
+    this.entries[time].push(element)
+  },
+
+  offer: function (time, element) {
+    if (time >= this.pastLimit && time < this.futureLimit) {
+      this.add(time, element)
+    }
+  },
+
+  offerEvent: function (event) {
+    const content = document.createElement('p')
+    const element = document.createElement('div')
+    const formatDate = Intl.DateTimeFormat('fr', { dateStyle: 'long', timeStyle: 'short' }).format
+    const header = document.createElement('h3')
+
+    content.innerHTML = event.location
+    header.textContent = formatDate(event.date) + ' | ' + event.summary
+
+    element.className = 'event-entry news-entry'
+    element.setAttribute('entry-time', event.date.getTime())
+    element.appendChild(header)
+    element.appendChild(content)
+
+    this.offer(event.date.getTime(), element)
+  },
+
+  iterate: function (cb) {
+    Object
+      .keys(this.entries)
+      .sort(function (a, b) { return a < b })
+      .forEach(time => { cb(time, this.entries[time]) })
+  }
+}
+
+function createLoader (target) {
+  const message = document.createElement('p')
+  const spinner = document.createElement('div')
+  const wrapper = document.createElement('div')
+
+  wrapper.className = 'loader-wrapper'
+  message.innerHTML = 'Chargement du calendrier...'
+
+  wrapper.appendChild(spinner)
+  wrapper.appendChild(message)
+
+  target.insertBefore(wrapper, target.firstChild)
+}
+
+function loadEvents (cb) {
+  const events = []
+
+  http.get({
+    host: 'www.ti-nuage.fr',
+    path: '/donnees/calendrier.php'
+  }, function (response) {
+    let str = ''
+
+    response.on('data', (chunk) => {
+      str += chunk
+    })
+
+    response.on('end', () => {
+      /* Extract the events. */
+      Object.values(ical.parseICS(str)).forEach(event => {
+        if (event.type === 'VEVENT') {
+          events.push({
+            date: event.start,
+            location: event.location,
+            summary: event.summary
+          })
+        }
+      })
+
+      cb(events)
+    })
+
+    response.on('error', (e) => {
+      console.error(`Error on calendar response: ${e.message}`)
+      cb(events)
+    })
+  }).on('error', (e) => {
+    console.error(`Could not fetch calendar: ${e.message}`)
+    cb(events)
+  })
+}
+
+module.exports = {
+
+  fill: function (target) {
+    const now = Date.now()
+    const accumulator = Object.create(Accumulator)
+
+    accumulator.init(now - 1 * MONTH, now + 3 * MONTH)
+    createLoader(target)
+
+    loadEvents(events => {
+      events.forEach(event => { accumulator.offerEvent(event) })
+
+      target.innerHTML = ''
+
+      accumulator.iterate((time, elements) => {
+        elements.forEach(e => {
+          if (time < now) {
+            e.className = e.className + ' event-elapsed'
+          }
+          target.appendChild(e)
+        })
+      })
+    })
+  },
+
+  mergeWithNews: function (target) {
+    const now = Date.now()
+    const accumulator = Object.create(Accumulator)
+    const blogElements = target.getElementsByClassName('blog-entry')
+
+    accumulator.init(now, now + 1 * MONTH)
+    createLoader(target)
+
+    for (let i = 0; i < blogElements.length; ++i) {
+      const item = blogElements.item(i)
+      accumulator.add(item.getAttribute('entry-time'), item)
+    }
+
+    loadEvents(events => {
+      events.forEach(event => { accumulator.offerEvent(event) })
+
+      target.innerHTML = ''
+
+      accumulator.iterate((time, elements) => {
+        elements.forEach(e => { target.appendChild(e) })
+      })
+    })
+  }
+}
--- a/layouts/article.njk
+++ b/layouts/article.njk
@@ -4,7 +4,7 @@
 <h1 class="mt128">{{ title }}</h1>
 {% if date %}
 <div class="meta-published">
-  Publié le : {{ moment(date).format('LL') }}
+  Publié le : {{ date_format(date) }}
 </div>
 {% endif %}

--- a/layouts/base.njk
+++ b/layouts/base.njk
@@ -17,7 +17,7 @@
    <nav class="Container three-cols">
      <section>
        <h2>Association</h2>
-        <ul>
+        <ul id="menu-association">
          <li><a href="/association.html">Découvrir l'association</a></li>
          <li><a href="/blog">Actualités</a></li>
        </ul>
@@ -25,6 +25,7 @@
      <section>
        <h2>Documents</h2>
        <ul>
+          <li><a href="/"><b>Accueil du site</b></a></li>
          <li><a class="external" href="https://wiki.ti-nuage.fr">Wiki</a></li>
          <li><a class="external" href="https://video.tedomum.net/a/tinunu/video-channels">Chaînes Vidéos</a></li>
        </ul>
@@ -45,7 +46,7 @@

    <footer class="footer mt128">
      <div class="Container">
-        <p class="tad">Page générée le {{ moment(article.date).format('LL') }}.</p>
+        <p class="tad">Page générée le {{ date_format(article.date) }}.</p>
        <hr>
        <p class="tac">
          <a href="/"><img class="logo-small" src="/images/logo.svg" alt=""></a>
@@ -55,5 +56,16 @@
        </p>
      </div>
    </footer>
+
+    <script type='text/javascript'>
+      const menu = document.getElementById('menu-association')
+      const entry = document.createElement('li')
+      const link = document.createElement('a')
+
+      link.href = '/calendrier.html'
+      link.textContent = 'Calendrier'
+      entry.appendChild(link)
+      menu.appendChild(entry)
+    </script>
  </body>
 </html>
--- a/layouts/blog.njk
+++ b/layouts/blog.njk
@@ -5,7 +5,7 @@
  {% block header %}{{ header | safe }}{% endblock %}
  <article>
    {% for article in collections["archives"] %}
-    <h2><a href="/{{ article.path }}">{{ moment(article.date).format('LL') }} | {{ article.title }}</a></h2>
+    <h2><a href="/{{ article.path }}">{{ date_format(article.date) }} | {{ article.title }}</a></h2>
    {{ article.excerpt | safe }}
    <p><a href="/{{ article.path }}">Lire la suite...</a></p>
    {% else %}
--- a/layouts/calendar.njk
+++ b/layouts/calendar.njk
@@ -0,0 +1,19 @@
+{% extends "base.njk" %}
+
+{% block head %}
+    <script type='text/javascript' src="/js/calendar.js"></script>
+{% endblock %}
+
+{% block article %}
+<h1 class="mt128">Calendrier</h1>
+<div id="calendar" />
+<noscript>
+  Le téléchargement des données du calendrier requiert JavaScript.
+</noscript>
+<script type='text/javascript'>
+  window.onload = function(event) {
+    Calendar.fill(document.getElementById('calendar'))
+  }
+</script>
+
+{% endblock %}
--- a/layouts/front.njk
+++ b/layouts/front.njk
@@ -1,5 +1,9 @@
 {% extends "base.njk" %}

+{% block head %}
+    <script type='text/javascript' src="/js/calendar.js"></script>
+{% endblock %}
+
 {% block article %}
  {% block header %}{{ header | safe }}{% endblock %}
  <article>
@@ -7,15 +11,26 @@

    <section class="Services">
      <h2 class="tac mt128 mb64">Actualités</h2>
-       {% for article in collections["news"] %}
-         <h3><a href="{{ article.path }}">{{ moment(article.date).format('LL') }} | {{article.title }}</a></h3>
-         {{ article.excerpt | safe }}
-         <p><a href="{{ article.path }}">Lire la suite...</a></p>
-       {% else %}
-       {% endfor %}
+      <div id="calendar">
+        {% for article in collections["news"] %}
+        <div class="blog-entry news-entry" entry-time="{{article.date.getTime()}}">
+          <h3><a href="{{ article.path }}">{{ date_format(article.date) }} | {{article.title }}</a></h3>
+          {{ article.excerpt | safe }}
+          <p><a href="{{ article.path }}">Lire la suite...</a></p>
+        </div>
+        {% else %}
+        {% endfor %}
+      </div>
      <div class="tac mt32">
        <a class="button" href="/blog">Voir les archives</a>
      </div>
    </section>
  </article>
+
+  <script type='text/javascript'>
+  window.onload = function(event) {
+    Calendar.mergeWithNews(document.getElementById('calendar'))
+  }
+  </script>
+
 {% endblock %}
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -11,14 +11,16 @@
    "clean": "rimraf dist",
    "dev": "npm run build && nodemon scripts/run.js serve",
    "server": "npm run build && http-server dist",
-    "deploy": "npm run build:prod && cd dist && rsync -v -rlptz --relative -e \"ssh -p $SERVER_PORT\" * $SERVER_PATH",
+    "deploy": "npm run build:prod && cd dist && rsync -v -rlptz --relative -e \"ssh -p $SERVER_PORT\" ./ $SERVER_PATH",
    "lint": "npm run lint:js && npm run lint:css",
    "lint:js": "eslint scripts",
    "lint:css": "stylelint assets/**/*.css",
    "test": "npm run lint && npm run build"
  },
  "author": "Ti Nuage <contact@ti-nuage.fr>",
-  "dependencies": {},
+  "dependencies": {
+    "ical": "^0.8.0"
+  },
  "devDependencies": {
    "@metalsmith/collections": "^1.2.1",
    "@metalsmith/excerpts": "^1.5.1",
@@ -41,11 +43,11 @@
    "jstransformer-nunjucks": "^1.0.0",
    "metalsmith": "^2.4.0",
    "metalsmith-assets": "^0.1.0",
+    "metalsmith-browserify": "^1.1.0",
    "metalsmith-clean-css": "^6.1.3",
    "metalsmith-groff": "^0.4.0",
    "metalsmith-rename": "^1.0.0",
    "metalsmith-sitemap": "^1.2.2",
-    "moment": "^2.29.1",
    "nodemon": "^2.0.12",
    "rimraf": "^3.0.2",
    "slug": "^5.1.0",
--- a/scripts/metalsmith-tinuage-chatons.js
+++ b/scripts/metalsmith-tinuage-chatons.js
@@ -0,0 +1,111 @@
+// const { Buffer } = require('node:buffer')
+const debug = require('debug')('metalsmith-tinuage-chatons')
+const config = require('./config.js')
+const fs = require('node:fs')
+const path = require('path')
+
+module.exports = plugin
+
+/**
+ * Un plugin pour Metalsmith qui traite des fichiers de propriétés
+ * pour StatoolInfos.
+ *
+ * @return {Function}
+ */
+function plugin () {
+  const Filler = {
+
+    init: function (properties) {
+      this.handlers = {
+        'file.datetime': this.datetime,
+        'file.generator': this.generator
+      }
+      this.properties = properties
+    },
+
+    complete: function () {
+      Object.entries(this.properties).forEach(([key, value]) => {
+        if (value.length === 0) {
+          if (Object.keys(this.handlers).includes(key)) {
+            this.properties[key] = this.handlers[key]()
+          }
+        }
+      })
+    },
+
+    export: function () {
+      return Object
+        .entries(this.properties)
+        .filter(([key, value]) => !key.startsWith('meta'))
+        .map(([key, value]) => key + ' = ' + value)
+        .reduce((acc, value) => acc + value + '\n', '')
+    },
+
+    datetime: function () {
+      /* Statools n'attend pas de l'ISO8-601,
+       * mais le strict format YYYY-MM-DDThh:mm:ss
+       */
+      const d = new Date()
+      const pad = function (value) { return value.toString().padStart(2, '0') }
+      const date = [d.getFullYear(), pad(d.getMonth() + 1), pad(d.getDate())]
+      const time = [d.getHours(), d.getMinutes(), d.getSeconds()]
+
+      return date.join('-') + 'T' + time.join(':')
+    },
+
+    generator: function () {
+      return 'Metalsmith'
+    }
+  }
+
+  function loadProperties (root, filenames) {
+    const promises = filenames
+      .filter(f => { return f.indexOf('.properties') !== -1 })
+      .map(function (f) {
+        debug('Loading ' + f)
+        return fs.promises
+          .readFile(path.join(root, f), 'utf8')
+          .then(data => {
+            const properties = Object.fromEntries(data
+              .toString()
+              .split(/(?:\r\n|\r|\n)/g)
+              .filter(line => line.length > 1 && line[0] !== '#')
+              .map(line => line.split(/\s*=\s*/, 2)))
+
+            properties['meta.filename'] = f
+            return properties
+          })
+      })
+
+    return Promise.all(promises)
+  }
+
+  return function (files, metalsmith, done) {
+    const directory = path.join('.well-known', 'chatonsinfos')
+    const root = path.join(config.paths.projectRoot, config.paths.metalsmithSource, directory)
+
+    debug('Looking for properties files in ' + root)
+    fs.readdir(root, (err, filenames) => {
+      if (err) {
+        console.error('%s: %s', root, err)
+      } else {
+        loadProperties(root, filenames)
+          .then(function (sets) {
+            sets.forEach(properties => {
+              const data = files[path.join(directory, properties['meta.filename'])]
+              const filler = Object.create(Filler)
+
+              filler.init(properties)
+              filler.complete()
+
+              data.contents = Buffer.from(filler.export())
+            })
+            done()
+          })
+          .catch(function (err) {
+            console.log(err)
+          })
+      }
+    })
+  }
+}
--- a/scripts/metalsmith.js
+++ b/scripts/metalsmith.js
@@ -1,6 +1,8 @@
 /* This is the actual metalsmith configuration script. */
 const assets = require('metalsmith-assets')
+const browserify = require('metalsmith-browserify')
 const cleanCSS = require('metalsmith-clean-css')
+const chatons = require('./metalsmith-tinuage-chatons')
 const config = require('./config.js')
 const collections = require('@metalsmith/collections')
 const excerpts = require('@metalsmith/excerpts')
@@ -9,7 +11,6 @@ const layouts = require('@metalsmith/layouts')
 const Metalsmith = require('metalsmith')
 const markdown = require('@metalsmith/markdown')
 const marked = require('marked')
-const moment = require('moment')
 const permalinks = require('@metalsmith/permalinks')
 const rename = require('metalsmith-rename')
 const services = require('./metalsmith-tinuage-services')
@@ -35,12 +36,16 @@ markdownRenderer.link = function (href, title, text) {
  return out
 }

-moment.locale('fr')
-
 module.exports = new Metalsmith(config.paths.projectRoot)
  .clean(__PROD__)
  .metadata({
-    moment: moment,
+    date_format: function (date, withHours) {
+      const options = { dateStyle: 'long' }
+      if (withHours) {
+        options.push('timeStyle', 'short')
+      }
+      return Intl.DateTimeFormat('fr', options).format(date)
+    },
    production: __PROD__,
    remove_diatrics: function (e) { return slug(e, { mode: 'rfc3986' }) },
    site: {
@@ -55,6 +60,14 @@ module.exports = new Metalsmith(config.paths.projectRoot)
      rebase: true
    }
  }))
+  .use(browserify({
+    browserifyOptions: {
+      standalone: 'Calendar'
+    },
+    entries: [
+      'js/calendar.js'
+    ]
+  }))
  .use(assets({
    source: './assets/' + (process.env.NODE_ENV || 'dev'),
    destination: './'
@@ -71,6 +84,7 @@ module.exports = new Metalsmith(config.paths.projectRoot)
    smartypants: true,
    xhtml: true
  }))
+  .use(chatons())
  .use(services())
  .use(excerpts())
  .use(permalinks({
Author	SHA1	Message	Date
David Soulayrol	d22e2e81a3	Ajout du lien sur l'accueil dans le menu.	2023-03-25 15:07:27 +01:00
David Soulayrol	2a3f19aeac	Billet et CR de mars.	2023-03-15 21:39:50 +01:00
David Soulayrol	b438d9113f	Nouvelle chaîne de traitement de statistiques. Ceci marque le début du support des fichiers propriétés pour la fourniture de statistiques à https://stats.chatons.org. Les fichiers sont traitées au moment de la génération du site pour compléter les informations pouvant être obtenues automatiquement.	2023-03-12 15:10:08 +01:00
David Soulayrol	d0f95cdecf	Support du calendrier NextCloud (fix #7 ).	2023-02-13 09:01:17 +01:00