From c4d6de2f27a03580e45618abc751844f6fcc7ddf Mon Sep 17 00:00:00 2001 From: JosephK Date: Wed, 21 Mar 2018 20:56:16 +0100 Subject: [PATCH] Bouton sur les liens forum et faq --- content/faq.en.md | 3 +- content/faq.fr.md | 3 +- content/home.en.md | 1 - content/home.fr.md | 27 ++++++------- .../static/css/style.css | 40 +++++++++++-------- 5 files changed, 39 insertions(+), 35 deletions(-) diff --git a/content/faq.en.md b/content/faq.en.md index a8aa06f..9b00f98 100644 --- a/content/faq.en.md +++ b/content/faq.en.md @@ -5,10 +5,9 @@ title = "FAQ" author = "Framasoft" draft = false type = "page" -id = "-faq" +++ -{{% grid class="row" %}} +{{% grid class="row faq" %}} {{% grid class="container" %}} {{% grid class="col-sm-12" %}}

10 questions to discover Framatube...

diff --git a/content/faq.fr.md b/content/faq.fr.md index c716116..c323557 100644 --- a/content/faq.fr.md +++ b/content/faq.fr.md @@ -5,10 +5,9 @@ title = "FAQ" author = "Framasoft" draft = false type = "page" -id = "-faq" +++ -{{% grid class="row" %}} +{{% grid class="row faq" %}} {{% grid class="container" %}} {{% grid class="col-sm-12" %}}

Quelques questions pour découvrir PeerTube…

