aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorQuentin <quentin@deuxfleurs.fr>2021-01-09 23:02:47 +0100
committerQuentin <quentin@deuxfleurs.fr>2021-01-09 23:03:38 +0100
commit6a5744bf89d8b2040ac9dba189da72436f5d2834 (patch)
tree9857834361051c75f83f3e1941c1e9de4fa67be1 /src
parent5409567c4012d2177a3a35198573c4142a955b08 (diff)
downloadsite-6a5744bf89d8b2040ac9dba189da72436f5d2834.tar.gz
site-6a5744bf89d8b2040ac9dba189da72436f5d2834.zip
Some tests for the new website
Diffstat (limited to 'src')
-rw-r--r--src/next/css/main.css82
-rw-r--r--src/next/fonts/IMFellEnglish-Italic.ttfbin0 -> 198756 bytes
-rw-r--r--src/next/fonts/IMFellEnglish-Regular.ttfbin0 -> 191256 bytes
-rw-r--r--src/next/img/illus.jpgbin0 -> 563445 bytes
-rw-r--r--src/next/img/paper-clip.pngbin0 -> 26353 bytes
-rw-r--r--src/next/index.pug39
6 files changed, 121 insertions, 0 deletions
diff --git a/src/next/css/main.css b/src/next/css/main.css
new file mode 100644
index 0000000..fbbaa8a
--- /dev/null
+++ b/src/next/css/main.css
@@ -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;
+}
diff --git a/src/next/fonts/IMFellEnglish-Italic.ttf b/src/next/fonts/IMFellEnglish-Italic.ttf
new file mode 100644
index 0000000..57a7338
--- /dev/null
+++ b/src/next/fonts/IMFellEnglish-Italic.ttf
Binary files differ
diff --git a/src/next/fonts/IMFellEnglish-Regular.ttf b/src/next/fonts/IMFellEnglish-Regular.ttf
new file mode 100644
index 0000000..c8481a1
--- /dev/null
+++ b/src/next/fonts/IMFellEnglish-Regular.ttf
Binary files differ
diff --git a/src/next/img/illus.jpg b/src/next/img/illus.jpg
new file mode 100644
index 0000000..6eefb8a
--- /dev/null
+++ b/src/next/img/illus.jpg
Binary files differ
diff --git a/src/next/img/paper-clip.png b/src/next/img/paper-clip.png
new file mode 100644
index 0000000..255912f
--- /dev/null
+++ b/src/next/img/paper-clip.png
Binary files differ
diff --git a/src/next/index.pug b/src/next/index.pug
new file mode 100644
index 0000000..edfa5c4
--- /dev/null
+++ b/src/next/index.pug
@@ -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
+