Initial commit (again)

.htaccess

@@ -0,0 +1,20 @@
+Options +FollowSymLinks
+RewriteEngine On
+RewriteRule ^guide/?$ guide.php
+RewriteRule ^guide/installer-minetest/?$ guide/installer-minetest.php
+RewriteRule ^guide/se-deplacer-dans-minetest/?$ guide/se-deplacer-dans-minetest.php
+RewriteRule ^guide/constuire-inventaire-minetest/?$ guide/constuire-inventaire-minetest.php
+RewriteRule ^guide/monnaie-argent-minetest/?$ guide/monnaie-argent-minetest.php
+RewriteRule ^guide/discuter-minetest-mumble/?$ guide/discuter-minetest-mumble.php
+RewriteRule ^guide/rejoindre-serveur-minetest/?$ guide/rejoindre-serveur-minetest.php
+RewriteRule ^guide/panneaux-minetest/?$ guide/panneaux-minetest.php
+RewriteRule ^guide/boite-aux-lettres-minetest/?$ guide/boite-aux-lettres-minetest.php
+RewriteRule ^guide/boutique-g1-minetest/?$ guide/boutique-g1-minetest.php
+
+RewriteRule ^soutenir/?$ soutenir.php
+RewriteRule ^developper/?$ developper.php
+
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteRule ^thumbs/([0-9]+)w/(.*\.(jpg|jpeg|png))$ thumb.php?filename=$2&thumbWidth=$1
+
+

config.php

@@ -0,0 +1,136 @@
+<?php
+
+if ($_SERVER['SERVER_NAME'] == 'localhost' || $_SERVER['SERVER_NAME'] == '127.0.0.1') {
+	// Adaptez la ligne suivante à votre configuration
+	define('ROOT_URL', '/juneland/');
+} else {
+	define('ROOT_URL', '/');
+}
+define('DEFAULT_TITLE', 'Juneland');
+
+
+
+
+$imgLayouts = [
+	
+	'col_3_2_1_bordered' => [
+	
+		'w' => [400, 620], 
+		
+		'breakpoints' => '
+		     	(max-width: 42.249rem) 400px, 
+		    	(max-width: 55.999rem) 620px, 
+		    	400px
+		'
+	], 
+	
+	'col_3_2_1' => [
+		
+		'w' => [408, 628], 
+		
+		'breakpoints' => '
+		     	(max-width: 42.249rem) 408px, 
+		    	(max-width: 55.999rem) 628px, 
+		    	408px
+		',
+	], 
+	 
+	'col_2_1_bordered' => [
+		
+		'w' => [400, 620, 840], 
+		
+		'breakpoints' => '
+		     	(max-width: 42.249rem) 400px, 
+		     	(max-width: 55.999rem) 620px, 
+		     	(max-width: 83.490rem) 840px,
+		    	620px
+		', 
+	], 
+	 
+	'col_2_1' => [
+		
+		'w' => [408, 628, 848], 
+		
+		'breakpoints' => '
+		     	(max-width: 42.249rem) 408px, 
+		     	(max-width: 55.999rem) 628px, 
+		     	(max-width: 83.490rem) 848px,
+		    	628px
+		', 
+	], 
+	 
+	'article_full_width' => [
+		
+		'w' => [392, 502, 612, 832, 942], 
+		
+		'breakpoints' => '
+		     	(max-width: 35.374rem) 392px, 
+		     	(max-width: 42.249rem) 502px, 
+		     	(max-width: 55.999rem) 612px, 
+		     	(max-width: 83.499rem) 832px,
+		    	942px
+		', 
+	], 
+	
+	'gallery_3_2_1' => [
+		
+		'w' => [502, 298, 267, 303], 
+		
+		'breakpoints' => '
+		     	(max-width: 42.249rem) 502px, 
+		     	(max-width: 55.999rem) 298px, 
+		     	(max-width: 84.499rem) 267px,
+		     	303px
+		',
+	], 
+	
+	'gallery_2_1' => [
+		
+		'w' => [612, 408, 463], 
+		
+		'breakpoints' => '
+		     	(max-width: 55.999rem) 612px, 
+		     	(max-width: 84.499rem) 408px,
+		     	463px
+		',
+	], 
+];
+
+$thumbExt = '.jpg';
+
+
+function image ($filename, $alt, $layout) {
+
+	global $thumbExt;
+	
+	$imgName = substr($filename, 0, strrpos($filename, '.'));
+	
+	$out = '';
+	
+	$out .= '<img ';
+	$out .= ' src="'. ROOT_URL .'img/'. $filename .'"';
+	$out .= ' srcset="';
+	
+	$first = true;
+	
+	foreach ($layout['w'] as $w) {
+		
+		if ($first) {
+		
+			$first = false;
+		} else {
+		
+			$out .= ', ';
+		}
+		
+		
+		$out .= ROOT_URL .'thumbs/'. $w . 'w/'. $imgName . $thumbExt .' '. $w . 'w';
+	}
+	
+	$out .= '" ';
+	$out .= ' sizes="' . $layout['breakpoints'] . '"';
+	$out .= ' alt="'. $alt .'"';
+	$out .= ' />';
+	
+	return $out;
+}

