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 189cb09..802b178 100644 --- a/sass/css/base.scss +++ b/sass/css/base.scss @@ -1,3 +1,11 @@ +@import "defs"; + +@import "footer"; +@import "header"; +@import "process"; +@import "services"; +@import "team"; + #dev-warning { position: fixed; top: 48px; @@ -13,27 +21,12 @@ 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; 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/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 %} + +