diff --git a/content/_index.md b/content/_index.md index 5a741c3..642026c 100644 --- a/content/_index.md +++ b/content/_index.md @@ -8,4 +8,31 @@ title = "Librezo" Made in Chez Vous -

Gardez le contrôle de vos données

\ No newline at end of file +Gardez le contrôle de vos données + +Solutions libres en auto-hébergement + +
+
+{{ need_box(title="Publier des vidéos") }} +
+{{ service_box(href="https://joinpeertube.org", title="PeerTube", img="/img/peertube.svg", description="Plateforme de vidéos") }} +
+
+
+{{ need_box(title="Visioconférence") }} +
+{{ service_box(href="https://bigbluebutton.org", title="BigBlueButton", img="/img/bigbluebutton.png", description="Visioconférence") }} +{{ service_box(href="https://jitsi.org", title="Jitsi", img="/img/jitsi.png", description="Visioconférence") }} +
+
+
+{{ need_box(title="Partage de fichiers") }} +
+{{ service_box(href="https://framalibre.org/content/jirafeau", title="Jirafeau", img="/img/jirafeau.png", description="Envoi de fichiers sécurisé") }} +{{ service_box(href="https://linuxfr.org/news/un-nouveau-logiciel-libre-lufi", title="Lufi", img="/img/lufi.svg", description="Envoi de fichiers sécurisé") }} +
+
+
+ +Et beaucoup, beaucoup d'autres... diff --git a/sass/css/base.scss b/sass/css/base.scss index ab7df3c..df486aa 100644 --- a/sass/css/base.scss +++ b/sass/css/base.scss @@ -18,6 +18,7 @@ header { height: 48px; max-width: 1100px; margin: 0 auto 16px auto; + padding: 0 4px; font-size: 24px; } @@ -65,6 +66,10 @@ a, a:visited { border: 0; } +.big-logo { + max-width: 100%; +} + .cities { font-size: 18px; } @@ -77,3 +82,59 @@ a, a:visited { font-size: 400%; font-family: Amatic; } + +.slogan2 { + font-size: 300%; + font-family: Amatic; +} + +.need_services { + display: flex; + align-items: center; +} + +.need_box { + flex: 38%; + font-family: Amatic; + font-size: 42px; +} + +.service_boxes { + flex: 62%; + text-align: center; + font-family: LunaSans; +} + +.service_box { + display: inline-block; + width: 144px; + padding-top: 4px; + vertical-align: top; +} + +.service_box-img { + max-width: 128px; + max-height: 128px; +} + +.service_box-img_wrap { + width: 128px; + height: 128px; + margin: auto; + display: flex; + justify-content: center; + align-items: center; +} + +.service_box-link, .service_box-link:visited { + color: #000; + text-decoration: none; +} + +.service_box-title { + position: relative; + top: 14px; + display: inline-block; + padding-bottom: 14px; + font-size: 24px; +} diff --git a/static/img/bigbluebutton.png b/static/img/bigbluebutton.png new file mode 100644 index 0000000..5ed953d Binary files /dev/null and b/static/img/bigbluebutton.png differ diff --git a/static/img/jirafeau.png b/static/img/jirafeau.png new file mode 100644 index 0000000..7e2efc3 Binary files /dev/null and b/static/img/jirafeau.png differ diff --git a/static/img/jitsi.png b/static/img/jitsi.png new file mode 100644 index 0000000..d2b0eb0 Binary files /dev/null and b/static/img/jitsi.png differ diff --git a/static/img/lufi.svg b/static/img/lufi.svg new file mode 100644 index 0000000..1de26ce --- /dev/null +++ b/static/img/lufi.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/static/img/peertube.svg b/static/img/peertube.svg new file mode 100644 index 0000000..247ddc4 --- /dev/null +++ b/static/img/peertube.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/templates/shortcodes/need_box.html b/templates/shortcodes/need_box.html new file mode 100644 index 0000000..2d9301a --- /dev/null +++ b/templates/shortcodes/need_box.html @@ -0,0 +1 @@ +
{{title|safe}}
diff --git a/templates/shortcodes/service_box.html b/templates/shortcodes/service_box.html new file mode 100644 index 0000000..f0b7904 --- /dev/null +++ b/templates/shortcodes/service_box.html @@ -0,0 +1,7 @@ +
+ + {% if img %}
{{title}}
{% endif %} + {{title|safe}}
+ {{description|safe}} + +