css/calendar.svg

@@ -0,0 +1,259 @@
+<?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"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 512 512"
+   style="enable-background:new 0 0 512 512;"
+   xml:space="preserve"
+   sodipodi:docname="calendar.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"><metadata
+   id="metadata133"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+   id="defs131" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1366"
+   inkscape:window-height="740"
+   id="namedview129"
+   showgrid="false"
+   inkscape:zoom="0.78858979"
+   inkscape:cx="132.50487"
+   inkscape:cy="250.6145"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="g96" />
+<g
+   id="g96">
+	<g
+   id="g4">
+		<path
+   style="fill:#eee8e8;fill-opacity:1"
+   d="M0,134v328c0,22.055,17.945,40,40,40h432c22.055,0,40-17.945,40-40V134H0z"
+   id="path2" />
+	</g>
+	<g
+   id="g8">
+		<path
+   style="fill:#ff2020;fill-opacity:1"
+   d="M472,22H40C17.945,22,0,39.945,0,62v72h512V62C512,39.945,494.054,22,472,22z M64,102    c-13.255,0-24-10.745-24-24s10.745-24,24-24s24,10.745,24,24S77.255,102,64,102z M448,102c-13.255,0-24-10.745-24-24    s10.745-24,24-24s24,10.745,24,24S461.255,102,448,102z"
+   id="path6" />
+	</g>
+	<g
+   id="g70">
+		<g
+   id="g12">
+			<path
+   style="fill:#FFFFFF;"
+   d="M256,206c-17.648,0-32,14.352-32,32s14.352,32,32,32s32-14.352,32-32S273.648,206,256,206z"
+   id="path10" />
+		</g>
+		<g
+   id="g16">
+			<path
+   style="fill:#FFFFFF;"
+   d="M176,206c-17.648,0-32,14.352-32,32s14.352,32,32,32s32-14.352,32-32S193.648,206,176,206z"
+   id="path14" />
+		</g>
+		<g
+   id="g20">
+			<path
+   style="fill:#FFFFFF;"
+   d="M96,206c-17.648,0-32,14.352-32,32s14.352,32,32,32s32-14.352,32-32S113.648,206,96,206z"
+   id="path18" />
+		</g>
+		<g
+   id="g24">
+			<path
+   style="fill:#FFFFFF;"
+   d="M336,206c-17.648,0-32,14.352-32,32s14.352,32,32,32c17.648,0,32-14.352,32-32     S353.648,206,336,206z"
+   id="path22" />
+		</g>
+		<g
+   id="g28">
+			<path
+   style="fill:#FFFFFF;"
+   d="M416,270c17.648,0,32-14.352,32-32s-14.352-32-32-32c-17.648,0-32,14.352-32,32     S398.351,270,416,270z"
+   id="path26" />
+		</g>
+		<g
+   id="g32">
+			<path
+   style="fill:#FFFFFF;"
+   d="M256,286c-17.648,0-32,14.352-32,32s14.352,32,32,32s32-14.352,32-32S273.648,286,256,286z"
+   id="path30" />
+		</g>
+		<g
+   id="g36">
+			<path
+   style="fill:#FFFFFF;"
+   d="M176,286c-17.648,0-32,14.352-32,32s14.352,32,32,32s32-14.352,32-32S193.648,286,176,286z"
+   id="path34" />
+		</g>
+		<g
+   id="g40">
+			<path
+   style="fill:#FFFFFF;"
+   d="M96,286c-17.648,0-32,14.352-32,32s14.352,32,32,32s32-14.352,32-32S113.648,286,96,286z"
+   id="path38" />
+		</g>
+		<g
+   id="g44">
+			<path
+   style="fill:#FFFFFF;"
+   d="M336,286c-17.648,0-32,14.352-32,32s14.352,32,32,32c17.648,0,32-14.352,32-32     S353.648,286,336,286z"
+   id="path42" />
+		</g>
+		<g
+   id="g48">
+			<path
+   style="fill:#FFFFFF;"
+   d="M416,286c-17.648,0-32,14.352-32,32s14.352,32,32,32c17.648,0,32-14.352,32-32     S433.648,286,416,286z"
+   id="path46" />
+		</g>
+		<g
+   id="g52">
+			<path
+   style="fill:#FFFFFF;"
+   d="M256,366c-17.648,0-32,14.352-32,32c0,17.648,14.352,32,32,32s32-14.352,32-32     C288,380.351,273.648,366,256,366z"
+   id="path50" />
+		</g>
+		<g
+   id="g56">
+			<path
+   style="fill:#FFFFFF;"
+   d="M176,366c-17.648,0-32,14.352-32,32c0,17.648,14.352,32,32,32s32-14.352,32-32     C208,380.351,193.648,366,176,366z"
+   id="path54" />
+		</g>
+		<g
+   id="g60">
+			<path
+   style="fill:#FFFFFF;"
+   d="M96,366c-17.648,0-32,14.352-32,32c0,17.648,14.352,32,32,32s32-14.352,32-32     C128,380.351,113.648,366,96,366z"
+   id="path58" />
+		</g>
+		<g
+   id="g64">
+			<path
+   style="fill:#FFFFFF;"
+   d="M336,366c-17.648,0-32,14.352-32,32c0,17.648,14.352,32,32,32c17.648,0,32-14.352,32-32     C368,380.351,353.648,366,336,366z"
+   id="path62" />
+		</g>
+		<g
+   id="g68">
+			<path
+   style="fill:#FFFFFF;"
+   d="M416,366c-17.648,0-32,14.352-32,32c0,17.648,14.352,32,32,32c17.648,0,32-14.352,32-32     C448,380.351,433.648,366,416,366z"
+   id="path66" />
+		</g>
+	</g>
+	<g
+   id="g76">
+		<g
+   id="g74">
+			<path
+   style="fill:#5C546A;"
+   d="M64,90c-6.625,0-12-5.371-12-12V22c0-6.629,5.375-12,12-12s12,5.371,12,12v56     C76,84.629,70.625,90,64,90z"
+   id="path72" />
+		</g>
+	</g>
+	<g
+   id="g82">
+		<g
+   id="g80">
+			<path
+   style="fill:#5C546A;"
+   d="M448,90c-6.625,0-12-5.371-12-12V22c0-6.629,5.375-12,12-12s12,5.371,12,12v56     C460,84.629,454.625,90,448,90z"
+   id="path78" />
+		</g>
+	</g>
+	<g
+   id="g86">
+		<circle
+   style="fill:#fef332;fill-opacity:1"
+   cx="96"
+   cy="238"
+   r="32"
+   id="circle84" />
+	</g>
+	<g
+   id="g90">
+		<circle
+   style="fill:#ac5c21;fill-opacity:1"
+   cx="256"
+   cy="398"
+   r="32"
+   id="circle88" />
+	</g>
+	<g
+   id="g94">
+		<circle
+   style="fill:#fe9b32;fill-opacity:1"
+   cx="336"
+   cy="318"
+   r="32"
+   id="circle92" />
+	</g>
+</g>
+<g
+   id="g98">
+</g>
+<g
+   id="g100">
+</g>
+<g
+   id="g102">
+</g>
+<g
+   id="g104">
+</g>
+<g
+   id="g106">
+</g>
+<g
+   id="g108">
+</g>
+<g
+   id="g110">
+</g>
+<g
+   id="g112">
+</g>
+<g
+   id="g114">
+</g>
+<g
+   id="g116">
+</g>
+<g
+   id="g118">
+</g>
+<g
+   id="g120">
+</g>
+<g
+   id="g122">
+</g>
+<g
+   id="g124">
+</g>
+<g
+   id="g126">
+</g>
+</svg>

