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