Initial commit
3
README.md
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
Proposition de design pour Librezo.
|
||||||
|
|
||||||
|
[voir le rendu](http://librezo.txmn.tk)
|
19
config.toml
Normal file
|
@ -0,0 +1,19 @@
|
||||||
|
base_url = "/"
|
||||||
|
|
||||||
|
compile_sass = true
|
||||||
|
|
||||||
|
build_search_index = false
|
||||||
|
|
||||||
|
default_language = "fr"
|
||||||
|
|
||||||
|
minify_html = false
|
||||||
|
|
||||||
|
[slugify]
|
||||||
|
paths = "off"
|
||||||
|
taxonomies = "off"
|
||||||
|
|
||||||
|
[markdown]
|
||||||
|
highlight_code = false
|
||||||
|
|
||||||
|
[extra]
|
||||||
|
sitename = "Librezo"
|
11
content/_index.md
Normal file
|
@ -0,0 +1,11 @@
|
||||||
|
+++
|
||||||
|
title = "Librezo"
|
||||||
|
+++
|
||||||
|
|
||||||
|
<img class="big-logo" alt="Logo Librezo" src="/img/logo-color-light.png"/>
|
||||||
|
|
||||||
|
<p class="cities">Aix – Cambrai – Grasse – Marseille – Montreuil – Pau – Rennes – Toulouse</p>
|
||||||
|
|
||||||
|
<img class="madein" alt="Made in Chez Vous" src="/img/madein.png"/>
|
||||||
|
|
||||||
|
<p class="slogan1">Gardez le contrôle de vos données</p>
|
1
public/css/base.css
Normal file
|
@ -0,0 +1 @@
|
||||||
|
@font-face{font-family:Amatic;src:url("/fonts/AmaticSC-Bold.woff2")}html,body{margin:0;padding:0;font-family:"Luna Sans"}header{height:48px;max-width:1100px;margin:0 auto 16px auto;font-size:24px}#header-logo{float:left;height:48px}#header-menu ul{float:right;list-style-type:none;margin:9px 0 0 0}#header-menu li{display:inline-block;margin:0 8px}#header-menu a{padding:8px 8px;color:black}#header-menu a:hover,#header-menu a:focus{border-bottom:2px solid #ac44ff}main{width:100%;text-align:center}a,a:visited{text-decoration:none}.sr-only{position:absolute;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.cities{font-size:18px}.madein{width:256px}.slogan1{font-size:400%;font-family:Amatic}
|
BIN
public/favicon.ico
Normal file
After Width: | Height: | Size: 74 KiB |
BIN
public/fonts/AmaticSC-Bold.woff2
Normal file
BIN
public/img/librezo-little-black.png
Normal file
After Width: | Height: | Size: 2 KiB |
BIN
public/img/logo-color-light.png
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
public/img/madein.png
Normal file
After Width: | Height: | Size: 12 KiB |
74
sass/css/base.scss
Normal file
|
@ -0,0 +1,74 @@
|
||||||
|
@font-face {
|
||||||
|
font-family: Amatic;
|
||||||
|
src: url("/fonts/AmaticSC-Bold.woff2");
|
||||||
|
}
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
font-family: "Luna Sans";
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
height: 48px;
|
||||||
|
max-width: 1100px;
|
||||||
|
margin: 0 auto 16px auto;
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header-logo {
|
||||||
|
float: left;
|
||||||
|
height: 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header-menu ul {
|
||||||
|
float: right;
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 9px 0 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header-menu li {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header-menu a {
|
||||||
|
padding: 8px 8px;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header-menu a:hover, #header-menu a:focus {
|
||||||
|
border-bottom: 2px solid #ac44ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
a, a:visited {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sr-only {
|
||||||
|
position: absolute;
|
||||||
|
height: 1px;
|
||||||
|
padding: 0;
|
||||||
|
margin: -1px;
|
||||||
|
overflow: hidden;
|
||||||
|
clip: rect(0, 0, 0, 0);
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cities {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.madein {
|
||||||
|
width: 256px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slogan1 {
|
||||||
|
font-size: 400%;
|
||||||
|
font-family: Amatic;
|
||||||
|
}
|
BIN
static/favicon.ico
Normal file
After Width: | Height: | Size: 74 KiB |
BIN
static/fonts/AmaticSC-Bold.woff2
Normal file
BIN
static/img/librezo-little-black.png
Normal file
After Width: | Height: | Size: 2 KiB |
BIN
static/img/logo-color-light.png
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
static/img/madein.png
Normal file
After Width: | Height: | Size: 12 KiB |
26
templates/base.html
Normal file
|
@ -0,0 +1,26 @@
|
||||||
|
{% import "macros.html" as macros %}
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8"/>
|
||||||
|
<title>{% block title %}{% endblock title %}</title>
|
||||||
|
<link rel="stylesheet" href="/css/base.css"/>
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/>
|
||||||
|
<meta name="viewport" content="width=device-width"/>
|
||||||
|
{% block head %}{% endblock head %}
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<a href="/"><img id="header-logo" src="/img/librezo-little-black.png" alt="Logo Librezo" aria-hidden/><h1 class="sr-only">Librezo</h1></a>
|
||||||
|
<nav id="header-menu">
|
||||||
|
<ul>
|
||||||
|
<li><a href="/services">Services et tarifs</a></li>
|
||||||
|
<li><a href="/qui-sommes-nous">Qui sommes-nous</a></li>
|
||||||
|
<li><a href="/contact">Contactez-nous</a></li>
|
||||||
|
<li><a href="/charte">Charte</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
{% block body %}{% endblock body %}
|
||||||
|
</body>
|
||||||
|
</html>
|
12
templates/index.html
Normal file
|
@ -0,0 +1,12 @@
|
||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block title %}{{ config.extra.sitename|safe }}{% endblock title %}
|
||||||
|
|
||||||
|
{% block head %}
|
||||||
|
{% endblock head %}
|
||||||
|
|
||||||
|
{% block body %}
|
||||||
|
<main>
|
||||||
|
{{section.content | safe}}
|
||||||
|
</main>
|
||||||
|
{% endblock body %}
|