diff --git a/README.md b/README.md index d44b26b..9e4640a 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,11 @@ Proposition de design pour Librezo. [voir le rendu](http://librezo.txmn.tk) + +## Build + +[Install Zola](https://getzola.org) + +```bash + zola serve +``` diff --git a/content/charte.md b/content/charte.md new file mode 100644 index 0000000..8e5c3ff --- /dev/null +++ b/content/charte.md @@ -0,0 +1,22 @@ ++++ +title = "Charte" ++++ + +Librezo est un collectif autogéré d'individus, d’associations et d’entreprises qui mutualisent leurs ressources, compétences et connaissances au sein d'une structure à taille humaine dans le but de : + +* promouvoir des solutions informatiques en licences libres comme alternatives aux licences propriétaires des GAFAM +* encourager l’installation de serveurs auto-hébergés pour permettre à ses clients s’affranchir d’acteurs tiers et leur garantir la confidentialité et le contrôle de leurs données personnelles et de leur infrastructure numérique +* créer un réseau de prestataires de confiance sur l’ensemble du territoire +* accompagner ses clients dans leur utilisation des logiciels libres en vue de les rendre autonomes +* développer un modèle économique viable pour la promotion du logiciel libre en mettant en œuvre des prestations de service sur mesure associées à son utilisation +* La mission de Librezo s’inscrit dans une volonté technique de décentralisation des serveurs informatiques pour se préserver de la surveillance généralisée et de censure. Cette décentralisation répond également à la nécessaire réduction de l’empreinte énergétique du numérique. +* Les membres de Librezo et leurs partenaires sont promoteurs, utilisateurs, contributeurs ou ont une implication forte dans le logiciel libre. +* L'appartenance au collectif Librezo n'est pas liée à des accords financiers ou commerciaux, mais à l'évaluation par les autres membres du respect des valeurs et objectifs communs : + * liberté en tant que non nuisance symétrique + * horizontalité de la prise de décision + * partage et transmission des connaissances + * autonomie et entraide au sein d’une toile de confiance + * contribution au développement de l’écosystème du logiciel libre par la création de nouveaux outils informatiques + * politique locale des prestations favorisant la proximité géographique des clients et prestataires + +L’aventure Librezo est une expérimentation de démocratie d’entreprise. diff --git a/content/qui-sommes-nous.md b/content/qui-sommes-nous.md new file mode 100644 index 0000000..a81a1d5 --- /dev/null +++ b/content/qui-sommes-nous.md @@ -0,0 +1,36 @@ ++++ +title = "Qui sommes-nous ?" ++++ + +## Qui sommes-nous ? + +Librezo est un collectif décentralisé, né de la rencontre d'ami·es libristes désirant partager leur passion et leur savoir-faire dans le domaine des réseaux et du logiciel libre. + +{{ team_box( + title = "Étienne Bouché", + place = "Melun", + subtitle = "Le Technicien engagé", + img = "poka.jpg", + description = "Blabla" +) }} +{{ team_box( + title = "Cédric Dumond", + place = "Montreuil", + subtitle = "Le comédien bidouilleur", + img = "cedric.jpg", + description = "Blabla" +) }} +{{ team_box( + title = "Pascal Engélibert", + place = "Bordeaux", + subtitle = "Le bricoleur", + img = "tuxmain.jpg", + description = "Blabla" +) }} +{{ team_box( + title = "Tobias Ollive", + place = "Cambrai", + subtitle = "Le monocycliste", + img = "tobias.jpg", + description = "Blabla" +) }} diff --git a/sass/css/base.scss b/sass/css/base.scss index 1a3ac7d..802b178 100644 --- a/sass/css/base.scss +++ b/sass/css/base.scss @@ -1,8 +1,16 @@ +@import "defs"; + +@import "footer"; +@import "header"; +@import "process"; +@import "services"; +@import "team"; + #dev-warning { position: fixed; top: 48px; left: 0; - width: 256px; + width: 240px; background-color: #fa0; border-bottom: 4px dashed #000; border-right: 4px dashed #000; @@ -13,32 +21,27 @@ font-size: 20px; } -@font-face { - font-family: Amatic; - src: url("/fonts/AmaticSC-Bold.woff2"); -} - -@font-face { - font-family: LunaSans; - src: url("/fonts/LunaSans-Regular.ttf"); -} - html, body { margin: 0; padding: 0; font-family: LunaSans; } -@import "header"; -@import "footer"; -@import "services"; -@import "process"; - main { width: 100%; + font-size: 18px; + min-height: calc(100vh - 155px); +} + +main.center { text-align: center; } +main.narrower { + max-width: 900px; + margin: auto; +} + a, a:visited { text-decoration: none; } diff --git a/sass/css/defs.scss b/sass/css/defs.scss new file mode 100644 index 0000000..16b5411 --- /dev/null +++ b/sass/css/defs.scss @@ -0,0 +1,12 @@ +$blue: #0294d9; +$violet: #ac44ff; + +@font-face { + font-family: Amatic; + src: url("/fonts/AmaticSC-Bold.woff2"); +} + +@font-face { + font-family: LunaSans; + src: url("/fonts/LunaSans-Regular.ttf"); +} diff --git a/sass/css/footer.scss b/sass/css/footer.scss index 5bbac6c..22da924 100644 --- a/sass/css/footer.scss +++ b/sass/css/footer.scss @@ -1,6 +1,8 @@ +@import "defs"; + footer { margin-top: 32px; - background: linear-gradient(0.25turn, #0294d9, #ac44ff); + background: linear-gradient(0.25turn, $blue, $violet); color: #fff; font-size: 18px; } diff --git a/sass/css/header.scss b/sass/css/header.scss index 9da899e..1a78b2a 100644 --- a/sass/css/header.scss +++ b/sass/css/header.scss @@ -1,3 +1,5 @@ +@import "defs"; + header { height: 48px; max-width: 1100px; @@ -28,5 +30,5 @@ header { } #header-menu a:hover, #header-menu a:focus { - text-shadow: 1px 2px 1px #ac44ff; + text-shadow: 1px 2px 1px $violet; } diff --git a/sass/css/process.scss b/sass/css/process.scss index c1b8c64..f3ca9ad 100644 --- a/sass/css/process.scss +++ b/sass/css/process.scss @@ -1,7 +1,9 @@ +@import "defs"; + .process-title { font-family: Amatic; font-size: 42px; - background: linear-gradient(0.25turn, #0294d9, #ac44ff); + background: linear-gradient(0.25turn, $blue, $violet); color: #fff; margin-top: 16px; margin-bottom: 16px; @@ -26,7 +28,7 @@ width: 64px; height: 64px; font-size: 48px; - background: linear-gradient(-0.125turn, #0294d9, #ac44ff); + background: linear-gradient(-0.125turn, $blue, $violet); color: #fff; border-radius: 32px; } diff --git a/sass/css/services.scss b/sass/css/services.scss index e2b3a69..3dd71dd 100644 --- a/sass/css/services.scss +++ b/sass/css/services.scss @@ -1,16 +1,18 @@ +@import "defs"; + .need_services { margin-top: 16px; display: flex; align-items: stretch; justify-content: center; - border-right: 32px solid #ac44ff; + border-right: 32px solid $violet; } .need_box { flex: 38%; font-family: Amatic; font-size: 42px; - background: linear-gradient(0.25turn, #0294d9, #ac44ff); + background: linear-gradient(0.25turn, $blue, $violet); color: #fff; display: flex; flex-direction: column; @@ -52,7 +54,7 @@ } .service_box-link:hover, .service_box-link:focus { - text-shadow: 1px 2px 1px #ac44ff; + text-shadow: 1px 2px 1px $violet; } .service_box-title { diff --git a/sass/css/team.scss b/sass/css/team.scss new file mode 100644 index 0000000..ab04a98 --- /dev/null +++ b/sass/css/team.scss @@ -0,0 +1,16 @@ +@import "defs"; + +.team_box { + float: left; + margin: 16px; +} + +.team_box-img { + // 70% ~= 1/sqrt(2) + mask-image: radial-gradient(circle, #000 69%, transparent 70%); + width: 160px; +} + +.team_box-subtitle { + color: $blue; +} diff --git a/static/img/ethicit-mini.png b/static/img/ethicit-mini.png new file mode 100644 index 0000000..6e4773b Binary files /dev/null and b/static/img/ethicit-mini.png differ diff --git a/static/img/foopgp-mini.png b/static/img/foopgp-mini.png new file mode 100644 index 0000000..2c9fe69 Binary files /dev/null and b/static/img/foopgp-mini.png differ diff --git a/static/img/immae-mini.png b/static/img/immae-mini.png new file mode 100644 index 0000000..8c94f2a Binary files /dev/null and b/static/img/immae-mini.png differ diff --git a/static/img/librecours-mini.png b/static/img/librecours-mini.png new file mode 100644 index 0000000..6608ba1 Binary files /dev/null and b/static/img/librecours-mini.png differ diff --git a/static/img/oasis21.png b/static/img/oasis21.png new file mode 100644 index 0000000..3b31614 Binary files /dev/null and b/static/img/oasis21.png differ diff --git a/static/img/p2plegal-mini.png b/static/img/p2plegal-mini.png new file mode 100644 index 0000000..2feee26 Binary files /dev/null and b/static/img/p2plegal-mini.png differ diff --git a/static/img/pccom-mini.png b/static/img/pccom-mini.png new file mode 100644 index 0000000..1a23c71 Binary files /dev/null and b/static/img/pccom-mini.png differ diff --git a/static/img/team/cedric.jpg b/static/img/team/cedric.jpg new file mode 100644 index 0000000..babb2e2 Binary files /dev/null and b/static/img/team/cedric.jpg differ diff --git a/static/img/team/ethicit.jpg b/static/img/team/ethicit.jpg new file mode 100644 index 0000000..6126bba Binary files /dev/null and b/static/img/team/ethicit.jpg differ diff --git a/static/img/team/francis-drubigny.jpg b/static/img/team/francis-drubigny.jpg new file mode 100644 index 0000000..7e5ed05 Binary files /dev/null and b/static/img/team/francis-drubigny.jpg differ diff --git a/static/img/team/ismael.jpg b/static/img/team/ismael.jpg new file mode 100644 index 0000000..fdbef13 Binary files /dev/null and b/static/img/team/ismael.jpg differ diff --git a/static/img/team/jjb.png b/static/img/team/jjb.png new file mode 100644 index 0000000..fbeaea6 Binary files /dev/null and b/static/img/team/jjb.png differ diff --git a/static/img/team/mathilde.jpg b/static/img/team/mathilde.jpg new file mode 100644 index 0000000..9a608e2 Binary files /dev/null and b/static/img/team/mathilde.jpg differ diff --git a/static/img/team/philippe.png b/static/img/team/philippe.png new file mode 100644 index 0000000..796ef3f Binary files /dev/null and b/static/img/team/philippe.png differ diff --git a/static/img/team/poka.jpg b/static/img/team/poka.jpg new file mode 100644 index 0000000..0035214 Binary files /dev/null and b/static/img/team/poka.jpg differ diff --git a/static/img/team/thibaut-parent.png b/static/img/team/thibaut-parent.png new file mode 100644 index 0000000..e8e762b Binary files /dev/null and b/static/img/team/thibaut-parent.png differ diff --git a/static/img/team/tobias.jpg b/static/img/team/tobias.jpg new file mode 100644 index 0000000..566e666 Binary files /dev/null and b/static/img/team/tobias.jpg differ diff --git a/static/img/team/tuxmain.jpg b/static/img/team/tuxmain.jpg new file mode 100644 index 0000000..c1bc4c2 Binary files /dev/null and b/static/img/team/tuxmain.jpg differ diff --git a/static/img/team/vincent.jpg b/static/img/team/vincent.jpg new file mode 100644 index 0000000..329ba07 Binary files /dev/null and b/static/img/team/vincent.jpg differ diff --git a/templates/base.html b/templates/base.html index 7cef753..9d9ea18 100644 --- a/templates/base.html +++ b/templates/base.html @@ -45,7 +45,7 @@
  • 07.82.30.66.53
  • info@librezo.com
    • - Code source du site + Code source du site

    diff --git a/templates/index.html b/templates/index.html index 49a4d66..907ecc5 100644 --- a/templates/index.html +++ b/templates/index.html @@ -6,7 +6,7 @@ {% endblock head %} {% block body %} -

    +
    {{section.content | safe}}
    {% endblock body %} diff --git a/templates/page.html b/templates/page.html new file mode 100644 index 0000000..b4feab2 --- /dev/null +++ b/templates/page.html @@ -0,0 +1,12 @@ +{% extends "base.html" %} + +{% block title %}{{ config.extra.sitename|safe }}{% endblock title %} + +{% block head %} +{% endblock head %} + +{% block body %} +
    + {{page.content | safe}} +
    +{% endblock body %} diff --git a/templates/shortcodes/team_box.html b/templates/shortcodes/team_box.html new file mode 100644 index 0000000..9ada3a5 --- /dev/null +++ b/templates/shortcodes/team_box.html @@ -0,0 +1,17 @@ +
    + +
    {{title}}
    + {{title|safe}} + {% if place %} + {{place|safe}} + {% endif %} + {% if subtitle %} +
    + {{subtitle|safe}} + {% endif %} + {% if description %} +
    + {{description|safe}} + {% endif %} +     +