diff --git a/content/home.en.md b/content/home.en.md index 588ff4d..8938292 100644 --- a/content/home.en.md +++ b/content/home.en.md @@ -5,7 +5,6 @@ title = "Home" author = "Framasoft" draft = false type = "page" -id = "-home" +++ {{% grid class="row intro" %}} diff --git a/content/home.fr.md b/content/home.fr.md index 7d5a025..611ed28 100644 --- a/content/home.fr.md +++ b/content/home.fr.md @@ -5,7 +5,6 @@ title = "Accueil" author = "Framasoft" draft = false type = "page" -id = "-home" +++ {{% grid class="row intro" %}} @@ -45,10 +44,10 @@ id = "-home" ### Reprenez le pouvoir... et les responsabilités ! -PeerTube n'est pas une seule plateforme d'hébergement vidéo avec un unique groupe de règles : +PeerTube n'est pas une seule plateforme d'hébergement vidéo avec un unique groupe de règles : c'est un réseau de dizaines d'hébergeurs interconnectés, et chaque hébergeur est composé -de personnes et d'administrateurs différents. Vous n'aimez pas certaines règles ? -Vous êtes libre de rejoindre l'hébergeur de votre choix, ou mieux encore, +de personnes et d'administrateurs différents. Vous n'aimez pas certaines règles ? +Vous êtes libre de rejoindre l'hébergeur de votre choix, ou mieux encore, être votre propre hébergeur avec vos propres règles ! {{% /grid %}} @@ -77,11 +76,11 @@ Personnaliser le bouton **Soutenir** vous permettra d'indiquer librement à votr Vous êtes une personne, pas un produit. PeerTube est un logiciel libre gratuit financé par une association française à but non lucratif : [Framasoft](https://soutenir.framasoft.org/association). -Toutes les instances sont créées, animées, modérées et maintenues de façon +Toutes les instances sont créées, animées, modérées et maintenues de façon indépendante. PeerTube n'est soumis au monopole d'aucune entreprise, ne dépend d'aucune publicité et ne vous piste pas. Avec PeerTube vous n'êtes pas un produit : -c'est PeerTube qui est à votre service, et pas l'inverse. +c'est PeerTube qui est à votre service, et pas l'inverse. {{% /grid %}} {{% grid class="col-sm-4" %}} @@ -129,9 +128,9 @@ Liste des instances sur lesquelles vous pouvez vous inscrire : ## Installez la vôtre -Intéressé par l'hébergement de votre propre instance, pour vos amis, votre famille -ou organisation ? Vous pouvez commencer par [lire la documentation qui concerne -l'installation](https://github.com/Chocobozzz/PeerTube/blob/develop/support/doc/production.md). +Intéressé par l'hébergement de votre propre instance, pour vos amis, votre famille +ou organisation ? Vous pouvez commencer par [lire la documentation qui concerne +l'installation](https://github.com/Chocobozzz/PeerTube/blob/develop/support/doc/production.md). Vous hébergerez seulement vos propres utilisateurs ainsi que leurs propres vidéos. Vous pouvez définir le nombre d'inscritptions disponibles et un quota d'espace-disque par utilisateur. Sur votre page d'accueil ne s'afficheront que les vidéos des instances que vous aurez **choisi** de suivre. @@ -147,12 +146,12 @@ leurs propres vidéos. Vous pouvez définir le nombre d'inscritptions disponible ## Comment ça fonctionne {#how-it-works} -N'importe qui peut héberger un serveur PeerTube qu'on nomme **instance**. -Chaque instance héberge ses propres utilisateurs et leurs vidéos. Il garde +N'importe qui peut héberger un serveur PeerTube qu'on nomme **instance**. +Chaque instance héberge ses propres utilisateurs et leurs vidéos. Il garde aussi une vision des vidéos présentes sur les instances suivies par l'administrateur -afin de pouvoir les proposer à ses utilisateurs. +afin de pouvoir les proposer à ses utilisateurs. -Chaque compte possède un identifiant global unique (comme par exemple +Chaque compte possède un identifiant global unique (comme par exemple @chocobozzz@framatube.org) qui est composé d'un pseudonyme (@chocobozzz) et du nom de domaine du serveur sur lequel il se trouve (framatube.org). @@ -175,7 +174,7 @@ Vous gardez donc le contrôle des vidéos affichées sur votre serveur PeerTube ### En quoi c'est génial ? -Chaque serveur fonctionne de manière indépendante et est géré par une personne +Chaque serveur fonctionne de manière indépendante et est géré par une personne ou organisation différente, pouvant donc appliquer des règles de modération et de bonne conduite variées, vous permettant de trouver l'instance qui vous conviendra le mieux. diff --git a/themes/hugo-bootstrap-premium/static/css/style.css b/themes/hugo-bootstrap-premium/static/css/style.css index d7fdef9..7ce45cd 100644 --- a/themes/hugo-bootstrap-premium/static/css/style.css +++ b/themes/hugo-bootstrap-premium/static/css/style.css @@ -12,7 +12,7 @@ body { body > .container { padding: 0 15px; margin-top: 0px; - width:100%; + width: 100%; } .navbar-brand { @@ -74,8 +74,8 @@ body .content .container { background: #fff; margin-top: 30px; margin-bottom: 30px; - padding-top:20px; - padding-bottom:20px; + padding-top: 20px; + padding-bottom: 20px; -webkit-box-shadow: 0px 3px 4px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 3px 4px rgba(50, 50, 50, 0.2); box-shadow: 0px 3px 4px rgba(50, 50, 50, 0.2); @@ -85,9 +85,9 @@ body .medias .container { background: transparent; } -.intro { +.intro, .faq { background: transparent; - margin-top:-70px; + margin-top: -70px; } .medias { @@ -126,8 +126,8 @@ body .medias .container { .navbar { background: transparent; border: none; - margin-top:30px; - z-index:2; + margin-top: 30px; + z-index: 2; } .navbar .container { background: #f7f7f7; @@ -143,7 +143,7 @@ body .medias .container { padding: 30px; font-size: 1.5em; color: #F1680D; - opacity:0.7; + opacity: 0.7; } @@ -164,23 +164,25 @@ body .medias .container { /* Buttons */ .intro a[href^="#"], .install a[href="https://github.com/Chocobozzz/PeerTube/#production"], -.how-it-works a[href^="#"] { - margin-top:20px; - margin-bottom:20px; +.how-it-works a[href^="#"], +.how-it-works a[href*="/faq"], +.faq a[href="https://framacolibri.org/c/qualite/peertube"] { + margin-top: 20px; + margin-bottom: 20px; font-weight: 500; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; - opacity:0.8; - text-decoration:none; - display:inline-block; + opacity: 0.8; + text-decoration: none; + display: inline-block; } .intro a[href^="#"]:hover, .install a:hover, .how-it-works a[href^="#"]:hover { - opacity:1; + opacity: 1; } .intro a[href="#getting-started"], @@ -191,7 +193,9 @@ body .medias .container { } .intro a[href="#how-it-works"], -.install a[href="https://github.com/Chocobozzz/PeerTube/#production"] { +.install a[href="https://github.com/Chocobozzz/PeerTube/#production"], +.how-it-works a[href*="/faq"], +.faq a[href="https://framacolibri.org/c/qualite/peertube"] { margin-right: auto; color: #F1680D; background: #fff; @@ -266,3 +270,7 @@ body .medias .container { margin: 0; padding: 5px 0; } + +.faq h2 { + margin: 40px 0px; +}