Initial commit (again)
|
@ -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
|
||||
|
||||
|
After Width: | Height: | Size: 28 KiB |
After Width: | Height: | Size: 83 KiB |
|
@ -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;
|
||||
}
|
After Width: | Height: | Size: 45 KiB |
After Width: | Height: | Size: 99 KiB |
After Width: | Height: | Size: 134 KiB |
After Width: | Height: | Size: 172 KiB |
After Width: | Height: | Size: 55 KiB |
After Width: | Height: | Size: 218 KiB |
After Width: | Height: | Size: 564 KiB |
|
@ -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>
|
After Width: | Height: | Size: 5.8 KiB |
After Width: | Height: | Size: 145 KiB |
After Width: | Height: | Size: 138 KiB |
|
@ -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;
|
||||
}
|
||||
|
||||