feat:content/*.md

content/association.md

@@ -0,0 +1,4 @@
+---
+title: "L’Association"
+---
+Salut Monde

content/contact.md

@@ -0,0 +1,4 @@
+---
+title: "Nous Contacter"
+---
+# Nous Contacter

content/legals.md

@@ -0,0 +1,4 @@
+---
+title: "Mentions Légales"
+---
+HEY

content/network_state.md

@@ -0,0 +1,4 @@
+---
+title: "Etat du Réseau"
+---
+HEY

hugo.toml

@@ -1,4 +1,77 @@
 baseURL = 'https://example.org/'
-languageCode = 'en-us'
+languageCode = 'fr-fr'
+defaultContentLanguage = "fr"
 title = 'Vélo et Mobilités en Eure-Madrie-Seine'
-theme = 'ananke'
+theme = 'vmems-theme'
+
+
+
+[permalinks]
+    blog = "/blog/:year/:month/:day/:filename/"
+
+[menu]
+
+[[menu.main]]
+   name = "Accueil"
+   identifier = "menu.home"
+   url = "/"
+   weight = 1
+
+[[menu.main]]
+   name = "Actualités"
+   identifier = "menu.blog"
+   url = "/blog/"
+   weight = 2
+
+[[menu.main]]
+   name = "L'Association"
+   identifier = "menu.tags"
+   url = "/association/"
+   weight = 3
+
+[[menu.main]]
+   name = "Etat du réseau"
+   identifier = "menu.categories"
+   url = "/network_state/"
+   weight = 4
+
+[[menu.footer_left]]
+   name = "Accueil"
+   url = "/"
+   weight = 1
+[[ menu.footer_left ]]
+   name = "L'Association"
+   url = "/association/"
+   weight = 2
+
+[[menu.footer_middle]]
+   name = "Blog"
+   url = "/blog/"
+   weight = 1
+[[menu.footer_middle]]
+   name = "Contact"
+   url = "/contact/"
+   weight = 2
+
+
+[[ menu.footer_right ]]
+   name = "Mentions Légales"
+   url = "/legals/"
+   weight = 1
+[[ menu.footer_right ]]
+   name = "Etat du réseau"
+   url = "/network_state/"
+   weight = 2
+
+
+[params]
+   icon = "/img/favicon.ico"
+   logo = "https://host.gzod01.fr/GZod01/vmems.svg"
+   logo_small ="https://host.gzod01.fr/GZod01/vmems.svg"
+   copyright = "Copyright © VMEMS & GZod01 -  All Rights Reserved"
+   sharing_default = "/img/sharing-default.png"
+   description = "Le site Officiel de VMEMS"
+[taxonomies]
+   author="authors"
+   tag="tags"
+   categories="categories"

themes/ananke

@@ -1 +0,0 @@
-Subproject commit c086834f0ebfa39b8b6b0cfed010588a6907a91c

themes/vmems-theme/LICENSE

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2023 VMEMS
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

themes/vmems-theme/archetypes/default.md

@@ -0,0 +1,8 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+description: ""
+authors: []
+tags: []
+keywords: []
+---

themes/vmems-theme/exampleSite/config.toml

@@ -0,0 +1,8 @@
+baseURL = "https://igstv.gzod01.fr"
+theme = "igstv-theme"
+languageCode = "fr-fr"
+defaultContentLanguage = "fr"
+title = "IGSTV - Official Website"
+
+[permalinks]
+    blog = "/blog/:year/:month/:day/:filename/"

themes/vmems-theme/exampleSite/content/blog/firstpost.md

@@ -0,0 +1,15 @@
+---
+title: "Le premier article de IGSTV"
+date: "2023-07-04T01:33:43+02:00"
+lastmod: "2023-07-06T09:23:00+02:00"
+author: "IGSTV ©"
+authors: ["GZod01","Oiseau_K"]
+facebook_author: "false"
+facebook_site: "false"
+tags: ["infos","igstv"]
+keywords: ["first","post","igstv"]
+baneer: ""
+---
+Bonjour à tous,
+
+Il s'agit du premier article sur ce site, le nouveau site officiel de IGSTV développé, maintenu et hébergé par GZod01 (certains outils sont utilisés, voir les [mentions légales](/legals))

themes/vmems-theme/exampleSite/content/community.md

@@ -0,0 +1,10 @@
+---
+title: "Communauté IGSTV"
+---
+# La communauté IGSTV
+
+IGSTV peut utiliser plusieurs services pour sa communauté.
+
+Le service le plus utilisé reste cependant [discord](https://discord.com) avec la [communauté discord IGSTV](https://discord.gg/dyyWc99Hfx).
+
+Il existe aussi une communauté sur [GammaChat](https://apps.gzod01.fr/chat?channel=igstv), lien d'invitation: [ici](https://apps.gzod01.fr/chat/invite?code=ba1fe21c6139a4630ff4a3a2c62ecc1464a66f934a3be).

themes/vmems-theme/exampleSite/content/contact.md

@@ -0,0 +1,14 @@
++++
+title = "Contact"
+id = "contact"
++++
+
+# Nous sommes là pour vous aider
+
+Vous voulez nous contacter pour des questions ? Commencez votre message par "QUESTIONS - ".
+
+Vous voulez nous contacter pour suggérer des informations et/ou idées ? Commencez votre message par "SUGGESTIONS - ".
+
+Vous voulez nous contacter pour candidater ? Commencez votre message par "CANDIDATURE - " , n'oubliez pas que IGSTV est une entité informelle, le travail se base donc sur le volontariat, [lisez les Termes du contrat](/legals#contrat) pour plus d'informations.
+
+Vous voulez nous contacter pour une autre raison ? Commencez votre message par "DIVERS - ".

themes/vmems-theme/exampleSite/content/faq.md

@@ -0,0 +1,30 @@
++++
+title = "FAQ"
+description = "Foire aux Questions"
+keywords = ["FAQ","Comment faire","questions","et si"]
++++
+
+Voici une liste de questions fréquemment posées, si vous avez une question vous trouverez donc peut être la réponse dans cette page.
+
+## 1. QU'EST CE QU'IGSTV ?
+
+IGSTV est une société informelle principalement axée sur la diffusion d'informations, que ce soit par l'intermediaire [de la chaine Youtube](https://youtube.com/@igstvfr/), de ce site et blog, ou par n'importe quel autre moyen.
+
+Il arrive que IGSTV publie les actualités de manière humoristique et/ou dérivée afin de dédramatiser un peu la situation et afin de toucher un public important.
+
+D'autres faits sont eux publiés avec le plus grand sérieux.
+
+IGSTV propose aussi d'autres services.
+
+## 2. COMMENT REJOINDRE IGSTV ?
+
+................
+
+## 3. COMMENT PROPOSER DES IDÉES À IGSTV ?
+
+................
+
+
+---
+
+> Si vous ne trouvez pas la réponse à votre question, n'hésitez pas à nous contacter, nous serons heureux de vous aider.

themes/vmems-theme/exampleSite/content/legals.md

@@ -0,0 +1,30 @@
+---
+title: "Mentions Légales"
+date: 2023-07-05T09:39:47+02:00
+description: "Les mentions légales de ce site"
+keywords: ["légal","mentions","légales","copyright","legals"]
+draft: false
+---
+# Mentions Légales
+
+
+## Technologies utilisés pour le site
+
+Ce site est construit avec [hugo](//gohugo.io).
+Il utilise un template par [BootStrapius](https://bootstrapious.com/p/universal-business-e-commerce-template).
+Porté sur Hugo par [DevCows](https://github.com/devcows/hugo-universal-theme).
+Quelques changements ont été faits sur ce template par [GZod01](https://gzod01.fr).
+
+
+
+## Termes du Contrat {#contrat}
+
+**TERMES DU CONTRAT:**
+
+IGSTV étant une société informelle, **aucun** salaire réel n'est assuré.
+
+Cependant en tant qu'employés d'IGSTV vous pourrez avoir quelques avantages, notamment dans les services, apps et jeux créés par GZod01.
+
+Être employé vous donnera aussi un rôle spécial dans le [serveur discord](https://discord.gg/dyyWc99Hfx) et donc accès à des salons spéciaux.
+
+Tous les avantages ne sont pas répertoriés ici car nous n'avons pas une liste prècise et définie des avantages possibles. Cependant ce qui est sûr et certain c'est que vous aurez des avantages en rejoignant l'équipe IGSTV.

themes/vmems-theme/exampleSite/content/team.md

@@ -0,0 +1,4 @@
+---
+title: "L’équipe IGSTV"
+---
+{{/* <employees>*/}}

themes/vmems-theme/exampleSite/data/carousel/go-to-contact.yaml

@@ -0,0 +1,9 @@
+weight: 4
+title: "Contactez nous!"
+description: >
+  <ul class="list-style-none">
+    <li>Envie de nous contacter?</li>
+    <li>Ou envie de nous rejoindre?</li>
+  </ul>
+image: "img/carousel/contact-logo.png"
+href: "contact"

themes/vmems-theme/exampleSite/data/carousel/go-to-faq.yaml

@@ -0,0 +1,12 @@
+weight: 2
+title: "Des questions sur IGSTV?"
+description: >
+  <ul class="list-style-none">
+     <li>Qu'est ce que IGSTV?</li>
+     <li>Comment rejoindre IGSTV?</li>
+     <li>Comment proposer des idées à IGSTV?</li>
+     <li>D'autres questions sur IGSTV?</li>
+     <li>Toutes les réponses sont dans la FAQ.</li>
+   </ul>
+image: "img/carousel/faq-logo.png"
+href: "faq"

themes/vmems-theme/exampleSite/data/carousel/pub_gzod01.yaml

@@ -0,0 +1,10 @@
+weight: 3
+title: "Infos sur les pubs pour GZod01"
+description: >
+  <ul class="list-style-none">
+    <li>GZod01 (l'un des deux fondateurs de IGSTV) héberge, développe et maintien ce site.</li>
+    <li>IGSTV étant officiellement associé avec GZod01 (puisque c'est l'un des deux fondateurs)
+    certain des services proposés et créés par GZod01 sont donc répértoriés sur ce site.</li>
+    <li>Ce répertoriage est fait dans le but de vous faciliter l'accès à ces services.</li>
+  </ul>
+image: "https://host.gzod01.fr/igstv/igstv-appsgzod01fr-screenshoot.png"

themes/vmems-theme/exampleSite/data/carousel/welcome.yaml

@@ -0,0 +1,4 @@
+weight: 1
+title: "Bienvenue sur le site de IGSTV"
+description: "<p>Bienvenue sur le site OFFICIEL de IGSTV, développé, hébergé et maintenu par GZod01.</p>"
+image: "img/logo.png"

themes/vmems-theme/exampleSite/data/clients/1.yaml

@@ -0,0 +1,3 @@
+name: "Aucun Client Pour Le Moment"
+url: "//about:blank"
+img: "about:blank"

themes/vmems-theme/exampleSite/data/employees/1.yaml

@@ -0,0 +1,7 @@
+post: "PDG"
+name: "GZod01"
+img: "https://api.gzod01.fr/pictures/gzod01.png"
+url: "//gzod01.fr"
+description: >
+  <p>GZod01 est l'un des deux fondateurs d'IGSTV, il est aussi le propriétaire, le développeur et le responsable du domaine <a href="//gzod01.fr">GZOD01.FR</a>.</p>
+writername: "gzod01"

themes/vmems-theme/exampleSite/data/employees/2.yaml

@@ -0,0 +1,6 @@
+post: "PDG"
+name: "Oiseau_K"
+img: "https://cdn.discordapp.com/avatars/460166939323400194/5dd569fc41f73941b6afe88c6d3161a6.webp"
+description: >
+  <p>Oiseau_K est l'un des deux fondateurs de IGSTV.</p>
+writername: "oiseau_k"

themes/vmems-theme/exampleSite/data/features/community.yaml

@@ -0,0 +1,5 @@
+weight: 2
+name: "Communauté"
+icon: "fas fa-users"
+url: "/community"
+description: "IGSTV cherche aussi à créer une communauté solide, afin que les personnes puissent échanger librement, que ce soit sur les actualités ou non."

themes/vmems-theme/exampleSite/data/features/news.yaml

@@ -0,0 +1,5 @@
+weight: 1
+name: "Actualités"
+icon: "fas fa-newspaper"
+url: "/blog/"
+description: "IGSTV est **principalement** accès sur la diffusion d'actualités, de manière humoristique ou sérieuse."

themes/vmems-theme/exampleSite/data/features/other.yaml

@@ -0,0 +1,5 @@
+weight: 3
+name: "Autres"
+icon: "fas fa-rocket"
+url: "/faq"
+description: "IGSTV peut aussi intervenir sur d'autres aspects, meme si c'est plutôt rare."

themes/vmems-theme/exampleSite/data/testimonials/1.yaml

@@ -0,0 +1,4 @@
+text: "J'aime beaucoup IGSTV, ils publient souvent les actualités de manière humoristique ce qui permet de détendre la situation, cela ne leur empêche pas d'être très serieux, certaines autres actualités sont publiées avec sérieux ce qui permet d'avoir tout de même une vision réaliste des actualités."
+name: "Anonyme"
+position: "Commentaire Anonyme"
+avatar: "img/carousel/faq-logo.png"

themes/vmems-theme/exampleSite/static/css/custom.css

@@ -0,0 +1,84 @@
+/* your styles go here */
+/* Example site test */
+
+.box-image-text .image {
+    min-height: 190px;
+    max-height: 190px;
+}
+
+.box-image-text .image img {
+    max-height: 190px;
+    margin: auto;
+}
+
+.box-simple {
+    min-height: 230px;
+}
+.home-carousel{
+	 background: url('../img/logo-small.png') center center repeat;
+ }
+ .bar.background-image-fixed-2{
+	 background: url('../img/logo.png') center top no-repeat;
+ }
+ #copyright .pull-right{
+	 display:none;
+ }
+.employees {
+  padding: 0;
+  margin-bottom: 40px;
+}
+.employees .item {
+  background-color:white;
+  padding:10px;
+  border-radius:10px;
+  list-style-type: none;
+  text-align: center;
+  margin: 0 20px;
+  height: calc( 320px );
+}
+.employees .item img {
+  height: 80px;
+  border-radius: 100%;
+  display: inline-block;
+  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
+  /* Firefox 10+, Firefox on Android */
+  filter: gray;
+  /* IE6-9 */
+  -webkit-filter: grayscale(100%);
+  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
+  -webkit-transition: all 0.2s ease-out;
+  -moz-transition: all 0.2s ease-out;
+  transition: all 0.2s ease-out;
+}
+.employees .item img:hover{
+	max-width:auto;
+	filter:none;
+	-webkit-filter:none;
+}
+.employees .item:hover img {
+  max-width: auto;
+  filter: none;
+  -webkit-filter: none;
+}
+.employees .item *{
+	filter:none;
+	color: var(--primary-accent);
+}
+.employees .item .name{
+	padding-top:20px;
+	font-weight:600;
+	text-decoration:underline;
+}
+.employees .item .post{
+	font-style:italic;
+	font-size:80%;
+	filter: brightness(60%);
+}
+.employees .item .description{
+	border: 2px solid var(--primary-accent);
+	height:80px;
+	overflow:auto;
+}
+.employees .item .description *{
+	filter: brightness(50%);
+}

themes/vmems-theme/layouts/404.html

@@ -0,0 +1,4 @@
+{{ define "main" }}
+404
+<a href="/">Accueil</a>
+{{ end }}

themes/vmems-theme/layouts/_default/baseof.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+    {{- partial "head.html" . -}}
+    <body>
+        {{- partial "header.html" . -}}
+        <main class=main id="content">
+        {{- block "main" . }}{{- end }}
+        </main>
+        {{- partial "footer.html" . -}}
+    </body>
+</html>

themes/vmems-theme/layouts/_default/list.html

@@ -0,0 +1,15 @@
+{{ define "main" }}
+<ul class="pages-list list-style-none">
+	{{ range .Pages }}
+	<li class=page-item>
+		<a class=page-item-main href="{{ .Permalink }}">
+			{{ if .Params.baneer }}
+			<img src="{{ .Params.baneer }}" class=baneer>
+			{{ end }}
+			<p class=title >{{.Title}}</p>
+			<p class=description>{{ .Description }}</p>
+		</a>
+	</li>
+	{{ end }}
+</ul>
+{{ end }}

themes/vmems-theme/layouts/_default/single.html

@@ -0,0 +1,4 @@
+{{ define "main" }}
+{{ .Content }}
+
+{{ end }}

themes/vmems-theme/layouts/authors/list.html

@@ -0,0 +1,133 @@
+{{ define "main" }}
+{{ if (eq .Page.RelPermalink "/authors/") }}
+<h1>Nos rédacteurs:</h1>
+{{ else }}
+{{ $page := . }}
+{{ $prevauthordata := index .Site.Data.employees "0" }}
+{{ range .Site.Data.employees}}
+{{ if eq (lower $page.Name ) .writername }}
+{{ $prevauthordata = . }}
+{{ end }}
+{{ end }}
+{{ $authorname := $prevauthordata.name }}
+{{ $authorpost :=$prevauthordata.post }}
+{{ if eq $prevauthordata.name "NODATA"}}
+{{ $authorname  = $page.Name }}
+{{ $authorpost = "Nous n'avons pour l'instant pas entré de données sur cet employé" }}
+{{ end }}
+<h1>Les articles par {{$authorname}}:</h1>
+<div class=authorinfos>
+	<div class=authorinfos-l>
+		<p>Poste: {{ $authorpost }}</p>
+		{{ if $prevauthordata.description }}
+		<div class=desc> <p>Description:</p> <div>{{$prevauthordata.description |safeHTML}}</div></div>
+		{{end}}
+	</div>
+	<div class=authorinfos-r>
+		{{ if $prevauthordata.img}} <img src="{{$prevauthordata.img}}"/>{{end}}
+	</div>
+</div>
+<style>
+.authorinfos{
+	display:flex;
+	flex-direction:row;
+	justify-content:center;
+	align-items:center;
+	align-content:center;
+	text-align:center;
+}
+.authorinfos .authorinfos-l .desc{
+	display:flex;
+	flex-direction:row;
+	justify-content:center;
+	align-items:center;
+	align-content:center;
+	text-align:center;
+}
+.authorinfos .authorinfos-r img{
+	border-radius:100%;
+	height:100px!important;
+	width:100px!important;
+}
+</style>
+{{ end }}
+<ul class="articles-list list-style-none">
+	{{ if (eq .Page.RelPermalink "/authors/") }}
+	{{ range .Pages }}
+	{{ $page := . }}
+	{{ $curauthordata := index .Site.Data.employees "0" }}
+	{{ range .Site.Data.employees}}
+	{{ if eq (lower $page.Name ) .writername }}
+	{{ $curauthordata = . }}
+	{{ end }}
+	{{ end }}
+	{{ $authorname := $curauthordata.name }}
+	{{ $authorpost :=$curauthordata.post }}
+	{{ if eq $curauthordata.name "NODATA"}}
+	{{ $authorname  = $page.Name }}
+	{{ $authorpost = "Nous n'avons pour l'instant pas entré de données sur cet employé" }}
+	{{ end }}
+	<li class=article-item>
+		<a class=article-item-main href="{{ .Permalink }}">
+			{{ if $curauthordata.img }}
+			<img src="{{ $curauthordata.img }}" class=baneer>
+			{{ end }}
+			<p class=title >{{ $authorname }}</p>
+			<p class=description>{{ $authorpost }}</p>
+		</a>
+	</li>
+	
+	{{ end }}
+	{{ else }}
+	{{ range .Pages }}
+	<li class=article-item>
+		{{ if .Params.categories }}
+		<div class=categories>
+			{{ $lencat := (len .Params.categories) }}
+			{{ if (gt $lencat 1) }}
+			Dans les catégories
+			{{ else if (eq $lencat 1) }}
+			Dans la catégorie
+			{{ else }}
+
+			{{ end }}
+			{{ range $index, $element := .Params.categories }}
+			<span class=categorie>{{ $element }}</span>
+			{{ if (not (eq (add $index 1) $lencat)) }}
+			et
+			{{ end }}
+
+			{{ end }}
+		</div>
+		{{ end }}
+		<div class=infos>
+			{{ if isset .Params "authors" }}
+			<span class=authors>
+				Fait par 
+				{{ $len := (len .Params.authors) }}
+				{{ range $index, $element := .Params.authors }}
+				<span class=author>{{ $element }}</span>
+				{{ if (not (eq (add $index 1) $len)) }}
+				et
+				{{ end }}
+
+				{{ end }}
+			</span>
+			<span name=separator> - </span>
+			{{ end }}
+			<time class=date>
+				{{.Date.Format "2006-01-02"}} 
+			</time>
+		</div>
+		<a class=article-item-main href="{{ .Permalink }}">
+			{{ if .Params.baneer }}
+			<img src="{{ .Params.baneer }}" class=baneer>
+			{{ end }}
+			<p class=title >{{.Title}}</p>
+			<p class=description></p>
+		</a>
+	</li>
+	{{ end }}
+	{{ end }}
+</ul>
+{{ end }}

themes/vmems-theme/layouts/blog/list.html

@@ -0,0 +1,54 @@
+{{ define "main" }}
+<h1>Nos derniers articles :</h1>
+<ul class="articles-list list-style-none">
+	{{ range .Pages }}
+	<li class=article-item>
+		{{ if .Params.categories }}
+		<div class=categories>
+			{{ $lencat := (len .Params.categories) }}
+			{{ if (gt $lencat 1) }}
+			Dans les catégories
+			{{ else if (eq $lencat 1) }}
+			Dans la catégorie
+			{{ else }}
+
+			{{ end }}
+			{{ range $index, $element := .Params.categories }}
+			<span class=categorie>{{ $element }}</span>
+			{{ if (not (eq (add $index 1) $lencat)) }}
+			et
+			{{ end }}
+
+			{{ end }}
+		</div>
+		{{ end }}
+		<div class=infos>
+			{{ if isset .Params "authors" }}
+			<span class=authors>
+				Fait par 
+				{{ $len := (len .Params.authors) }}
+				{{ range $index, $element := .Params.authors }}
+				<span class=author>{{ $element }}</span>
+				{{ if (not (eq (add $index 1) $len)) }}
+				et
+				{{ end }}
+
+				{{ end }}
+			</span>
+			<span name=separator> - </span>
+			{{ end }}
+			<time class=date>
+				{{.Date.Format "2006-01-02"}} 
+			</time>
+		</div>
+		<a class=article-item-main href="{{ .Permalink }}">
+			{{ if .Params.baneer }}
+			<img src="{{ .Params.baneer }}" class=baneer>
+			{{ end }}
+			<p class=title >{{.Title}}</p>
+			<p class=description></p>
+		</a>
+	</li>
+	{{ end }}
+</ul>
+{{ end }}

themes/vmems-theme/layouts/blog/single.html

@@ -0,0 +1,72 @@
+{{ define "main" }}
+<div class=blogarticle>
+	<div class=blogarticlehead>
+		<div class=blogarticletitle>
+			<h1>{{ .Title }}</h1>
+		</div>
+	<div class=blogarticleinfos>
+		{{ if isset .Params "categories" }}
+		<span class=categories>
+		{{ $catlen := (len .Params.categories) }}
+		{{ if (gt $catlen 0) }}
+		{{ if (gt $catlen 1) }}
+		Dans les catégories
+		{{ else }}
+		Dans la catégorie
+		{{ end }}
+		{{ range $index, $element := .Params.categories }}
+		<a class=category href="/categories/{{ $element | urlize }}">{{ $element }}</a>
+		{{ if (not (eq (add $index 1) $catlen)) }}
+		,
+		{{ end }}
+		{{ end }}
+		{{ end }}
+		</span>
+		<span name=separator>&nbsp;&nbsp;-&nbsp;&nbsp;</span>
+		{{ end }}
+		{{ if isset .Params "tags" }}
+		<span class=tags>
+		{{ $taglen := (len .Params.tags) }}
+		{{ if (gt $taglen 0) }}
+		{{ if (gt $taglen 1) }}
+		Avec les tags
+		{{ else }}
+		Avec le tag
+		{{ end }}
+		{{ range $index, $element := .Params.tags }}
+		<a class=tag href="/tags/{{ $element | urlize }}">{{ $element }}</a>
+		{{ if (not (eq (add $index 1) $taglen)) }}
+		,
+		{{ end }}
+		{{ end }}
+		{{ end }}
+		</span>
+		<span name=separator>&nbsp;&nbsp;-&nbsp;&nbsp;</span>
+		{{ end }}
+		{{ if isset .Params "authors" }}
+		<span class=authors>
+			Fait par
+			{{ $len := (len .Params.authors) }}
+			{{ range $index, $element := .Params.authors }}
+			<a href="/authors/{{ (lower $element) | urlize }}/"><span class=author>{{ $element }}</span></a>
+			{{ if (not (eq (add $index 1) $len)) }}
+			et
+			{{ end }}
+
+			{{ end }}
+		</span>
+		<span name=separator>&nbsp;&nbsp;-&nbsp;&nbsp;</span>
+		{{ end }}
+		<time class=date>
+			{{.Date.Format "2006-01-02"}}
+		</time>
+	</div>
+	</div>
+	<div class=blogarticlecontent>
+		{{ .Content }}
+	</div>
+	<div class=blogarticlecomments>
+
+	</div>
+</div>
+{{ end }}

themes/vmems-theme/layouts/categories/list.html

@@ -0,0 +1,12 @@
+{{ define "main" }}
+<h1>Catégories:</h1>
+<ul class="categories-list list-style-none">
+	{{ range .Pages }}
+	<li class=categories-item>
+		<a class=categories-item-main href="{{ .Permalink }}">
+			<p class=title >{{.Title}}</p>
+		</a>
+	</li>
+	{{ end }}
+</ul>
+{{ end }}

themes/vmems-theme/layouts/index.html

@@ -0,0 +1,22 @@
+{{ define "main" }}
+<div class=the-super-head-of-the-page>
+	<div class=image>
+	</div>
+<div class=text>
+<h1>Du vélo sur gaillon c'est possible!</h1>
+<p>VMEMS, association de promotion du vélo et autres mobilités douces!</p>
+</div>
+</div>
+<style>
+.the-super-head-of-the-page{
+display:flex;
+flex-direction:row;
+width:100%;
+}
+.the-super-head-of-the-page .image{
+	background:grey;
+	width:50%;
+}
+	
+</style>
+{{ end }}

themes/vmems-theme/layouts/partials/carousel.html

@@ -0,0 +1,37 @@
+{{ if (isset site.Data "carousel") }}
+{{ if gt (len site.Data.carousel) 0 }}
+<div class="carousel home-top-carousel"  data-to-slick='{
+	    "autoplay":true, 
+	"arrows":false, 
+	"slideToShow":1, 
+	"center": true, 
+	"autoplaySpeed":2000,
+	"prevArrow":false,
+	"nextArrow":false,
+	"dots":true
+	}'>
+
+{{ range (sort site.Data.carousel "weight") }}
+<div class=item>
+	{{ if .href }}
+	<a href="{{ .href}}">
+	{{ end }}
+	<div class=text>
+	<h3 class=title>
+	{{ .title }}
+	</h3>
+	<div class=description>
+	{{ .description | safeHTML }}
+	</div>
+	</div>
+	<div class=img>
+		<img src="{{ .image }}">
+	</div>
+	{{ if .href }}
+	</a>
+	{{ end }}
+</div>
+{{ end }}
+</div>
+{{ end }}
+{{ end }}

themes/vmems-theme/layouts/partials/features.html

@@ -0,0 +1,27 @@
+{{ if (isset site.Data "features") }}
+{{ if gt (len site.Data.features) 0 }}
+<div class="features">
+{{ range (sort site.Data.features "weight") }}
+<div class=item>
+	{{ if .url }}
+	<a href="{{ .url}}">
+	{{ end }}
+	<div class=icon>
+		<i class="{{ .icon }}"></i>
+	</div>
+	<div class=text>
+	<h3 class=title>
+	{{ .name }}
+	</h3>
+	<div class=description>
+	{{ .description | markdownify }}
+	</div>
+	</div>
+	{{ if .url }}
+	</a>
+	{{ end }}
+</div>
+{{ end }}
+</div>
+{{ end }}
+{{ end }}

themes/vmems-theme/layouts/partials/footer.html

@@ -0,0 +1,49 @@
+<footer class=footer>
+	<div class="row top">
+		<ul class="col left list-style-none">
+			{{ range .Site.Menus.footer_left.ByWeight }}
+			<li>
+				{{ if .URL }}
+				<a href="{{ .URL }}">
+					{{ end }}
+					{{ .Name }}
+					{{ if .URL }}
+				</a>
+				{{ end }}
+			</li>
+			{{ end }}
+		</ul>
+		<ul class="col middle list-style-none">
+			{{ range .Site.Menus.footer_middle.ByWeight }}
+			<li>
+				{{ if .URL }}
+				<a href="{{ .URL }}">
+					{{ end }}
+					{{ .Name }}
+					{{ if .URL }}
+				</a>
+				{{ end }}
+			</li>
+			{{ end }}
+		</ul>
+		<ul class="col right list-style-none">
+			{{ range .Site.Menus.footer_right.ByWeight }}
+			<li>
+				{{ if .URL }}
+				<a href="{{ .URL }}">
+					{{ end }}
+					{{ .Name }}
+					{{ if .URL }}
+				</a>
+				{{ end }}
+			</li>
+			{{ end }}
+		</ul>
+	</div>
+	<div class="row bottom">
+		<div class="col middle copyright">
+			<p>{{ .Site.Params.Copyright | safeHTML }}</p>
+			<p>Ce site utilise un thème développé par <a href="//gzod01.fr">GZod01</a>.</p>
+		</div>
+	</div>
+</footer>

themes/vmems-theme/layouts/partials/head.html

@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    {{ if isset .Site.Params "sharing_default" }}
+    <meta property="og:image" content="{{ .Site.Params.sharing_default }}">
+<meta property="og:image:type" content="image/png">
+<meta property="og:image:width" content="1024">
+<meta property="og:image:height" content="1024">
+{{ end }}
+<meta property="og:title" content="{{ .Site.Title }}">
+<meta property="og:url" content="{{ .Permalink | absURL }}">
+<meta property="og:description" content="{{ .Site.Params.description }}">
+    <link rel="stylesheet" type="text/css" href="/css/style.css">
+    <link rel="stylesheet" type="text/css" href="/css/monokai.highlight.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.css">
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/>
+    <link rel="stylesheet" type="text/css" href="/css/carousel.css">
+    <link rel="icon" href="{{ .Site.Params.icon }}">
+    
+<script src="https://code.jquery.com/jquery-3.7.0.js" integrity="sha256-JlqSTELeR4TLqP0OG9dxM7yDPqX1ox/HfgiSLBj8+kM=" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js" integrity="sha256-DHF4zGyjT7GOMPBwpeehwoey18z8uiz98G4PRu2lV0A=" crossorigin="anonymous"></script>
+
+<script src="/js/main.js"></script>
+
+    <title>{{ if not .IsHome }}{{ with .Title }}{{ . | safeHTML }} | {{ end }}{{ end }}{{ .Site.Title }}</title>
+
+</head>

themes/vmems-theme/layouts/partials/header.html

@@ -0,0 +1,29 @@
+<header class=navbar>
+	<a href="/" class=navbar-logo-container>
+		{{ if default false .Site.Params.disabled_logo }}
+		<span>{{ .Site.Params.logo_text }}</span>
+		{{ else }}
+		<img src="{{ .Site.Params.logo | relURL }}" alt="{{ .Title }} logo" class="navbar-logo desktop-only-element">
+		<img src="{{ .Site.Params.logo_small | relURL}}" alt="{{ .Title }} logo" class="navbar-logo mobile-only-element">
+		{{ end }}
+	</a>
+<input type=checkbox id=navbar-list-toggler hidden>
+{{ $current := . }}
+<ul class="desktop-only-element navbar-list">
+{{ range .Site.Menus.main }}
+{{ $active := "" }}
+{{ $menu_item_url := .URL | relLangURL }}
+{{ $page_url:= $current.RelPermalink | relLangURL }}
+
+{{ if eq $menu_item_url $page_url }}
+{{ $active = "active" }}
+{{ end }}
+{{ if (and (hasPrefix $page_url "/blog/") (eq $menu_item_url "/blog/")) }}
+{{ $active = "active" }}
+{{ end }}
+<li class="navbar-list-item {{ $active }}">{{ if .URL }}<a href="{{ .URL }}">{{ .Name }}</a>{{ else }}{{ .Name }}{{ end }}</li>
+
+{{ end }}
+</ul>
+<label id=navbar-list-toggler-label for=navbar-list-toggler class="mobile-only-element"><i class="fa-solid fa-bars"></i></label>
+</header>

themes/vmems-theme/layouts/partials/last-articles-row-3.html

@@ -0,0 +1,23 @@
+<div class="last-articles-grid-3">
+{{ range ( where site.RegularPages "Type" "blog" | first 12 ) }}
+<div class=item>
+	<a href="{{ .Permalink }}">
+	<div class=baneer>
+		{{ if .Params.baneer }}
+		<img src="{{ .Params.baneer }}">
+		{{ else }}
+		<img src="/img/logo_small.png">
+		{{ end }}
+	</div>
+	<div class=text>
+	<h3 class=title>
+	{{ .Title }}
+	</h3>
+	<div class=description>
+	{{ .Description }}
+	</div>
+	</div>
+	</a>
+</div>
+{{ end }}
+</div>

themes/vmems-theme/layouts/partials/last-news-carousel.html

@@ -0,0 +1,31 @@
+<div class="carousel last-news-carousel"  data-to-slick='{
+	    "autoplay":true, 
+	"arrows":false, 
+	"slideToShow":1, 
+	"center": true, 
+	"autoplaySpeed":2000,
+	"prevArrow":false,
+	"nextArrow":false,
+	"dots":false
+	}'>
+
+{{ range ( where site.RegularPages "Type" "blog" | first 3 ) }}
+<div class=item>
+	<a href="{{ .Permalink }}">
+	<div class=text>
+	<h3 class=title>
+	{{ .Title }}
+	</h3>
+	<div class=description>
+	{{ .Description }}
+	</div>
+	</div>
+	{{ if .Params.baneer }}
+	<div class=img>
+		<img src="{{ .Params.baneer | safeURL }}">
+	</div>
+	{{ end }}
+	</a>
+</div>
+{{ end }}
+</div>

themes/vmems-theme/layouts/partials/team-carousel.html

@@ -0,0 +1,48 @@
+{{ if (isset site.Data "employees") }}
+{{ if gt (len site.Data.employees) 0 }}
+<div class="carousel employees-carousel"  data-to-slick='{
+	    "autoplay":true, 
+	"arrows":false, 
+	"slidesToShow":3,
+	"slidesToScroll":1,
+	"infinite":true,
+	"center": true, 
+	"autoplaySpeed":2000,
+	"prevArrow":false,
+	"nextArrow":false,
+	"dots":true
+	}'>
+
+{{ range (sort site.Data.employees "weight") }}
+{{ if not (eq .name "NODATA") }}
+<div class=item>
+	{{ if .href }}
+	<a href="{{ .href}}">
+	{{ end }}
+	<div class=img>
+		<img src="{{ .img }}">
+	</div>
+	<div class=text>
+	<h3 class=title>
+	{{ .name }}
+	</h3>
+	<div class=description>
+	{{ .description | safeHTML }}
+	</div>
+	<p>Poste occupé: {{ .post }}</p>
+	{{ if .url }}
+	<p><a href="{{ .url }}">Lien externe <i class="fas fa-link"></i></a></p>
+	{{ end }}
+	{{ if .writername }}
+	<p>Nom d'écriture: {{ .writername }}</p>
+	{{ end }}
+	</div>
+	{{ if .href }}
+	</a>
+	{{ end }}
+</div>
+{{ end }}
+{{end }}
+</div>
+{{ end }}
+{{ end }}

themes/vmems-theme/layouts/shortcodes/employees.html

@@ -0,0 +1 @@
+{{ partial "team-carousel.html" | safeHTML }}

themes/vmems-theme/layouts/tags/list.html

@@ -0,0 +1,12 @@
+{{ define "main" }}
+<h1>Tags:</h1>
+<ul class="tags-list list-style-none">
+	{{ range .Pages }}
+	<li class=tags-item>
+		<a class=tags-item-main href="{{ .Permalink }}">
+			<p class=title >{{.Title}}</p>
+		</a>
+	</li>
+	{{ end }}
+</ul>
+{{ end }}

themes/vmems-theme/static/css/carousel.css

@@ -0,0 +1,225 @@
+/* Carousel and grid css (the carousels and the feature grid, etc.)*/
+.home-top-carousel{
+	height:300px;
+}
+.home-top-carousel .item, .home-top-carousel .item>a{
+	display:flex;
+	background-color:var(--primary-color-3);
+	color: var(--secondary-color);
+	flex-direction:row;
+	width:calc(100% - 40px); /* 260px */
+	padding: 0px 20px;
+
+}
+.home-top-carousel .item .text{
+	display:flex;
+	flex-direction: column;
+	flex:2 0;
+	height:260px;/*100%*/
+
+}
+.home-top-carousel .item .text .title{
+	min-height:10%;
+	max-height:20%;
+	vertical-align:middle;	
+	text-align:center;
+	font-size:120%;
+}
+.home-top-carousel .item .text .description {
+	flex: 2 0;
+	overflow:auto;
+	max-height:90%;
+	display:flex;
+	flex-direction:column;
+}
+.home-top-carousel .item .img {
+	vertical-align:center;
+	line-height:280px;
+	display:flex;
+	flex-direction:column;
+	justify-content:center;
+	align-content:center;
+	height:280px;
+	padding:10px 0px;
+
+}
+.home-top-carousel .item .img img {
+	max-height:250px !important;
+	max-width: calc(100vw /3);
+
+}
+
+/*Team carousel */
+.employees-carousel{
+margin:20px 0px;
+height:500px;
+}
+.employees-carousel .item{
+	display:flex;
+	flex-direction:column;
+	background-color:var(--secondary-color-darklight);
+	border-radius:20px;
+	margin: 0px 5px;
+	height:500px;
+}
+.employees-carousel .item .text {
+height:400px;
+overflow:auto;
+padding-bottom:5px;
+}
+.employees-carousel .item .text .title{}
+.employees-carousel .item .text .description{}
+.employees-carousel .item .img {
+	padding-top:5px;
+	justify-self:center;
+	align-self:center;
+}
+.employees-carousel .item .img img{
+	height:100px;
+	border:2px solid var(--primary-color-darkest);
+	border-radius:100%;
+}
+
+/* LAST NEWS CAROUSEL */
+.last-news-carousel{
+	position:relative;
+	height:300px;
+}
+.last-news-carousel .item, .last-news-carousel .item>a{
+	position:relative;
+	display:flex;
+	background-color:var(--primary-color-3);
+	font-size:150%;
+	-webkit-text-stroke: 1px var(--primary-color-darkest);
+	-webkit-text-fill-color: var(--secondary-color);
+	flex-direction:row;
+	width:calc(100% - 40px); /* 260px */
+	padding: 0px 20px;
+
+}
+.last-news-carousel .item .text{
+	display:flex;
+	z-index:2;
+	flex-direction: column;
+	justify-content:center;
+	align-items:center;
+	text-align:center;
+	width:100%;
+	height:260px;/*100%*/
+
+}
+.last-news-carousel .item .text .title{
+	min-height:20%;
+	max-height:20%;
+	vertical-align:middle;	
+	text-align:center;
+	font-size:120%;
+	overflow:auto;
+	line-break:break-word;
+	word-break:break-all;
+}
+.last-news-carousel .item .text .description {
+	overflow:auto;
+	max-height:80%;
+	display:flex;
+	flex-direction:column;
+}
+@media (max-width:700px){
+	.last-news-carousel .item .text .description {
+		display:none;
+	}
+	.last-news-carousel .item .text .title{
+		color: red;
+		height:250px;
+		max-height:250px;
+		line-break:unset;
+		word-break:unset;
+		overflow:auto;
+	}
+}
+.last-news-carousel .item .img {
+	position:absolute;
+	left:50%;
+	top:50%;
+	transform:translate(-50%, -50%);
+	z-index:1;
+	height:100%;
+	max-width:80vw!important;
+	overflow:hidden;
+}
+.last-news-carousel .item .img img {
+	height:100%;
+	z-index:3;
+	max-width:80vw!important;
+}
+
+
+.features{ /*not a carousel but a grid */
+	display:flex;
+	flex-wrap:wrap;
+	flex-direction:row;
+	justify-content:space-around;
+	width:calc(100% - 20px);
+	padding:10px;
+}
+.features .item, .features .item>a{
+	display:flex;
+	flex-direction:column;
+	width: 300px;
+	height: 250px;
+	color: var(--primary-color);
+}
+.features .item .icon {
+	align-self:center;
+	display:flex;
+	align-items:center;
+	justify-content:center;
+	height: 90px;
+	width:90px;
+	align-self:center;
+	border-radius:100%;
+	border: var(--primary-color) solid 5px;
+}
+.features .item .text .title{
+	text-align:center;
+}
+.features .item .text .description {
+	text-align:center;
+}
+
+.last-articles-grid-3{ /*not a carousel but a grid */
+	display:flex;
+	flex-wrap:wrap;
+	flex-direction:row;
+	justify-content:space-around;
+	width:calc(100% - 20px);
+	padding:10px;
+}
+.last-articles-grid-3 .item, .last-articles-grid-3 .item>a{
+	display:flex;
+	flex-direction:column;
+	width: 300px;
+	height: 250px;
+	color: var(--primary-color);
+}
+.last-articles-grid-3 .item .baneer {
+	align-self:center;
+	display:flex;
+	align-items:center;
+	justify-content:center;
+	height: 90px;
+	width:90px;
+	align-self:center;
+	border-radius:100%;
+	border: var(--primary-color) solid 5px;
+	overflow:hidden;
+}
+.last-articles-grid-3 .item .baneer img{
+	max-height:90px!important;
+}
+.last-articles-grid-3 .item .text .title{
+	text-align:center;
+}
+.last-articles-grid-3 .item .text .description {
+	text-align:center;
+}

themes/vmems-theme/static/css/monokai.highlight.css

@@ -0,0 +1,82 @@
+/* Background */ .chroma { color: #f8f8f2; background-color: #272822 }
+/* Other */ .chroma .x {  }
+/* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
+/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
+/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
+/* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc }
+/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
+/* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
+/* Keyword */ .chroma .k { color: #66d9ef }
+/* KeywordConstant */ .chroma .kc { color: #66d9ef }
+/* KeywordDeclaration */ .chroma .kd { color: #66d9ef }
+/* KeywordNamespace */ .chroma .kn { color: #f92672 }
+/* KeywordPseudo */ .chroma .kp { color: #66d9ef }
+/* KeywordReserved */ .chroma .kr { color: #66d9ef }
+/* KeywordType */ .chroma .kt { color: #66d9ef }
+/* Name */ .chroma .n {  }
+/* NameAttribute */ .chroma .na { color: #a6e22e }
+/* NameBuiltin */ .chroma .nb {  }
+/* NameBuiltinPseudo */ .chroma .bp {  }
+/* NameClass */ .chroma .nc { color: #a6e22e }
+/* NameConstant */ .chroma .no { color: #66d9ef }
+/* NameDecorator */ .chroma .nd { color: #a6e22e }
+/* NameEntity */ .chroma .ni {  }
+/* NameException */ .chroma .ne { color: #a6e22e }
+/* NameFunction */ .chroma .nf { color: #a6e22e }
+/* NameFunctionMagic */ .chroma .fm {  }
+/* NameLabel */ .chroma .nl {  }
+/* NameNamespace */ .chroma .nn {  }
+/* NameOther */ .chroma .nx { color: #a6e22e }
+/* NameProperty */ .chroma .py {  }
+/* NameTag */ .chroma .nt { color: #f92672 }
+/* NameVariable */ .chroma .nv {  }
+/* NameVariableClass */ .chroma .vc {  }
+/* NameVariableGlobal */ .chroma .vg {  }
+/* NameVariableInstance */ .chroma .vi {  }
+/* NameVariableMagic */ .chroma .vm {  }
+/* Literal */ .chroma .l { color: #ae81ff }
+/* LiteralDate */ .chroma .ld { color: #e6db74 }
+/* LiteralString */ .chroma .s { color: #e6db74 }
+/* LiteralStringAffix */ .chroma .sa { color: #e6db74 }
+/* LiteralStringBacktick */ .chroma .sb { color: #e6db74 }
+/* LiteralStringChar */ .chroma .sc { color: #e6db74 }
+/* LiteralStringDelimiter */ .chroma .dl { color: #e6db74 }
+/* LiteralStringDoc */ .chroma .sd { color: #e6db74 }
+/* LiteralStringDouble */ .chroma .s2 { color: #e6db74 }
+/* LiteralStringEscape */ .chroma .se { color: #ae81ff }
+/* LiteralStringHeredoc */ .chroma .sh { color: #e6db74 }
+/* LiteralStringInterpol */ .chroma .si { color: #e6db74 }
+/* LiteralStringOther */ .chroma .sx { color: #e6db74 }
+/* LiteralStringRegex */ .chroma .sr { color: #e6db74 }
+/* LiteralStringSingle */ .chroma .s1 { color: #e6db74 }
+/* LiteralStringSymbol */ .chroma .ss { color: #e6db74 }
+/* LiteralNumber */ .chroma .m { color: #ae81ff }
+/* LiteralNumberBin */ .chroma .mb { color: #ae81ff }
+/* LiteralNumberFloat */ .chroma .mf { color: #ae81ff }
+/* LiteralNumberHex */ .chroma .mh { color: #ae81ff }
+/* LiteralNumberInteger */ .chroma .mi { color: #ae81ff }
+/* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff }
+/* LiteralNumberOct */ .chroma .mo { color: #ae81ff }
+/* Operator */ .chroma .o { color: #f92672 }
+/* OperatorWord */ .chroma .ow { color: #f92672 }
+/* Punctuation */ .chroma .p {  }
+/* Comment */ .chroma .c { color: #75715e }
+/* CommentHashbang */ .chroma .ch { color: #75715e }
+/* CommentMultiline */ .chroma .cm { color: #75715e }
+/* CommentSingle */ .chroma .c1 { color: #75715e }
+/* CommentSpecial */ .chroma .cs { color: #75715e }
+/* CommentPreproc */ .chroma .cp { color: #75715e }
+/* CommentPreprocFile */ .chroma .cpf { color: #75715e }
+/* Generic */ .chroma .g {  }
+/* GenericDeleted */ .chroma .gd { color: #f92672 }
+/* GenericEmph */ .chroma .ge { font-style: italic }
+/* GenericError */ .chroma .gr {  }
+/* GenericHeading */ .chroma .gh {  }
+/* GenericInserted */ .chroma .gi { color: #a6e22e }
+/* GenericOutput */ .chroma .go {  }
+/* GenericPrompt */ .chroma .gp {  }
+/* GenericStrong */ .chroma .gs { font-weight: bold }
+/* GenericSubheading */ .chroma .gu { color: #75715e }
+/* GenericTraceback */ .chroma .gt {  }
+/* GenericUnderline */ .chroma .gl {  }
+/* TextWhitespace */ .chroma .w {  }

themes/vmems-theme/static/css/style.css

@@ -0,0 +1,297 @@
+:root{
+	--primary-color:blue;
+	--secondary-color:white;
+	--primary-color-contrast: white;
+	--secondary-color-darkest: grey; /* the "darkest" and "darklight" variables are*/
+	--primary-color-darkest: darkblue;/* for the elements that can't have filter*/
+	--secondary-color-darklight: lightgrey;
+	--primary-color-darklight: rgb(0,0,200);
+	--primary-color-3 : rgb(0,0,150);
+	--primary-color-4: rgb(0,0,255);
+	--tertiary-really-dark-color: rgb(50,50,50);
+	--tertiary-medium-dark-color:rgb(100,100,100);
+	--default-text-color:black;
+}
+body{
+	margin:0;
+	height:100vh;
+	width:100%;
+	display:flex;
+	flex-direction:column;
+}
+.list-style-none{
+	list-style:none;
+	justify-content:space-around;
+}
+header.navbar{
+	position:relative;
+	height:70px;
+	display: flex;
+	margin:0px;
+	flex-direction:row;
+	box-shadow: 0 4px 2px -2px gray;
+}
+header.navbar .navbar-logo-container {
+	padding-left:5px;
+	height:70px;
+
+}
+header.navbar .navbar-logo {
+	height:70px;
+}
+header.navbar .navbar-list{
+	position: absolute;
+	padding:0;
+	padding-right: 15px;
+	right:0px;
+	height: calc(100%);
+	display: flex;
+	flex-direction: row;
+	margin: 0px;
+	list-style-type: none;
+	justify-content: center;
+	align-items: center;
+}
+header.navbar .navbar-list-item{
+	color:var(--primary-color);
+	height:100%;
+	line-height:70px;
+	vertical-align:middle;
+	text-align:center;
+	padding: 0px 10px;
+}
+header.navbar .navbar-list-item *{
+	color:var(--primary-color);
+}
+header.navbar .navbar-list-item a{
+	text-decoration:none;
+}
+header.navbar .navbar-list-item:hover a{
+	text-decoration:underline;
+}
+header.navbar .navbar-list-item:hover{
+	background-color:var(--primary-color-darkest);
+	color:var(--secondary-color);
+}
+header.navbar .navbar-list-item.active{
+	background-color:var(--primary-color-darklight);
+	color:var(--secondary-color);
+}
+header.navbar .navbar-list-item:hover *, header.navbar .navbar-list-item.active *{
+	color:var(--secondary-color);
+}
+
+@media (max-width: 700px){
+	header.navbar #navbar-list-toggler-label{
+		position:absolute;
+		right:5px;
+		height: 100%;
+		width: 70px;
+		font-size:70px;
+		text-align:center;
+		line-height:70px;
+		vertical-align:middle;
+	}
+	header.navbar .navbar-list-item{
+		height:unset;
+		width:100%;
+		padding: 10px 0px;
+	}
+	header.navbar #navbar-list-toggler:checked ~ .navbar-list{
+		display:flex !important;
+		z-index:5;
+		flex-direction:column;
+		position:fixed;
+		bottom:0px;
+		left:0px;
+		width:100vw;
+		align-content:center;
+		justify-content:center;
+		backdrop-filter:blur(10px);
+		background-color: rgba(50,50,50,0.5);
+		height: calc(100vh - 70px);
+	}
+	header.navbar #navbar-list-toggler:checked ~ .navbar-list .navbar-list-item{}
+}
+
+
+main.main{
+	flex: 2 0;
+}
+main.main h1, main.main h2, main.main h3, main.main h4, main.main h5, main.main h6, main.main p{
+	padding: 0px 20px;
+	color: var(--primary-color-darkest);
+}
+main.main h1, main.main h2, main.main h3{
+	text-align:center;
+	padding:0px;
+	width:calc(100%);
+}
+main.main h1{
+	font-weight:500;
+	text-decoration:underline;
+}
+main.main h2{
+
+}
+
+footer.footer{
+	justify-content:space-around;
+	background-color:var(--tertiary-really-dark-color);
+	color:var(--secondary-color);
+	display:flex;
+	flex-direction:column;
+}
+
+footer.footer .row{
+	padding:20px 0px;
+	display:flex;
+	flex-direction:row;
+	justify-content:space-around;
+	text-align:center;
+}
+footer.footer .row.top{}
+footer.footer .row.bottom{}
+
+footer.footer .col {
+	display:flex;
+	flex-direction:column;
+	color:var(--secondary-color);
+}
+footer.footer .col li {
+	padding:10px;
+	color:var(--secondary-color);
+}
+footer.footer .col a {
+	color:var(--secondary-color);
+}
+footer.footer .col.left{}
+footer.footer .col.middle{}
+footer.footer .col.right{}
+
+
+
+.articles-list{
+	display:flex;
+	flex-direction:row;
+	flex-wrap:wrap;
+}
+.articles-list .article-item{
+	display:flex;
+	color: var(--primary-color);
+	flex-direction:column;
+	width:300px;
+	height:300px;
+	justify-content:center;
+	align-items:center;
+	border:2px  solid;
+}
+.articles-list .article-item .article-item-main{
+	display:flex;
+	color:var(--primary-color);
+	flex-direction:column;
+	width:100%;
+	justify-content:center;
+	align-items:center;
+	text-align:center;
+}
+.articles-list .article-item .article-item-main *{
+	text-align:center;
+}
+.articles-list .article-item .article-item-main .baneer{
+	border-radius:100%;
+	height:120px!important;
+	border:2px solid var(--primary-color-darkest);
+	width:120px!important;
+}
+.articles-list .article-item .infos{}
+.articles-list .article-item .infos .authors{}
+.articles-list .article-item .infos .authors .author{color:var(--primary-color-darkest);font-weight:600}
+
+.blogarticle{
+	display:flex;
+	flex-direction:column;
+}
+.blogarticle .blogarticlehead{
+	display:flex;
+	flex-direction:row;
+}
+.blogarticle .blogarticletitle{
+	flex:2 0;
+	display:flex;
+	flex-direction:column;
+	align-items:center;
+	justify-content:center;
+	/*font-weight:700;
+	font-size:200%;
+	text-decoration:underline;
+	color:var(--primary-color);*/
+}
+.blogarticle .blogarticleinfos {
+	display:flex;
+	flex-direction:row;
+	background-color:var(--tertiary-medium-dark-color);
+	color:var(--primary-color-darklight);
+	justify-content: space-around;
+	align-items: center;
+	padding: 20px;
+	width:fit-content;
+}
+.blogarticle .blogarticleinfos .categories {}
+.blogarticle .blogarticleinfos .category {
+	background-color:var(--primary-color);
+	color:var(--primary-color-contrast);
+	display:inline-block;
+	padding:5px;
+}
+.blogarticle .blogarticleinfos .tags {}
+.blogarticle .blogarticleinfos .tag {
+	background-color:var(--primary-color);
+	color:var(--primary-color-contrast);
+	display:inline-block;
+	padding:5px;
+}
+
+.blogarticle .blogarticleinfos .authors{}
+.blogarticle .blogarticleinfos .authors .author{ color:var(--primary-color-4); font-weight:500; text-decoration:underline;}
+.blogarticle .blogarticleinfos .date{}
+.blogarticle .blogarticlecontent{padding: 10px 30px;}
+.blogarticle .blogarticlecomments{}
+
+
+
+
+
+
+
+/* width */
+::-webkit-scrollbar {
+	width: 10px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+	box-shadow: inset 0 0 5px grey;
+	background: var(--secondary-color-darklight);
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+	background: var(--primary-color-darklight);
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+	background: var(--primary-color-darkest);
+}
+
+@media (max-width:700px){
+	*.desktop-only-element{
+		display:none !important;
+	}
+}
+@media (min-width: 700px){
+	*.mobile-only-element{
+		display:none !important;
+	}
+}

themes/vmems-theme/static/js/main.js

@@ -0,0 +1,13 @@
+document.addEventListener('DOMContentLoaded',function(){
+	if($('.carousel').length>1){
+		$('.carousel').each(i=>{
+			let toslick = $(i).attr('data-to-slick')
+			console.log(toslick)
+			$(i).slick(JSON.parse(toslick));
+		});
+	}else{
+		let toslick = $('.carousel').attr('data-to-slick')
+		console.log(toslick)
+		$('.carousel').slick(JSON.parse(toslick));
+	}
+})

themes/vmems-theme/theme.toml

@@ -0,0 +1,16 @@
+# theme.toml template for a Hugo theme
+# See https://github.com/gohugoio/hugoThemes#themetoml for an example
+
+name = "VMEME Theme"
+license = "MIT"
+licenselink = ""
+description = "Official Theme of https://vmems.fr"
+homepage = "http://vmems.fr"
+tags = ["association","mobilité","velo"]
+features = []
+min_version = "0.41.0"
+
+[author]
+  name = ""
+  homepage = ""
+