Initial commit (again)

master
Pascal Engélibert 2020-12-11 19:52:55 +01:00
parent 0771771e11
commit ee8a28e302
640 changed files with 28807 additions and 0 deletions

20
.htaccess Normal file
View File

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

BIN
Minetest_logo-240px.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

BIN
Minetest_logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 83 KiB

136
config.php Normal file
View File

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

BIN
css/banner-330w.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 KiB

BIN
css/banner-550w.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 KiB

BIN
css/banner-660w.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 134 KiB

BIN
css/banner-770w.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 172 KiB

BIN
css/banner-800w.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

BIN
css/banner-880w.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 218 KiB

BIN
css/banner.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 564 KiB

BIN
css/banner.xcf Normal file

Binary file not shown.

259
css/calendar.svg Executable file
View File

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

BIN
css/ciel-etoile-orig.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 145 KiB

BIN
css/ciel-etoile.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 138 KiB

65
css/cols.css Normal file
View File

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

59
css/decoration-donors.css Normal file
View File

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

208
css/decoration-home.css Normal file
View File

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

259
css/decoration.css Normal file
View File

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

180
css/layout-donors.css Normal file
View File

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

511
css/layout-home.css Normal file
View File

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