css/cols.css

@@ -0,0 +1,65 @@
+:root {
+
+	font-size: 16px;
+	
+	--col-width: 4.875rem;
+	--col-gap: 2rem;
+	--box-border-width: 0.25rem;
+	
+}
+
+@media screen and (min-width: 28.5rem) {
+	
+	:root {
+		
+		--page-col-nb: 4;
+		
+		--benefits-col-nb: 4;
+		--worlds-col-nb: 4;
+		--guides-col-nb: 4;
+	}
+	
+}
+
+
+@media screen and (min-width: 42.25rem) {
+	
+	:root {
+		
+		--page-col-nb: 6;
+		
+		--benefits-col-nb: 6;
+		--worlds-col-nb: 6;
+		--guides-col-nb: 6;
+	}
+	
+}
+
+
+
+@media screen and (min-width: 56rem) {
+	
+	:root {
+		
+		--page-col-nb: 8;
+		
+		--benefits-col-nb: 4;
+		--worlds-col-nb: 8;
+		--guides-col-nb: 4;
+	}
+}
+
+
+@media screen and (min-width: 83.5rem) {
+	
+	:root {
+		
+		--page-col-nb: 12;
+		--benefits-col-nb: 4;
+		--worlds-col-nb: 6;
+		--guides-col-nb: 4;
+	}
+	
+}
+
+

css/decoration-donors.css

@@ -0,0 +1,59 @@
+/* ------------------------------------------ DONORS ------------------------------------------ */
+
+
+.donorsList {
+
+	list-style: none;
+	font-family: sans-serif;
+}
+
+
+.donorsList li {
+
+	background-color: white;
+	box-shadow: -0.125rem 0.125rem 0.75rem hsla(0, 0%, 0%, 0.2);
+	border-style: solid;
+	border-color: transparent;
+	
+	position: relative;
+}
+
+.donorsList li:before {
+	
+	position: absolute;
+	top: 0.125rem;
+	content: ".";
+	color: transparent;
+	background-image: url("sprites/heart.png");
+	background-size: cover;
+	background-repeat: no-repeat;
+	right: 0.125rem;
+	
+	width: 1rem;
+	height: 1rem;
+
+}
+
+
+.donorsList li a {
+
+	color: hsl(0, 0%, 10%);
+	text-decoration: none;
+}
+
+
+.donorsList li a img {
+
+	background: black;
+}
+
+
+
+.donorsList li a .name {
+
+	font-weight: bold;
+	background: white;
+	color: #1d1d1d;
+}
+
+

