feat: use untitled

This commit is contained in:
rick 2021-12-23 05:09:28 +01:00
parent 1ae85babef
commit 5388c5aceb
Signed by: Rick
GPG key ID: 2B593F087240EE99
13 changed files with 337 additions and 150 deletions

View file

@ -1,3 +1,5 @@
# changelog-page # changelog-page
Code pour le site de changelog de GnousEU. 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`.

View file

@ -1,89 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header>
<p><a href="#informations">Dernières informations</a></p>
<p><a href="#contacts">Contacts</a></p>
</header>
<h1>Informations sur linfra de <a href="https://gnous.eu">GnousEU</a></h1>
<hr />
<h2 id="informations">Dernières informations sur linfra</h2>
<div class="infos">
<h3>Exmple</h3>
<p>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. </p>
<p>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. </p>
</div>
<div class="infos">
<h3>Exmple</h3>
<p>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. </p>
<p>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. </p>
</div>
<h2 id="contacts">Contacts</h2>
<p>En cas de soucis ou de demande dinformations supplémentaire, voici les différentes manières de contacter GnousEU sans passer par <a href="https://discord.gg/URKy7yd">le Discord</a>.</p>
<p>Essayez en premier de contacter via un canaux officiel avant de contacter un admin :</p>
<ul>
<li>Twitter : <a href="https://twitter.com/GnousEU">@GnousEU</a></li>
<!-- <li>Mastodon : <a href="">@gnous@toot.gnous.eu</a></li> -->
<li>Mail pour entrer en contact à cause dun soucis ou pour avoir des informations : <a href="mailto:contact@gnous.eu">contact@gnous.eu</a></li>
<li>Mail dadministration : <a href="mailto:grandgnous@gnous.eu">grandgnous@gnous.eu</a></li>
<li>Mail pour des dons : <a href="mailto:dons@gnous.eu">dons@gnous.eu</a></li>
</ul>
<p>Voici des canaux tiers pour contacter un administrateur GnousEu : </p>
<div id="liens-admins">
<div class="admin">
<p>Outout :</p>
<ul>
<li><a href="https://twitter.com/outoutxyz">Twitter</a></li>
<li><a href="https://github.com/outout14">Github</a></li>
<li><a href="https://git.gnous.eu/mael">GnousGit</a></li>
<li><a href="mailto:mael@gnous.eu">Mail</a></li>
<li><a href="https://jesuis.enpls.org/">Site internet</a></li>
</ul>
</div>
<div class="admin">
<p>Romain :</p>
<ul>
<li><a href="https://github.com/Rom1-J">Github</a></li>
<li><a href="https://git.gnous.eu/Romain">GnousGit</a></li>
<li><a href="mailto:romain@gnous.eu">Mail</a></li>
<li><a href="https://romain.gnous.eu/">Site internet</a></li>
</ul>
</div>
<div class="admin">
<p>Rick :</p>
<ul>
<li><a href="https://twitter.com/GnousRick">Twitter</a></li>
<!-- <li><a href="">Mastodon</a></li> -->
<li><a href="https://github.com/rick-gnous">Github</a></li>
<li><a href="https://git.gnous.eu/Rick">GnousGit</a></li>
<li><a href="mailto:rick@gnous.eu">Mail</a></li>
<!-- <li><a href="">Site internet</a></li> -->
</ul>
</div>
<div class="admin">
<p>Léo :</p>
<ul>
<li><a href="https://unsplash.com/@leohuteau">Unsplash</a></li>
<li><a href="mailto:huteau890@gmail.com">Mail</a></li>
<li><a href="https://huteau-leo.fr/">Site internet</a></li>
</ul>
</div>
<div class="admin">
<p>L4p1n :</p>
<ul>
<li><a href="https://mastodon.tedomum.net/@l4p1n">Mastodon</a></li>
<li><a href="mailto:contact+gnous-admin@l4p1n.ch">Mail</a></li>
<li><a href="https://l4p1n.ch">Site internet</a></li>
</ul>
</div>
</div>
</body>
</html>

5
site.cfg Normal file
View file

@ -0,0 +1,5 @@
TITLE="-T GnousEU"
CSS="--css /global.css"
DOMAIN="https://changelog.gnous.eu/"
BLOGDIR="news/"
DEFAULTLANG="fr"

3
site/footer.include Normal file
View file

@ -0,0 +1,3 @@
-------------------------------------------------------------------------------

170
site/global.css Normal file
View file

@ -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;
}

54
site/index.md Normal file
View file

@ -0,0 +1,54 @@
---
title: Informations sur linfra 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 dinformations 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 dun soucis ou pour avoir des informations : [contact@gnous.eu](mailto:contact@gnous.eu)
* Mail dadministration : [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)

8
site/nav.include Normal file
View file

@ -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)
------------------------------------------------------------------------------

1
site/news/MANIFEST Normal file
View file

@ -0,0 +1 @@
nouveau-site.md

View file

@ -0,0 +1,5 @@
---
title: Changelog GnousEU
x-toc-enable: true
...

2
site/news/news.cfg Normal file
View file

@ -0,0 +1,2 @@
BLOGTITLE="Informations sur linfra de GnousEU"
BLOGDESCRIPTION="tous les changements liés à l'infrastructure de GnousEU"

View file

@ -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 !).

78
site/template.include Normal file
View file

@ -0,0 +1,78 @@
<!DOCTYPE html>
<html$if(lang)$ lang="$lang$"$endif$$if(dir)$ dir="$dir$"$endif$>
<head>
<meta charset="utf-8">
<meta name="generator" content="pandoc">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
$for(author-meta)$
<meta name="author" content="$author-meta$">
$endfor$
$if(date-meta)$
<meta name="dcterms.date" content="$date-meta$">
$endif$
$if(keywords)$
<meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$">
$endif$
<title>$if(title-prefix)$$title-prefix$ $endif$$pagetitle$</title>
$if(quotes)$
<style type="text/css">q { quotes: "“" "”" "" ""; }</style>
$endif$
$if(highlighting-css)$
<style type="text/css">
$highlighting-css$
</style>
$endif$
$for(css)$
<link rel="stylesheet" href="$css$">
$endfor$
$if(math)$
$math$
$endif$
$for(header-includes)$
$header-includes$
$endfor$
<link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/feed.xml"/>
</head>
<body>
<div class="page">
$for(include-before)$
$include-before$
$endfor$
$if(title)$
<header>
<div class="title">
<h1 class="title">$title$</h1>
</div>
$if(subtitle)$
<p class="subtitle">$subtitle$</p>
$endif$
$for(author)$
<p class="author">$author$</p>
$endfor$
$if(date)$
<p class="date">$date$</p>
$endif$
</header>
$endif$
$if(return)$
$return$
$endif$
$if(toc)$
<nav id="$idprefix$TOC">
<h1>Navigate this page:</h1>
$toc$
</nav>
$endif$
$if(toc)$
<div class="pagetext">
$endif$
$body$
$for(include-after)$
$include-after$
$endfor$
$if(toc)$
</div>
$endif$
</div>
</body>
</html>

View file

@ -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;
}
}