1
0
Fork 0
forked from Deuxfleurs/site

Some tests for the new website

This commit is contained in:
Quentin 2021-01-09 23:02:47 +01:00
parent 5409567c40
commit 6a5744bf89
7 changed files with 122 additions and 1 deletions

View file

@ -24,7 +24,7 @@ const walk = async (path, filename) => {
}
}
const ext_static = ['.css', '.js', '.otf', '.png', '.svg', '.txt', '.png', '.jpg', 'client', 'server', '.pdf']
const ext_static = ['.css', '.js', '.otf', '.png', '.svg', '.txt', '.png', '.jpg', '.webp', 'client', 'server', '.pdf', '.ttf']
const ext_md = ['.md', '.markdown']
const ext_pug = ['.pug', '.jade']

82
src/next/css/main.css Normal file
View file

@ -0,0 +1,82 @@
/* some reset */
html, body {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
height: 100%;
font-size: 24px;
}
/* fonts */
@font-face {
font-family: 'IM Fell English';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(../fonts/IMFellEnglish-Italic.ttf) format('truetype');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'IM Fell English';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/IMFellEnglish-Regular.ttf) format('truetype');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html {
background-color: #fbfcf8;
}
body {
max-width: 900px;
padding: 1em;
margin: auto;
font-family: 'IM Fell English', Times, Serif;
color: #5c544a;
}
.hero {
background-image: url("../img/illus.jpg");
transform: rotate(-2deg);
height: 530px;
background-size: cover;
background-position: 50% 0%;
border-radius: 10px;
margin: -1.8em -1em 3em -1em;
}
.hero img {
position: absolute;
top: -14px;
left: 25px;
height: 100px;
}
header {
padding: 1em 0em 2em 0em;
}
article {
background-color: #f4eccd;
padding: 1em;
border-radius: 10px;
}
.brand {
font-size: 2em;
float: left;
}
nav {
float: right;
}
nav li {
padding: 0.5em;
display: inline;
}

Binary file not shown.

Binary file not shown.

BIN
src/next/img/illus.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 550 KiB

BIN
src/next/img/paper-clip.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

39
src/next/index.pug Normal file
View file

@ -0,0 +1,39 @@
doctype html
html
head
meta(charset="utf-8")
title df #{title}
link(rel="stylesheet", href="css/main.css")
meta(name="viewport", content="width=device-width, initial-scale=1.0")
body
header
.brand Deuxfleurs
nav
ul
li L'association
li Nos services
li Documentation
li
a(href="https://guichet.deuxfleurs.fr") Mon compte
br(style="clear:both")
main
article
.hero
img(src="img/paper-clip.png")
h1 Cher·e internaute, un autre internet est possible
p
| Arrêtez-vous cinq minutes. Prenez le temps de l'imaginer avec moi.
| Imaginez pouvoir accéder à l'information sans avoir à se demander si c'est une publicité ou non ?
| Imaginez que vos communications avec vos proches ne soient pas espionnées pour prédire votre prochain malus d'assurance ?
| Imaginez un lieux où vos amis verrez le contenu que vous publiez et non un obscure contenu viral ?
// Peut être rajouter des petits dessins genre gribouillage carnet.
h2 Des cabanes pour se protéger du sombre nuage
p Blabla
h2 Rejoignez-nous
footer
p Un footer