css/decoration-home.css

@@ -0,0 +1,208 @@
+:root {
+
+	--navy: #15262b;
+}
+
+#guides > li a dfn span, 
+body.home main h2 > span {
+	
+	display: inline-block;
+}
+
+/* ------------------------------------------ BLOCK STYLE ------------------------------------------ */
+
+#worlds a, 
+#worlds a:visited, 
+#guides a, 
+#guides a:visited {
+	
+	color: white;
+}
+
+
+
+#worlds dt,
+#worlds dd,
+#benefits dt,
+#benefits dd, 
+#guides > li a {
+	
+	position: relative;
+}
+
+#worlds dt:before,
+#worlds dd:before,
+#benefits dt:before,
+#benefits dd:before, 
+#guides > li a {
+	
+	box-shadow: 
+		0 0 1.00rem hsl(0, 100%, 100%, 0.5), 
+		0 0rem 0.75rem hsla(0, 0%, 0%, 0.5), 
+		0 0rem 0.5rem hsla(0, 0%, 0%, 0.75), 
+		0 0rem 0.25rem hsla(0, 0%, 0%, 1);
+}
+
+/*
+#worlds dt:before,
+#worlds dd:before,
+#benefits dt:before,
+#benefits dd:before {
+	
+	content: " ";
+	width: 100%;
+	height: 100%;
+	z-index: 10;
+	display: block;
+	top: 0;
+	left: 0;
+	position: absolute;
+}
+*/
+
+#worlds dt,
+#benefits dt {
+
+	z-index: 50;
+}
+
+#worlds dd img,
+#benefits dd img {
+	
+	position: relative;
+	z-index: 200;
+}
+
+#benefits dt, 
+#benefits dd, 
+#worlds dt, 
+#worlds dd
+{
+	
+	border-style: solid;
+}
+
+#benefits dd,
+#worlds dd {
+	
+	font-weight: 600;
+}
+
+#benefits dt, 
+#worlds dt {
+	
+	font-weight: bold;
+}
+
+
+
+
+/* --------------------------------------- RAISONS DE VENIR --------------------------------------- */
+
+
+#benefits dd, 
+#benefits dt {
+	
+	color: hsl(0, 0%, 20%);
+	border-color: var(--navy);
+	overflow: hidden;
+}
+
+#benefits a, 
+#benefits a:visited {
+	
+	color: inherit;
+}
+
+#benefits dd {
+	
+	background-color: var(--nuage-1);
+}
+
+#benefits dt{
+	
+	background-color: var(--nuage-1);
+}
+
+
+
+
+/* ------------------------------------------ MONDES ------------------------------------------ */
+
+
+
+#worlds dt {
+	
+	font-weight: bold;
+}
+
+#worlds dd address {
+	
+	font-style: normal;
+}
+
+#worlds dt, 
+#worlds dd {
+		
+	border-color: #ffff81;
+	overflow: hidden;
+}
+
+#worlds dt {
+	
+	background-color: green;
+	color: white;
+}
+
+#worlds dd {
+	
+	background-color: var(--marron);
+	color: white;
+}
+
+
+/* ------------------------------------------ GUIDES ------------------------------------------ */
+
+
+#guides > li a {
+	
+	border-color: transparent;
+	background-image:
+		linear-gradient(hsla(0, 0%, 100%, 0.6) 0%, hsla(0, 0%, 100%, 0.61) 100%), 
+		url("sprites/default_gravel.png");
+	background-size: cover, 25.5rem;
+}	
+
+#guides > li a > span, 
+#guides > li a img {
+	
+	
+	background-color: transparent;
+	color: black;
+}
+
+#guides > li a dfn, 
+#guides > li a:visited  dfn {
+
+	background-color: hsl(0, 0%, 15%);
+	color: hsl(0, 0%, 95%);
+
+}
+
+#guides > li a:hover {
+
+	transform: scale(1.05);
+	border-color: black;
+}
+
+#guides {
+	
+	counter-reset: num-tuto;
+}
+
+#guides > li a, 
+#guides > li a:visited {
+	
+	text-decoration: none;
+}
+

css/decoration.css

