Compare commits
No commits in common. "12547f2611013178909723e202ff6a3c0377b8af" and "b1f296ee42a7f98936b77ff9bf83dbf5108ad628" have entirely different histories.
12547f2611
...
b1f296ee42
11 changed files with 10 additions and 96 deletions
|
@ -22,11 +22,9 @@ title = "Librezo"
|
||||||
<p><span class="city">Melun</span> <span class="city">Montreuil</span> <span class="city">Nantes</span> <span class="city">Pau</span> <span class="city">Rennes</span> <span class="city">Roanne</span> <span class="city">Toulouse</span></p>
|
<p><span class="city">Melun</span> <span class="city">Montreuil</span> <span class="city">Nantes</span> <span class="city">Pau</span> <span class="city">Rennes</span> <span class="city">Roanne</span> <span class="city">Toulouse</span></p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style="height: 32px;"> </div>
|
<a href="/logiciel-libre" class="slogan1">Reprenez le contrôle</a>
|
||||||
|
|
||||||
<a href="/logiciel-libre" class="bigbutton">Reprenez le contrôle ↱</a>
|
<div class="square_boxes nn1400" style="margin-top: 64px;">
|
||||||
|
|
||||||
<div class="square_boxes nn1400" style="margin-top: 64px;margin-bottom: 64px;">
|
|
||||||
{{ square_box(title="Confidentialité", text="Vos données personnelles le restent") }}
|
{{ 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="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") }}
|
{{ square_box(title="Souveraineté", text="Reprenez le contrôle de votre infrastructure informatique") }}
|
||||||
|
@ -38,9 +36,6 @@ title = "Librezo"
|
||||||
{{ square_box(title="Savoir-faire", text="Vous êtes en contact direct avec des experts") }}
|
{{ 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") }}
|
{{ square_box(title="Solidarité", text="15% de nos bénéfices sont reversés au développement des logiciels utilisés") }}
|
||||||
</div>
|
</div>
|
||||||
<script type="text/javascript" src="/js/square_box.js"></script>
|
|
||||||
|
|
||||||
<a href="/logiciel-libre" class="bigbutton2">En savoir plus sur les logiciels libres</a>
|
|
||||||
|
|
||||||
<h2 class="title-bar" style="margin-top: 96px;">Pour qui ?</h2>
|
<h2 class="title-bar" style="margin-top: 96px;">Pour qui ?</h2>
|
||||||
|
|
||||||
|
|
|
@ -163,14 +163,11 @@ carousel = true
|
||||||
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Air France" alt="Air France" src="/img/prestasworkedfor/airfrance.png"/>') }}
|
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Air France" alt="Air France" src="/img/prestasworkedfor/airfrance.png"/>') }}
|
||||||
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="EADS Astrium" alt="EADS Astrium" src="/img/prestasworkedfor/astrium.jpg"/>') }}
|
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="EADS Astrium" alt="EADS Astrium" src="/img/prestasworkedfor/astrium.jpg"/>') }}
|
||||||
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Axiom-Team" alt="Axiom-Team" src="/img/prestasworkedfor/axiom.svg"/>') }}
|
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Axiom-Team" alt="Axiom-Team" src="/img/prestasworkedfor/axiom.svg"/>') }}
|
||||||
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Car-Use.org" alt="Car-Use.org" src="/img/prestasworkedfor/car-use.jpg"/>') }}
|
|
||||||
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Clean Toilets" alt="Clean Toilets" src="/img/prestasworkedfor/cleantoilets.jpg"/>') }}
|
|
||||||
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="CNES" alt="CNES" src="/img/prestasworkedfor/cnes.png"/>') }}
|
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="CNES" alt="CNES" src="/img/prestasworkedfor/cnes.png"/>') }}
|
||||||
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="EDF" alt="EDF" src="/img/prestasworkedfor/edf.svg"/>') }}
|
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="EDF" alt="EDF" src="/img/prestasworkedfor/edf.svg"/>') }}
|
||||||
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Elsys Design" alt="Elsys Design" src="/img/prestasworkedfor/elsysdesign.svg"/>') }}
|
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Elsys Design" alt="Elsys Design" src="/img/prestasworkedfor/elsysdesign.svg"/>') }}
|
||||||
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="FretLink" alt="FretLink" src="/img/prestasworkedfor/fretlink.png"/>') }}
|
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="FretLink" alt="FretLink" src="/img/prestasworkedfor/fretlink.png"/>') }}
|
||||||
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Hologic" alt="Hologic" src="/img/prestasworkedfor/hologic.webp"/>') }}
|
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Hologic" alt="Hologic" src="/img/prestasworkedfor/hologic.webp"/>') }}
|
||||||
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Imago Process" alt="Imago Process" src="/img/prestasworkedfor/imagoprocess.jpg"/>') }}
|
|
||||||
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="La Poste" alt="La Poste" src="/img/prestasworkedfor/laposte.svg"/>') }}
|
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="La Poste" alt="La Poste" src="/img/prestasworkedfor/laposte.svg"/>') }}
|
||||||
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="La Ruche qui dit Oui" alt="La Ruche qui dit Oui" src="/img/prestasworkedfor/laruchequiditoui.svg"/>') }}
|
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="La Ruche qui dit Oui" alt="La Ruche qui dit Oui" src="/img/prestasworkedfor/laruchequiditoui.svg"/>') }}
|
||||||
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Lycée professionnel Jean-Pierre Timbaud" alt="Lycée professionnel Jean-Pierre Timbaud" src="/img/prestasworkedfor/lyceejptimbaud.png"/>') }}
|
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Lycée professionnel Jean-Pierre Timbaud" alt="Lycée professionnel Jean-Pierre Timbaud" src="/img/prestasworkedfor/lyceejptimbaud.png"/>') }}
|
||||||
|
@ -182,9 +179,7 @@ carousel = true
|
||||||
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Sagem" alt="Sagem" src="/img/prestasworkedfor/sagem.png"/>') }}
|
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Sagem" alt="Sagem" src="/img/prestasworkedfor/sagem.png"/>') }}
|
||||||
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="SII" alt="SII" src="/img/prestasworkedfor/sii.png"/>') }}
|
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="SII" alt="SII" src="/img/prestasworkedfor/sii.png"/>') }}
|
||||||
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Solucom" alt="Solucom" src="/img/prestasworkedfor/solucom.webp"/>') }}
|
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Solucom" alt="Solucom" src="/img/prestasworkedfor/solucom.webp"/>') }}
|
||||||
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Sports Santé" alt="Sports Santé" src="/img/prestasworkedfor/sportssante.png"/>') }}
|
|
||||||
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Tera" alt="Tera" src="/img/prestasworkedfor/tera.png"/>') }}
|
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Tera" alt="Tera" src="/img/prestasworkedfor/tera.png"/>') }}
|
||||||
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Thales" alt="Thales" src="/img/prestasworkedfor/thales.svg"/>') }}
|
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Thales" alt="Thales" src="/img/prestasworkedfor/thales.svg"/>') }}
|
||||||
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Trainline" alt="Trainline" src="/img/prestasworkedfor/trainline.svg"/>') }}
|
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Trainline" alt="Trainline" src="/img/prestasworkedfor/trainline.svg"/>') }}
|
||||||
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Undula" alt="Undula" src="/img/prestasworkedfor/undula.png"/>') }}
|
|
||||||
{% end %}
|
{% end %}
|
||||||
|
|
|
@ -212,43 +212,3 @@ h3 {
|
||||||
.img-right img {
|
.img-right img {
|
||||||
max-width: 100vw;
|
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
@ -17,33 +17,9 @@
|
||||||
background: linear-gradient(-0.125turn, $blue, $violet);
|
background: linear-gradient(-0.125turn, $blue, $violet);
|
||||||
}
|
}
|
||||||
|
|
||||||
.square_box-inner-bottom {
|
.square_box-inner {
|
||||||
margin: 1px 1px 0 1px;
|
margin: 1px 1px 0 1px;
|
||||||
border-bottom: 1px solid black;
|
min-height: 199px;
|
||||||
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;
|
background-color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -66,3 +42,8 @@
|
||||||
.square_box-text {
|
.square_box-text {
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*.square_box:hover .square_box-title, .square_box:focus .square_box-title {
|
||||||
|
background: linear-gradient(-0.125turn, $blue, $violet);
|
||||||
|
color: white;
|
||||||
|
}*/
|
||||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 80 KiB |
Binary file not shown.
Before Width: | Height: | Size: 24 KiB |
Binary file not shown.
Before Width: | Height: | Size: 125 KiB |
Binary file not shown.
Before Width: | Height: | Size: 20 KiB |
Binary file not shown.
Before Width: | Height: | Size: 65 KiB |
|
@ -1,17 +0,0 @@
|
||||||
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);
|
|
||||||
}
|
|
||||||
};
|
|
|
@ -1,5 +1,5 @@
|
||||||
<div class="square_box">
|
<div class="square_box">
|
||||||
<div class="square_box-inner square_box-inner-bottom" onmouseenter="randomize_square_box(this)">
|
<div class="square_box-inner">
|
||||||
<span class="square_box-title">{{ title | safe }}</span>
|
<span class="square_box-title">{{ title | safe }}</span>
|
||||||
<p class="square_box-text">{{ text | safe }}</p>
|
<p class="square_box-text">{{ text | safe }}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue