diff --git a/README.md b/README.md
index 141d8d5..979d241 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,5 @@
# changelog-page
-Code pour le site de changelog de GnousEU.
\ No newline at end of file
+Code pour le site de changelog de GnousEU.
+
+Il faut utiliser le générateur [Untitled](https://untitled.vimuser.org/) en mettant le répertoire dans un dossier `www/gnous` avant de lancer la commande `./build sites gnous`.
diff --git a/index.html b/index.html
deleted file mode 100644
index 20b6bec..0000000
--- a/index.html
+++ /dev/null
@@ -1,89 +0,0 @@
-
-
-
-
-
-
-
- Informations sur l’infra de GnousEU
-
-
-
-
-
Exmple
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus at odio in dictum. Morbi iaculis leo orci, sit amet tristique nulla pharetra id. Nam eget pharetra turpis. Cras congue commodo sagittis. Phasellus imperdiet orci augue, et ultricies massa venenatis eget. Duis consectetur diam lacinia dictum blandit. Suspendisse gravida malesuada consectetur. Vivamus ullamcorper porta volutpat.
-
Sed tellus sapien, faucibus vel sem ac, venenatis feugiat lacus. Vestibulum sit amet facilisis erat. Aliquam rhoncus justo eu lectus scelerisque, a luctus est luctus. Sed nec tempor nibh. In lacus mi, dignissim sit amet risus et, iaculis aliquam est. Etiam id rhoncus risus, ut auctor justo. In ultrices ultricies dictum. Nunc eu faucibus dui, at tempus metus. Fusce non mauris semper, lacinia diam non, faucibus mauris. Morbi ullamcorper est et quam malesuada facilisis. Nunc vitae elementum velit. Cras non fringilla tortor. Sed sed nulla sed erat convallis dignissim nec et ligula. Duis id rutrum justo.
-
-
-
Exmple
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus at odio in dictum. Morbi iaculis leo orci, sit amet tristique nulla pharetra id. Nam eget pharetra turpis. Cras congue commodo sagittis. Phasellus imperdiet orci augue, et ultricies massa venenatis eget. Duis consectetur diam lacinia dictum blandit. Suspendisse gravida malesuada consectetur. Vivamus ullamcorper porta volutpat.
-
Sed tellus sapien, faucibus vel sem ac, venenatis feugiat lacus. Vestibulum sit amet facilisis erat. Aliquam rhoncus justo eu lectus scelerisque, a luctus est luctus. Sed nec tempor nibh. In lacus mi, dignissim sit amet risus et, iaculis aliquam est. Etiam id rhoncus risus, ut auctor justo. In ultrices ultricies dictum. Nunc eu faucibus dui, at tempus metus. Fusce non mauris semper, lacinia diam non, faucibus mauris. Morbi ullamcorper est et quam malesuada facilisis. Nunc vitae elementum velit. Cras non fringilla tortor. Sed sed nulla sed erat convallis dignissim nec et ligula. Duis id rutrum justo.
-
-
-
- En cas de soucis ou de demande d’informations supplémentaire, voici les différentes manières de contacter GnousEU sans passer par le Discord .
-
- Essayez en premier de contacter via un canaux officiel avant de contacter un admin :
-
-
- Voici des canaux tiers pour contacter un administrateur GnousEu :
-
-
-
-
diff --git a/site.cfg b/site.cfg
new file mode 100644
index 0000000..273841d
--- /dev/null
+++ b/site.cfg
@@ -0,0 +1,5 @@
+TITLE="-T GnousEU"
+CSS="--css /global.css"
+DOMAIN="https://changelog.gnous.eu/"
+BLOGDIR="news/"
+DEFAULTLANG="fr"
diff --git a/site/footer.include b/site/footer.include
new file mode 100644
index 0000000..6fbcfe4
--- /dev/null
+++ b/site/footer.include
@@ -0,0 +1,3 @@
+
+-------------------------------------------------------------------------------
+
diff --git a/site/global.css b/site/global.css
new file mode 100644
index 0000000..972bc67
--- /dev/null
+++ b/site/global.css
@@ -0,0 +1,170 @@
+html {
+ background-color: #eee;
+ padding-bottom:7em;
+ text-align:left;
+}
+
+div.title {
+ background:url("nowhere");
+ background-repeat:no-repeat;
+ background-size: auto 100%;
+ background-attachment:absolute;
+ background-position: right;
+}
+
+h1.title {
+ text-shadow: 0px 0px 5px #FFFFFF;
+ text-align:center;
+ background:url("nowhere");
+ background-size: auto 100%;
+ background-repeat:no-repeat;
+ min-height:3.5em;
+ margin:0;
+ display:block;
+}
+
+body {
+ line-height: 1.6;
+ font-family: Cantarell, sans-serif;
+ font-size: 1em;
+ color: #222;
+}
+
+div.page {
+ box-shadow: 0 0 6px;
+ background-color:#fff;
+ max-width:70em;
+ margin:0 auto;
+ padding: 0.2em 1em;
+}
+
+div.warning{
+ background:#fcc;
+ font-size:1.1em;
+ border:solid 1px #666;
+ padding-left:1em;
+ padding-right:1em;
+}
+
+pre {
+ padding: 0.3em;
+}
+
+pre,table {
+ overflow-x: auto;
+ display: block;
+}
+
+table {
+ border-collapse: collapse;
+ width:100%;
+}
+th{
+ background:#cdcdcd;
+}
+th, td {
+ border: solid 1px #888;
+}
+tr:nth-child(even) {
+ background-color: #eee;
+}
+
+code, pre, nav#TOC {
+ background-color: #ececec;
+}
+
+img {
+ max-width: 100%;
+}
+
+a {
+ color: #22D;
+}
+
+a.uri {
+ word-wrap: break-word;
+}
+
+a:hover {
+ color: #008;
+}
+
+.date {
+ display: block;
+}
+
+h1, h2, h3, .h:hover a {
+ display: inline;
+}
+
+.h a {
+ display: none;
+}
+
+p.author, p.date {
+ display:none;
+}
+div.nav {
+ text-align:center;
+}
+header ul:first-of-type,
+div.nav ul:first-of-type,
+div#footer ul:last-of-type {
+ padding:0;
+ margin:0;
+ text-align:center;
+}
+header ul:first-of-type > li,
+div.nav ul:first-of-type > li,
+div#footer ul:last-of-type li {
+ padding:0;
+ margin:0;
+ display:inline;
+ padding-left:0.5em;
+ padding-right:0.5em;
+ border-right:solid 1px #000;
+}
+header ul:first-of-type > li:first-child,
+div.nav ul:first-of-type > li:first-child,
+div#footer ul:last-of-type > li:first-child {
+ padding-left:0;
+}
+header ul:first-of-type > li:last-child,
+div.nav ul:first-of-type > li:last-child,
+div#footer ul:last-of-type > li:last-child {
+ padding-right:0;
+ border:none;
+}
+
+nav#TOC {
+ min-width:25%;
+ max-width:100%;
+ float:left;
+ margin:1em;
+ padding: 0.2em 1em;
+}
+nav#TOC h1 {
+ font-size:1em;
+}
+nav#TOC li > ul {
+ margin-left:0;
+ padding-left:0.5em;
+}
+
+img.imgleft, img.imgright {
+ max-width: 25%;
+ height: auto;
+ padding: 2em;
+ padding-top:0.5em;
+ padding-bottom:0.5em;
+}
+
+img.imgright {
+ float: right;
+ padding-right:0;
+}
+
+img.imgleft {
+ float: left;
+ padding-left:0;
+}
diff --git a/site/index.md b/site/index.md
new file mode 100644
index 0000000..f3e5ee4
--- /dev/null
+++ b/site/index.md
@@ -0,0 +1,54 @@
+---
+title: Informations sur l’infra de GnousEU
+...
+
+# Ce site
+
+Ce site permet d'être tenu au courant des dernières nouvelles sur l'infrastructure de GnousEU. Rendez-vous dans [news](/news) afin de découvrir tous les derniers changements.
+
+# Contact
+
+En cas de soucis ou de demande d’informations supplémentaire, voici les différentes manières de contacter GnousEU sans passer par le Discord.
+
+Essayez en premier de contacter via un canaux officiel avant de contacter un admin :
+
+ * Twitter : [\@GnousEU](https://twitter.com/GnousEU)
+ * Mail pour entrer en contact à cause d’un soucis ou pour avoir des informations : [contact@gnous.eu](mailto:contact@gnous.eu)
+ * Mail d’administration : [grandgnous@gnous.eu](mailto:grandgnous@gnous.eu)
+ * Mail pour des dons : [dons@gnous.eu](mailto:dons@gnous.eu)
+
+Voici des canaux tiers pour contacter un administrateur GnousEu :
+
+## Outout
+
+ * [Twitter](https://twitter.com/outoutxyz)
+ * [GnousGit](https://git.gnous.eu/mael)
+ * [Github](https://github.com/outout14)
+ * [Mail](mailto:mael@gnous.eu)
+ * [Site internet](https://jesuis.enpls.org)
+
+## Romain
+
+ * [GnousGit](https://git.gnous.eu/Romain)
+ * [Github](https://github.com/Rom1-J)
+ * [Mail](mailto:romain@gnous.eu)
+ * [Site internet](https://romain.gnous.eu)
+
+## Rick
+
+ * [Twitter](https://twitter.com/GnousRick)
+ * [GnousGit](https://git.gnous.eu/Rick)
+ * [Github](https://github.com/rick-gnous)
+ * [Mail](mailto:rick@gnous.eu)
+
+## Léo
+
+ * [Unsplash](https://unsplash.com/@leohuteau)
+ * [Mail](mailto:huteau890@gmail.com)
+ * [Site internet](https://huteau-leo.fr)
+
+## L4p1n
+
+ * [Mastodon](https://mastodon.tedomum.net/@l4p1n)
+ * [Mail](mailto:contact+gnous-admin@l4p1n.ch)
+ * [Site internet](https://l4p1n.ch)
diff --git a/site/nav.include b/site/nav.include
new file mode 100644
index 0000000..7d6eb2f
--- /dev/null
+++ b/site/nav.include
@@ -0,0 +1,8 @@
+ * [Index / Contact](/)
+ * [News](/news/)
+ * [Site principal](https://gnous.eu)
+ * [Status](https://status.gnous.eu)
+ * [Code source](https://git.gnous.eu/gnouseu/changelog-page)
+
+------------------------------------------------------------------------------
+
diff --git a/site/news/MANIFEST b/site/news/MANIFEST
new file mode 100644
index 0000000..b7ea59b
--- /dev/null
+++ b/site/news/MANIFEST
@@ -0,0 +1 @@
+nouveau-site.md
diff --git a/site/news/news-list.md.include b/site/news/news-list.md.include
new file mode 100644
index 0000000..d8bf924
--- /dev/null
+++ b/site/news/news-list.md.include
@@ -0,0 +1,5 @@
+---
+title: Changelog GnousEU
+x-toc-enable: true
+...
+
diff --git a/site/news/news.cfg b/site/news/news.cfg
new file mode 100644
index 0000000..6894a9e
--- /dev/null
+++ b/site/news/news.cfg
@@ -0,0 +1,2 @@
+BLOGTITLE="Informations sur l’infra de GnousEU"
+BLOGDESCRIPTION="tous les changements liés à l'infrastructure de GnousEU"
diff --git a/site/news/nouveau-site.md b/site/news/nouveau-site.md
new file mode 100644
index 0000000..4032c28
--- /dev/null
+++ b/site/news/nouveau-site.md
@@ -0,0 +1,8 @@
+% Nouvelle interface pour le site
+% rick
+% 23-12-2021
+
+
+Premier billet pour (enfin) inaugurer ce site. Nous avons changer l'interface, en optant pour un générateur de sites statiques afin de nous faciliter la vie. Notre choix a été [Untitled](https://untitled.vimuser.org/), n'utilisant que des simples .md pour créer un site avec du RSS. Il utilise Bash et Pandoc.
+
+Sur ce, fin du premier billet court ! À dans longtemps (pas de nouvelles, bonne nouvelle !).
diff --git a/site/template.include b/site/template.include
new file mode 100644
index 0000000..c892aa3
--- /dev/null
+++ b/site/template.include
@@ -0,0 +1,78 @@
+
+
+
+
+
+
+$for(author-meta)$
+
+$endfor$
+$if(date-meta)$
+
+$endif$
+$if(keywords)$
+
+$endif$
+ $if(title-prefix)$$title-prefix$ – $endif$$pagetitle$
+$if(quotes)$
+
+$endif$
+$if(highlighting-css)$
+
+$endif$
+$for(css)$
+
+$endfor$
+$if(math)$
+ $math$
+$endif$
+$for(header-includes)$
+ $header-includes$
+$endfor$
+
+
+
+
+$for(include-before)$
+$include-before$
+$endfor$
+$if(title)$
+
+
+
$title$
+
+$if(subtitle)$
+$subtitle$
+$endif$
+$for(author)$
+$author$
+$endfor$
+$if(date)$
+$date$
+$endif$
+
+$endif$
+$if(return)$
+$return$
+$endif$
+$if(toc)$
+
+Navigate this page:
+$toc$
+
+$endif$
+$if(toc)$
+
+$endif$
+$body$
+$for(include-after)$
+$include-after$
+$endfor$
+$if(toc)$
+
+$endif$
+
+
+
diff --git a/style.css b/style.css
deleted file mode 100644
index 08d9b7a..0000000
--- a/style.css
+++ /dev/null
@@ -1,60 +0,0 @@
-* {
- font-family: sans-serif;
-}
-
-h1 {
- text-align: center;
-}
-
-header {
- display: flex;
-}
-
-header a {
- color: black;
- text-decoration: none;
- padding: 1em;
-}
-
-header a:hover {
- color: white;
- background-color: black;
-}
-
-hr {
- margin: 50px, auto;
- width: 50%;
-}
-
-.infos {
- border-bottom: solid 1px;
-}
-
-#liens-admins {
- display: flex;
- justify-content: space-around;
- flex-wrap: wrap;
-}
-
-.admin {
- margin: 1em;
- border-style: solid;
- border-width: 1px;
- padding-left: 1em;
- padding-right: 1em;
-}
-
-.admin p {
- text-align: center;
-}
-
-.admin ul {
- list-style: square;
-}
-
-@media (pointer: coarse) {
- #liens-admins {
- flex-direction: column;
- }
-
-}
\ No newline at end of file