esther/site
1
0
Fork 0
forked from Deuxfleurs/site
Code Issues Pull requests Releases Wiki Activity

WIP site web

Browse source
This commit is contained in:
Quentin 2020-05-16 15:25:52 +02:00
parent b8a2463aca
commit 0662cca6df
3 changed files with 49 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/_layout.pug
View file

@ -8,6 +8,7 @@ block root
link(rel="stylesheet", href="/css/main.css") link(rel="stylesheet", href="/css/main.css")
meta(name="viewport", content="width=device-width, initial-scale=1.0") meta(name="viewport", content="width=device-width, initial-scale=1.0")
body body
aside
header header
a#menu(href="#").mobile_inline a#menu(href="#").mobile_inline
svg(viewBox="0 0 100 80", width="40", height="40") svg(viewBox="0 0 100 80", width="40", height="40")
@ -26,12 +27,12 @@ block root
main main
block content block content
footer
script. script.
(_ => { (_ => {
const hamburger = document.getElementById('menu') const hamburger = document.getElementById('menu')
hamburger.onclick = _ => { hamburger.onclick = _ => {
const nav = document.querySelector('body > header > nav') const nav = document.querySelector('body > aside > header > nav')
console.log(nav.style.display) console.log(nav.style.display)
nav.style.display = nav.style.display != 'block' ? 'block' : 'none' nav.style.display = nav.style.display != 'block' ? 'block' : 'none'
} }

27
src/css/main.css
View file

@ -44,7 +44,7 @@ body {
*/ */
/* Header + Menu */ /* Header + Menu */
body > header { body > aside > header {
color: white; color: white;
background: rgb(125,205,141); background: rgb(125,205,141);
background: linear-gradient(0deg, rgba(125,205,141,1) 0%, rgba(81,156,96,1) 50%, rgba(12,144,110,1) 100%); background: linear-gradient(0deg, rgba(125,205,141,1) 0%, rgba(81,156,96,1) 50%, rgba(12,144,110,1) 100%);
@ -54,27 +54,27 @@ body > header {
box-shadow: 0px 0px 30px rgba(31,38,103,0.2); box-shadow: 0px 0px 30px rgba(31,38,103,0.2);
} }
body > header > a > svg { body > aside > header > a > svg {
fill: white; fill: white;
display: inline; display: inline;
vertical-align: sub; vertical-align: sub;
margin-right: 1em; margin-right: 1em;
} }
body > header > h1 { display: inline } body > aside > header > h1 { display: inline }
body > header a { body > aside > header a {
color: white; color: white;
text-decoration: none; text-decoration: none;
} }
body > header > nav ul { body > aside > header > nav ul {
list-style-type: none; list-style-type: none;
padding-left: 1em; padding-left: 1em;
} }
body > header > nav > ul { padding-left: 0px } body > aside > header > nav > ul { padding-left: 0px }
body > header > nav a:hover { text-decoration: underline } body > aside > header > nav a:hover { text-decoration: underline }
body > header > nav .selected { font-weight: bold } body > aside > header > nav .selected { font-weight: bold }
body > header > nav .selected::before { content: "» " } body > aside > header > nav .selected::before { content: "» " }
body > main { body > main {
padding: 1.5rem; padding: 1.5rem;
@ -92,8 +92,10 @@ h3 { font-size: 1.75rem }
h4 { font-size: 1.50rem } h4 { font-size: 1.50rem }
h5 { font-size: 1.25rem } h5 { font-size: 1.25rem }
h6 { font-size: 1.10rem } h6 { font-size: 1.10rem }
h1, h2, h3, h4, h5, h6 { margin-bottom: 1rem }
section, p, ul, ol { margin-bottom: 1rem } section, p, ul, ol { margin-bottom: 1rem }
ul, ol { padding-left: 1.5em } ul, ol { padding-left: 1.5em }
a { color: rgb(12,144,110)}
img { img {
border-radius: 0.5rem; border-radius: 0.5rem;
box-shadow: 0px 0px 30px rgba(31,38,103,0.2); box-shadow: 0px 0px 30px rgba(31,38,103,0.2);
@ -153,7 +155,8 @@ input {
.service-box { .service-box {
color: #000; color: #000;
text-decoration: none; text-decoration: none;
border: 0.2em solid #000; border: 1px solid #ddd;
border-radius: 0.5rem;
width: 250px; width: 250px;
text-align:center; text-align:center;
margin: 1em 1em 0em 0em; margin: 1em 1em 0em 0em;
@ -165,3 +168,7 @@ input {
color: #fff; color: #fff;
} }
.frame {
border-left: 1rem solid #ddd;
padding-left: 1rem;
}

17
src/index.pug
View file

@ -38,13 +38,26 @@ block content
h2 # nos valeurs h2 # nos valeurs
section(style="padding-left:1.5rem") section(style="padding-left:1.5rem")
h3 ⇨ protèger notre vie privée h3 ⇨ protèger la vie privée
h3 ⇨ défendre notre liberté d'expression h3 ⇨ défendre la liberté d'expression
h3 ⇨ ne pas se laisser manipuler h3 ⇨ ne pas se laisser manipuler
h3 ⇨ choisir la sobriété numérique h3 ⇨ choisir la sobriété numérique
h3 ⇨ prendre les décisions ensemble h3 ⇨ prendre les décisions ensemble
h3 ⇨ mettre en commun nos connaissances et nos infrastructures h3 ⇨ mettre en commun nos connaissances et nos infrastructures
section
h2 # nos réflexions
article.frame
p.right
em Par Quentin, le 20 avril 2020
h4
a(href="https://quentin.dufour.io/blog/2020-04-20/stopcovid/") StopCovid : anonymat et autorités
p
| "StopCovid sera totalement anonyme. L'État ne pourra rien savoir sur vous." Non, c'est FAUX, l'État connaitra votre identité et pourrait vous assigner à résidence sans recours possible. Nous vous expliquons pourquoi en nous basant sur le document technique de l'application.
|
a(href="https://quentin.dufour.io/blog/2020-04-20/stopcovid/") Lire la suite.
section section
h2 # faisons connaissance h2 # faisons connaissance
p.spacing Nous fonctionnons actuellement selon un mode de cooptation qui nous permet d'une part de mieux contrôler l'utilisation des ressources et éviter les abus, et d'autre part de créer et garder un contact humain avec nos utilisateurs. p.spacing Nous fonctionnons actuellement selon un mode de cooptation qui nous permet d'une part de mieux contrôler l'utilisation des ressources et éviter les abus, et d'autre part de créer et garder un contact humain avec nos utilisateurs.