640 changed files with 28807 additions and 0 deletions
@ -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 |
Binary file not shown.
|
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; |
|||
} |
|||
|
|||
|
|||
/* 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 | |||