@@ -0,0 +1,259 @@
+:root {
+
+	--marron: hsl(25.5, 67.8%, 40.2%);
+	--marron-fonce: hsl(25.5, 67.8%, 20.1%);
+	--nuage-1: hsl(60, 100%, 97.6%);
+	--nuage-2: hsl(48, 20%, 80.4%);
+	--bleu-ciel: hsl(215.3, 91.1%, 78%);
+	--orange: #ff4000;
+	--rouge: rgb(255, 110, 110);
+}
+
+@font-face {
+
+	font-family: Cantarell;
+	src: url("https://txmn.tk:8480/ipfs/QmdrTnJY7sW7DPJDwwoujoAAuKPwjDLbjzBKEVj8uuBoTF/Cantarell-Regular.otf") format("opentype"),
+		url("/fonts/Cantarell-Regular.otf") format("opentype");
+}
+
+@font-face {
+
+	font-family: SourceCodePro;
+	src: url("https://txmn.tk:8480/ipfs/Qmf1N4o5DjrPRLaSiqCmBf9CUyksvgys2m2oj5WA2gAwDR/SourceCodePro-Regular.otf") format("opentype"),
+		url("/fonts/SourceCodePro-Regular.otf") format("opentype");
+}
+
+html, body {
+	
+	font-family: Cantarell, "Liberation Sans", Helvetica, Arial;
+}
+
+.sr-only {
+	
+	display: none !important;
+}
+
+
+body > header nav button {
+	
+	background-color: transparent;
+	color: rgba(255, 255, 255, 0.5);
+	cursor: pointer;
+
+}
+	
+body > header nav button:after {
+
+	background-color: transparent;
+	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
+	background-repeat: repeat;
+	background-position: center center;
+	background-size: cover;
+}
+
+header nav ul li a {
+	
+	text-decoration: none;
+}
+
+header .sitedesc {
+	
+	font-weight: bold;
+}
+
+footer [role="contentinfo"] {
+
+	opacity: 0.666;
+}
+
+
+
+/* ------------------------------------------ CONTENTS ------------------------------------------ */
+
+
+
+article {
+
+	border-style: solid;
+	border-color: var(--marron-fonce);
+	background-image: 
+		linear-gradient(hsla(0, 0%, 100%, 0.5) 0%, hsla(0, 0%, 100%, 0.5) 100%), 
+		url("sprites/default_pine_wood.png");
+	background-size: cover, 2rem;
+	background-position-y: 0, -0.75rem;
+	color: black;
+}
+
+body.guide article {
+
+	border-color: transparent;
+	background-image:
+		linear-gradient(hsla(0, 0%, 100%, 0.6) 0%, hsla(0, 0%, 100%, 0.61) 100%), 
+		url("sprites/default_gravel.png");
+	background-size: cover, 25.5rem;
+}
+
+
+article h1 {
+
+	background: var(--marron-fonce);
+	color: white;
+}
+
+body.guide article h1 {
+
+	background: #222;
+	color: white;
+}
+
+
+
+a, a:visited {
+	
+	color: blue;
+}
+
+
+#successMsg {
+	
+	opacity: 0;
+}
+
+code {
+
+	background-color: black;
+	color: white;
+	padding: 0.25rem 0.5rem;
+}
+
+/* ------------------------------------------ TABLEAUX ------------------------------------------ */
+
+
+table {
+	
+	border-collapse: collapse;
+}
+
+table thead {
+	
+	background: black;
+	color: white;
+}
+
+tbody > tr:nth-of-type(odd) {
+	
+	background-color: #ededed;
+}
+
+tbody > tr:nth-of-type(even) {
+	
+	background-color: white;
+}
+
+table td, 
+table th {
+	
+	border-style: solid;
+	border-color: black;
+}
+
+table td.nombre,
+table th.nombre {
+	
+	text-align: right;
+}
+
+
+
+/* ------------------------------------------ SERVEURS ------------------------------------------ */
+
+
+
+address, dfn {
+
+	font-style: normal;
+}
+
+address.server > * {
+
+	font-family: SourceCodePro, "DroidSans Mono", Cantarell, "Liberation Sans", Helvetica, Arial;
+
+	border-style: solid;
+	background-color: var(--orange);
+	border-color: var(--orange);
+	
+	color: white;
+}
+
+address.server dfn {
+	
+	background-color: white;
+	color: black;
+}
+
+address.server span:last-of-type {
+	
+	border-left-color: white;
+}
+
+address.server span:first-of-type {
+	
+	border-right-color: white;
+}
+
+
+
+
+/* ------------------------------------------ BOITES ------------------------------------------ */
+
+
+
+.warn {
+
+	background-color: var(--rouge);
+}
+
+.warn:before {
+
+	content: "⚠ ";
+	float: left;
+	font-size: 3em;
+}
+
+kdb, .mono {
+
+	font-family: SourceCodePro, "DroidSans Mono", Cantarell, "Liberation Sans", Helvetica, Arial;
+	
+	border-style: solid;
+	
+	border-color: rgba(200,200,200,0.5);
+	background-color: hsl(0, 0%, 98%);
+	color: black;
+}
+
+.pubkey-and-copy-button input {
+
+	border-color: var(--marron-fonce);
+}
+	
+.pubkey-and-copy-button button {
+
+	background-color: var(--marron-fonce);
+	color: white;
+	font-weight: bold;
+}
+
+q {
+
+	font-style: italic;
+}
+
+q:before {
+	
+	padding-right: 0.25em;
+}
+
+q:after {
+	
+	padding-left: 0.25em;
+}

