diff --git a/content/_index.md b/content/_index.md index 04cdef3..925d9c6 100644 --- a/content/_index.md +++ b/content/_index.md @@ -22,9 +22,11 @@ title = "Librezo"

Melun Montreuil Nantes Pau Rennes Roanne Toulouse

-Reprenez le contrôle +
-
+Reprenez le contrôle ↱ + +
{{ square_box(title="Confidentialité", text="Vos données personnelles le restent") }} {{ square_box(title="Résilience", text="Récupérez rapidement d'une panne avec des sauvegardes") }} {{ square_box(title="Souveraineté", text="Reprenez le contrôle de votre infrastructure informatique") }} @@ -36,6 +38,9 @@ title = "Librezo" {{ square_box(title="Savoir-faire", text="Vous êtes en contact direct avec des experts") }} {{ square_box(title="Solidarité", text="15% de nos bénéfices sont reversés au développement des logiciels utilisés") }}
+ + +En savoir plus sur les logiciels libres

Pour qui ?

diff --git a/content/qui-sommes-nous.md b/content/qui-sommes-nous.md index 756e8c7..76c4dff 100644 --- a/content/qui-sommes-nous.md +++ b/content/qui-sommes-nous.md @@ -163,11 +163,14 @@ carousel = true {{ carousel_item(msg='Air France') }} {{ carousel_item(msg='EADS Astrium') }} {{ carousel_item(msg='Axiom-Team') }} +{{ carousel_item(msg='Car-Use.org') }} +{{ carousel_item(msg='Clean Toilets') }} {{ carousel_item(msg='CNES') }} {{ carousel_item(msg='EDF') }} {{ carousel_item(msg='Elsys Design') }} {{ carousel_item(msg='FretLink') }} {{ carousel_item(msg='Hologic') }} +{{ carousel_item(msg='Imago Process') }} {{ carousel_item(msg='La Poste') }} {{ carousel_item(msg='La Ruche qui dit Oui') }} {{ carousel_item(msg='Lycée professionnel Jean-Pierre Timbaud') }} @@ -179,7 +182,9 @@ carousel = true {{ carousel_item(msg='Sagem') }} {{ carousel_item(msg='SII') }} {{ carousel_item(msg='Solucom') }} +{{ carousel_item(msg='Sports Santé') }} {{ carousel_item(msg='Tera') }} {{ carousel_item(msg='Thales') }} {{ carousel_item(msg='Trainline') }} +{{ carousel_item(msg='Undula') }} {% end %} diff --git a/sass/css/base.scss b/sass/css/base.scss index 1e481db..fa584c2 100644 --- a/sass/css/base.scss +++ b/sass/css/base.scss @@ -212,3 +212,43 @@ h3 { .img-right img { max-width: 100vw; } + +.bigbutton { + background: linear-gradient(-0.125turn, $blue, $violet); + border-radius: 4px; + font-family: Neucha; + font-size: 150%; + padding: 16px; +} + +a.bigbutton, a.bigbutton:hover, a.bigbutton:focus { + color: white; + text-decoration: none; +} + +a.bigbutton:hover, a.bigbutton:focus { + box-shadow: 4px 4px 0 $violet; +} + +.bigbutton2 { + border: 1px solid $blue; + border-radius: 4px; + font-family: Neucha; + font-size: 150%; + padding: 16px; +} + +a.bigbutton2, a.bigbutton2:hover, a.bigbutton2:focus { + color: black; + text-decoration: none; +} + +a.bigbutton2:hover, a.bigbutton2:focus { + box-shadow: 4px 4px 0 $violet; +} + +@media (prefers-color-scheme: dark) { + a.bigbutton2, a.bigbutton2:hover, a.bigbutton2:focus { + color: white; + } +} diff --git a/sass/css/square_box.scss b/sass/css/square_box.scss index 8e617c0..6a0a5f9 100644 --- a/sass/css/square_box.scss +++ b/sass/css/square_box.scss @@ -17,9 +17,33 @@ background: linear-gradient(-0.125turn, $blue, $violet); } -.square_box-inner { +.square_box-inner-bottom { margin: 1px 1px 0 1px; - min-height: 199px; + border-bottom: 1px solid black; + min-height: 198px; + background-color: white; +} + +.square_box-inner-top { + margin: 0 1px 1px 1px; + min-height: 198px; + border-top: 1px solid black; + background-color: white; +} + +.square_box-inner-right { + margin: 1px 0 1px 1px; + min-width: 198px; + min-height: 198px; + border-right: 1px solid black; + background-color: white; +} + +.square_box-inner-left { + margin: 1px 1px 1px 0; + min-width: 198px; + min-height: 198px; + border-left: 1px solid black; background-color: white; } @@ -42,8 +66,3 @@ .square_box-text { padding: 6px; } - -/*.square_box:hover .square_box-title, .square_box:focus .square_box-title { - background: linear-gradient(-0.125turn, $blue, $violet); - color: white; -}*/ diff --git a/static/img/prestasworkedfor/car-use.jpg b/static/img/prestasworkedfor/car-use.jpg new file mode 100644 index 0000000..01b2276 Binary files /dev/null and b/static/img/prestasworkedfor/car-use.jpg differ diff --git a/static/img/prestasworkedfor/cleantoilets.jpg b/static/img/prestasworkedfor/cleantoilets.jpg new file mode 100644 index 0000000..04483d3 Binary files /dev/null and b/static/img/prestasworkedfor/cleantoilets.jpg differ diff --git a/static/img/prestasworkedfor/imagoprocess.jpg b/static/img/prestasworkedfor/imagoprocess.jpg new file mode 100644 index 0000000..de7a828 Binary files /dev/null and b/static/img/prestasworkedfor/imagoprocess.jpg differ diff --git a/static/img/prestasworkedfor/sportssante.png b/static/img/prestasworkedfor/sportssante.png new file mode 100644 index 0000000..5d7d21a Binary files /dev/null and b/static/img/prestasworkedfor/sportssante.png differ diff --git a/static/img/prestasworkedfor/undula.png b/static/img/prestasworkedfor/undula.png new file mode 100644 index 0000000..d3bcf3e Binary files /dev/null and b/static/img/prestasworkedfor/undula.png differ diff --git a/static/js/square_box.js b/static/js/square_box.js new file mode 100644 index 0000000..4c2119f --- /dev/null +++ b/static/js/square_box.js @@ -0,0 +1,17 @@ +var square_box_classes = ["square_box-inner-left", "square_box-inner-right", "square_box-inner-top", "square_box-inner-bottom"]; + +var randomize_square_box = function (elem) { + var r = Math.floor(Math.random()*4); + for(i in square_box_classes) { + if(i != r) + elem.classList.remove(square_box_classes[i]); + } + elem.classList.add(square_box_classes[r]); +} + +window.onload = function() { + for(elem of document.getElementsByClassName("square_box-inner")) { + var elem = elem; + randomize_square_box(elem); + } +}; diff --git a/templates/shortcodes/square_box.html b/templates/shortcodes/square_box.html index ea062f2..03cd922 100644 --- a/templates/shortcodes/square_box.html +++ b/templates/shortcodes/square_box.html @@ -1,5 +1,5 @@
-
+
{{ title | safe }}

{{ text | safe }}