Initial commit

2022-09-26 07:46:56 +02:00 · 2022-09-26 07:46:56 +02:00 · 3c4ba7bb16
commit 3c4ba7bb16
18 changed files with 146 additions and 0 deletions
--- a/README.md
+++ b/README.md
@ -0,0 +1,3 @@
+Proposition de design pour Librezo.
+
+[voir le rendu](http://librezo.txmn.tk)
--- a/config.toml
+++ b/config.toml
@ -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"
--- a/content/_index.md
+++ b/content/_index.md
@ -0,0 +1,11 @@
+++
+title = "Librezo"
+++
+
+<img class="big-logo" alt="Logo Librezo" src="/img/logo-color-light.png"/>
+
+<p class="cities">Aix &#8211; Cambrai &#8211; Grasse &#8211; Marseille &#8211; Montreuil &#8211; Pau &#8211; Rennes &#8211; 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>
--- a/public/css/base.css
+++ b/public/css/base.css
@ -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}
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/fonts/AmaticSC-Bold.woff2
+++ b/public/fonts/AmaticSC-Bold.woff2
--- a/public/img/librezo-little-black.png
+++ b/public/img/librezo-little-black.png
--- a/public/img/logo-color-light.png
+++ b/public/img/logo-color-light.png
--- a/public/img/madein.png
+++ b/public/img/madein.png
--- a/sass/css/base.scss
+++ b/sass/css/base.scss
@ -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;
+}
--- a/static/favicon.ico
+++ b/static/favicon.ico
--- a/static/fonts/AmaticSC-Bold.woff2
+++ b/static/fonts/AmaticSC-Bold.woff2
--- a/static/img/librezo-little-black.png
+++ b/static/img/librezo-little-black.png
--- a/static/img/logo-color-light.png
+++ b/static/img/logo-color-light.png
--- a/static/img/madein.png
+++ b/static/img/madein.png
--- a/templates/base.html
+++ b/templates/base.html
@ -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>
--- a/templates/index.html
+++ b/templates/index.html
@ -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 %}
--- a/templates/macros.html
+++ b/templates/macros.html
				`@ -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}