css/layout-donors.css

@@ -0,0 +1,180 @@
+@import "cols.css";
+
+/* ------------------------------------------ DONORS ------------------------------------------ */
+
+
+.donorsList {
+
+	margin-left: 0;
+	margin-right: 0;
+	padding-left: 0;
+	padding-right: 0;
+	margin-top: 2rem;
+	margin-bottom: 2rem;
+	/*
+	display: flex;
+	flex-wrap: wrap;
+	*/
+	justify-content: center;
+	display: grid;
+	
+	grid-row-gap: 1rem;
+	grid-column-gap: 1rem;
+	
+	grid-auto-flow: row;
+}
+
+.donorsList li {
+	/*
+	flex-basis: var(--base-width);
+	flex-grow: 0;
+
+	display: flex;
+	align-items: center;
+	*/
+	overflow: hidden;
+	margin: 0;
+	text-align: center;
+	
+	border-width: 0.25rem;
+}
+
+
+
+.donorsList li a {
+	
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	width: 100%;
+	font-size: 0.9em;
+}
+
+
+.donorsList li a img {
+
+	width: 100%;
+	display: block;
+}
+
+
+
+.donorsList li a img,
+.donorsList li a .name {
+
+	width: 100%;
+}
+
+
+.donorsList li a .name {
+	
+	flex-grow: 1;
+	padding: 1rem 0;
+	text-align: center;
+	
+	display: flex;
+	align-items: center;
+}
+
+
+.donorsList li a .name span {
+	
+	padding: 0 1em;
+	
+	flex-grow: 1;
+}
+
+
+@media screen and (min-width: 28.5rem) {
+
+
+	.donorsList li:nth-of-type(3n+1) {
+		
+		grid-column: 1;
+	}
+
+	.donorsList li:nth-of-type(3n+2) {
+		
+		grid-column: 2;
+	}
+
+	.donorsList li:nth-of-type(3n+3) {
+		
+		grid-column: 3;
+	}
+
+}
+
+@media screen and (min-width: 42.25rem) {
+
+	.donorsList li:nth-of-type(5n+1) {
+		
+		grid-column: 1;
+	}
+
+	.donorsList li:nth-of-type(5n+2) {
+		
+		grid-column: 2;
+	}
+
+	.donorsList li:nth-of-type(5n+3) {
+		
+		grid-column: 3;
+	}
+
+	.donorsList li:nth-of-type(5n+4) {
+		
+		grid-column: 4;
+	}
+
+	.donorsList li:nth-of-type(5n+5) {
+		
+		grid-column: 5;
+	}
+}
+
+
+@media screen and (min-width: 83.5rem) {
+
+
+@media screen and (min-width: 42.25rem) {
+
+	.donorsList li:nth-of-type(7n+1) {
+		
+		grid-column: 1;
+	}
+
+	.donorsList li:nth-of-type(7n+2) {
+		
+		grid-column: 2;
+	}
+
+	.donorsList li:nth-of-type(7n+3) {
+		
+		grid-column: 3;
+	}
+
+	.donorsList li:nth-of-type(7n+4) {
+		
+		grid-column: 4;
+	}
+
+	.donorsList li:nth-of-type(7n+5) {
+		
+		grid-column: 5;
+	}
+
+	.donorsList li:nth-of-type(7n+6) {
+		
+		grid-column: 6;
+	}
+
+	.donorsList li:nth-of-type(7n+7) {
+		
+		grid-column: 7;
+	}
+}
+}
+
+
+

css/layout-home.css

