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