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