@@ -0,0 +1,511 @@
+@import "cols.css";
+
+body.home main h2 {
+
+	text-align: center;
+	margin-top: 3rem;
+	margin-bottom: 2rem;
+	
+	font-size: 2rem;
+}
+
+
+
+
+
+/* ------------------------------------------ INVITATION ------------------------------------------ */
+
+
+
+
+
+
+
+
+
+details#invite {
+
+	box-shadow: 0 0 1em hsla(0, 0%, 0%, 0.75);
+	overflow: auto;
+	margin-left: auto;
+	margin-right: auto;
+	margin-top: 3rem;
+	
+	height: 10rem;
+	width: calc(10rem/114*229);
+	
+	position: relative;
+	
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	
+	background: hsl(60, 100%, 95.5%);
+}
+
+
+details#invite[open] em,
+details#invite[open] time, 
+details#invite[open] strong,
+details#invite[open] a {
+	
+	font-style: inherit;
+	font-weight: normal;
+	text-decoration: underline;
+	color: inherit;
+}
+
+
+details#invite[open] {
+		
+	width: calc(10rem/114*229);
+	height: auto;
+	
+	font-style: italic;
+}
+
+details#invite[open] > * {
+	
+	max-height: calc(3*10rem);
+	height: auto;
+	position: relative;
+	overflow: hidden;
+	width: 100%;
+}
+
+details#invite[open] > *:before, 
+details#invite[open] > *:after {
+	
+	content: "";
+	width: 100%;
+	position: absolute;
+	top: 0;
+	border-bottom: 0.125rem solid hsla(60, 50%, 50%, 0.07);
+}
+ 
+details#invite[open] > *:before {
+
+	height: 33%;
+	
+}
+
+details#invite[open] > *:after {
+
+	height: 66%;
+}
+
+details#invite[open] > * > * {
+	
+	margin-left: 1rem;
+	margin-right: 1rem;
+}
+
+details#invite summary {
+	
+	list-style: none;
+	display: flex;
+	justify-content: center;
+	flex-direction: column;
+	text-align: right;
+	
+	padding-top: 1rem;
+	padding-right: 3rem;
+	height: 100%;
+	width: 100%;
+	box-sizing: border-box;
+	
+	cursor: pointer;
+}
+
+details#invite summary time {
+	
+	position: absolute;
+	top: 0;
+	right: 0;
+	
+	padding-right: 1rem;
+	padding-top: 0.5rem;
+}
+
+details#invite[open] summary {
+	
+	display: none;
+}
+
+
+
+
+
+
+
+/* ------------------------------------------ BLOCKS ------------------------------------------ */
+
+
+
+
+
+#guides img, 
+#worlds img, 
+#benefits img
+{
+	width: 100%;
+}
+
+
+#guides {
+
+	padding-left: 0;
+}
+
+
+#benefits, 
+#guides {
+	
+	display: grid;
+	justify-content: center;
+
+}
+
+	
+#benefits {
+
+	grid-row-gap: 0;
+}
+
+#guides {
+	
+	list-style: none;
+	
+	grid-row-gap: 2rem;
+}
+
+#benefits dd {
+	
+	margin-bottom: 1rem;
+}
+
+#benefits dt {
+
+	margin-top: 1rem;
+}
+
+#benefits {
+
+	margin-top: 0;
+}
+
+#worlds, 
+#guides {
+	
+	padding-top: 1rem;
+}
+
+#worlds {
+	
+	padding-bottom: 1rem;
+}
+
+#worlds dd {
+	
+	margin-bottom: 2rem;
+	margin-left: 0;
+}
+
+#worlds dd:last-of-type {
+	
+	margin-bottom: 0;
+}
+
+#benefits dt, 
+#worlds dt, 
+#guides > li a dfn, 
+#guides > li a:visited  dfn {
+
+	padding: 1rem;
+	text-align: center;
+	font-size: 1.25rem;
+	border-top-width: 0.25rem;
+	border-bottom-width: 0;
+}
+
+#benefits dd,
+#worlds dd, 
+#guides > li a > span, 
+#guides > li a img {
+	
+	border-top-width: 0;
+	border-bottom-width: 0.25rem;
+	margin-left: 0;
+}
+#guides > li a img {
+
+	border-top-width: 0;
+	border-bottom-width: 0;
+}
+	
+#benefits dd img, 
+#worlds dd img {
+
+	display: block;
+}
+
+#benefits dd p, 
+#worlds dd p,
+#worlds dd address {
+
+	margin: 1rem;
+}
+
+
+
+/* ------------------------------------------ MONDES ------------------------------------------ */
+
+#worlds {
+	
+	display: grid;
+	grid-row-gap: 0;
+	justify-content: center;
+}
+
+#worlds dt {
+
+	text-align: center;
+}
+
+/* ------------------------------------------ GUIDES ------------------------------------------ */
+
+
+#guides > li {
+	
+	margin: 0;
+	padding: 0;
+}
+
+#guides > li a, 
+#guides > li a:visited {
+	
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+}
+
+#guides > li a dfn 	{ order: 1; }
+#guides > li a img 	{ order: 2; }
+#guides > li a > span 	{ order: 3; }
+
+
+
+#guides > li a > span {
+
+	padding: 1rem;
+	width: calc(100% - 2 * 1rem);
+}
+
+
+
+
+
+
+/* ------------------------------------------ RESPONSIVE ------------------------------------------ */
+
+
+#benefits, 
+#guides, 
+#worlds {
+
+	grid-column-gap: var(--col-gap);
+	grid-template-columns: calc(100% - 1rem);
+}
+
+
+#benefits dt, 
+#benefits dd, 
+#worlds dt, 
+#worlds dd
+{
+	border-left-width: var(--box-border-width);
+	border-right-width: var(--box-border-width);
+}
+
+#guides > li a {
+	
+	border-width: var(--box-border-width);
+}
+
+
+
+
+@media screen and (min-width: 56rem) {
+	
+	/* BENEFITS */
+	
+	#benefits > dt:nth-of-type(2n+1), 
+	#benefits > dd:nth-of-type(2n+1) {
+		
+		grid-column: 1;
+	}
+
+	#benefits > dt:nth-of-type(2n+2), 
+	#benefits > dd:nth-of-type(2n+2) {
+		
+		grid-column: 2;
+	}
+
+	#benefits dt:nth-of-type(n + 1) {
+		
+		grid-row: 1;
+	}
+
+	#benefits dd:nth-of-type(n + 1) {
+
+		grid-row: 2;
+	}
+
+
+	#benefits dt:nth-of-type(n + 3) {
+		
+		grid-row: 3;
+	}
+		
+	#benefits dd:nth-of-type(n + 3) {
+
+		grid-row: 4;
+	}
+
+
+	#benefits dt:nth-of-type(n + 5) {
+		
+		grid-row: 5;
+	}
+		
+	#benefits dd:nth-of-type(n + 5) {
+
+		grid-row: 6;
+	}
+	
+	
+	/* GUIDES */	
+	
+	#guides > li:nth-of-type(2n+1) {
+		
+		grid-column: 1;
+	}
+	#guides > li:nth-of-type(2n+2) {
+		
+		grid-column: 2;
+	}
+}
+
+@media screen and (min-width: 83.5rem) {
+	
+	/* BENEFITS */
+
+	#benefits > dt:nth-of-type(3n+1), 
+	#benefits > dd:nth-of-type(3n+1) {
+		
+		grid-column: 1;
+	}
+
+	#benefits > dt:nth-of-type(3n+2), 
+	#benefits > dd:nth-of-type(3n+2) {
+		
+		grid-column: 2;
+	}
+
+	#benefits > dt:nth-of-type(3n+3),
+	#benefits > dd:nth-of-type(3n+3) {
+		
+		grid-column: 3;
+	}
+	
+	#benefits dt:nth-of-type(n + 1) {
+		
+		grid-row: 1;
+	}
+
+	#benefits dd:nth-of-type(n + 1) {
+
+		grid-row: 2;
+	}
+
+
+	#benefits dt:nth-of-type(n + 4) {
+		
+		grid-row: 3;
+	}
+		
+	#benefits dd:nth-of-type(n + 4) {
+
+		grid-row: 4;
+	}
+	
+	/* WORLDS */
+	
+	#worlds dd {
+		
+		grid-row: 2;
+		margin-bottom: 0rem;
+	}
+	
+	/* GUIDES */
+	
+	#guides > li:nth-of-type(3n+1){
+		
+		grid-column: 1;
+	}
+	#guides > li:nth-of-type(3n+2) {
+		
+		grid-column: 2;
+	}
+	#guides > li:nth-of-type(3n+3) {
+		
+		grid-column: 3;
+	}
+}
+
+
+@media screen and (min-width: 28.5rem) {
+
+	#benefits {
+	
+		grid-template-columns: 
+			repeat(
+				calc(var(--page-col-nb) / var(--benefits-col-nb)), 
+				calc(
+					var(--benefits-col-nb) * var(--col-width) + (var(--benefits-col-nb) - 1) * var(--col-gap)
+				)
+			);
+	}
+	
+
+	#guides {
+	
+		grid-template-columns: 
+			repeat(
+				calc(var(--page-col-nb) / var(--guides-col-nb)), 
+				calc(
+					var(--guides-col-nb) * var(--col-width) + (var(--guides-col-nb) - 1) * var(--col-gap)
+				)
+			);
+	}
+	
+
+	#worlds {
+	
+		grid-template-columns: 
+			repeat(
+				calc(var(--page-col-nb) / var(--worlds-col-nb)), 
+				calc(
+					var(--worlds-col-nb) * var(--col-width) + (var(--worlds-col-nb) - 1) * var(--col-gap)
+				)
+			);
+	}
+}
+
+#video-presentation {
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+	margin-top: 3rem;
+	max-width: 100%;
+}

css/layout.css

@@ -0,0 +1,632 @@
+@import "cols.css";
+
+
+body {
+
+	margin: 0 !important;
+	padding: 0 !important;
+}
+
+body > * {
+
+	position: relative;
+	z-index: 100;
+}
+
+/* ------------------------------------------ HEADER ------------------------------------------ */
+
+
+body > header {
+
+	margin-top: 0;
+	padding-top: 0;
+	
+	overflow: hidden;
+}
+
+
+body > header {
+
+	text-align: center;
+	
+	margin-left: auto;
+	margin-right: auto;
+}
+
+body > header a .sitename {
+	
+	display: none;
+}
+
+
+body > header {
+
+	z-index: 200;
+}
+
+body > header > :first-child {
+	
+	z-index: 250;
+}
+
+body > header > * {
+
+	margin-left: auto;
+	margin-right: auto;
+}
+
+body > header > :first-child a:before {
+	
+	display: block;
+}
+
+body > header > :first-child {
+
+	margin-top: 0;
+	margin-bottom: 0;
+	overflow: hidden;
+	line-height: 1rem;