Bouton sur les liens forum et faq

This commit is contained in:
JosephK 2018-03-21 20:56:16 +01:00
parent b0f4cbd67e
commit c4d6de2f27
5 changed files with 39 additions and 35 deletions

View file

@ -5,10 +5,9 @@ title = "FAQ"
author = "Framasoft" author = "Framasoft"
draft = false draft = false
type = "page" type = "page"
id = "-faq"
+++ +++
{{% grid class="row" %}} {{% grid class="row faq" %}}
{{% grid class="container" %}} {{% grid class="container" %}}
{{% grid class="col-sm-12" %}} {{% grid class="col-sm-12" %}}
<h2 class="text-center">10 questions to discover Framatube...</h2> <h2 class="text-center">10 questions to discover Framatube...</h2>

View file

@ -5,10 +5,9 @@ title = "FAQ"
author = "Framasoft" author = "Framasoft"
draft = false draft = false
type = "page" type = "page"
id = "-faq"
+++ +++
{{% grid class="row" %}} {{% grid class="row faq" %}}
{{% grid class="container" %}} {{% grid class="container" %}}
{{% grid class="col-sm-12" %}} {{% grid class="col-sm-12" %}}
<h2 class="text-center">Quelques questions pour découvrir PeerTube…</h2> <h2 class="text-center">Quelques questions pour découvrir PeerTube…</h2>

View file

@ -5,7 +5,6 @@ title = "Home"
author = "Framasoft" author = "Framasoft"
draft = false draft = false
type = "page" type = "page"
id = "-home"
+++ +++
{{% grid class="row intro" %}} {{% grid class="row intro" %}}

View file

@ -5,7 +5,6 @@ title = "Accueil"
author = "Framasoft" author = "Framasoft"
draft = false draft = false
type = "page" type = "page"
id = "-home"
+++ +++
{{% grid class="row intro" %}} {{% grid class="row intro" %}}
@ -45,10 +44,10 @@ id = "-home"
### Reprenez le pouvoir... et les responsabilités ! ### 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é 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 ? 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, Vous êtes libre de rejoindre l'hébergeur de votre choix, ou mieux encore,
être votre propre hébergeur avec vos propres règles ! être votre propre hébergeur avec vos propres règles !
{{% /grid %}} {{% /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 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). 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 indépendante. PeerTube n'est soumis au monopole d'aucune entreprise, ne dépend
d'aucune publicité et ne vous piste pas. d'aucune publicité et ne vous piste pas.
Avec PeerTube vous n'êtes pas un produit : 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 %}}
{{% grid class="col-sm-4" %}} {{% grid class="col-sm-4" %}}
@ -129,9 +128,9 @@ Liste des instances sur lesquelles vous pouvez vous inscrire :
## Installez la vôtre ## Installez la vôtre
Intéressé par l'hébergement de votre propre instance, pour vos amis, votre famille 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 ou organisation ? Vous pouvez commencer par [lire la documentation qui concerne
l'installation](https://github.com/Chocobozzz/PeerTube/blob/develop/support/doc/production.md). l'installation](https://github.com/Chocobozzz/PeerTube/blob/develop/support/doc/production.md).
Vous hébergerez seulement vos propres utilisateurs ainsi que 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. 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} ## Comment ça fonctionne {#how-it-works}
N'importe qui peut héberger un serveur PeerTube qu'on nomme **instance**. 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 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 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) @chocobozzz@framatube.org) qui est composé d'un pseudonyme (@chocobozzz)
et du nom de domaine du serveur sur lequel il se trouve (framatube.org). 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 ? ### 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 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 et de bonne conduite variées, vous permettant de trouver l'instance qui vous
conviendra le mieux. conviendra le mieux.

View file

@ -12,7 +12,7 @@ body {
body > .container { body > .container {
padding: 0 15px; padding: 0 15px;
margin-top: 0px; margin-top: 0px;
width:100%; width: 100%;
} }
.navbar-brand { .navbar-brand {
@ -74,8 +74,8 @@ body .content .container {
background: #fff; background: #fff;
margin-top: 30px; margin-top: 30px;
margin-bottom: 30px; margin-bottom: 30px;
padding-top:20px; padding-top: 20px;
padding-bottom:20px; padding-bottom: 20px;
-webkit-box-shadow: 0px 3px 4px rgba(50, 50, 50, 0.2); -webkit-box-shadow: 0px 3px 4px rgba(50, 50, 50, 0.2);
-moz-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); box-shadow: 0px 3px 4px rgba(50, 50, 50, 0.2);
@ -85,9 +85,9 @@ body .medias .container {
background: transparent; background: transparent;
} }
.intro { .intro, .faq {
background: transparent; background: transparent;
margin-top:-70px; margin-top: -70px;
} }
.medias { .medias {
@ -126,8 +126,8 @@ body .medias .container {
.navbar { .navbar {
background: transparent; background: transparent;
border: none; border: none;
margin-top:30px; margin-top: 30px;
z-index:2; z-index: 2;
} }
.navbar .container { .navbar .container {
background: #f7f7f7; background: #f7f7f7;
@ -143,7 +143,7 @@ body .medias .container {
padding: 30px; padding: 30px;
font-size: 1.5em; font-size: 1.5em;
color: #F1680D; color: #F1680D;
opacity:0.7; opacity: 0.7;
} }
@ -164,23 +164,25 @@ body .medias .container {
/* Buttons */ /* Buttons */
.intro a[href^="#"], .intro a[href^="#"],
.install a[href="https://github.com/Chocobozzz/PeerTube/#production"], .install a[href="https://github.com/Chocobozzz/PeerTube/#production"],
.how-it-works a[href^="#"] { .how-it-works a[href^="#"],
margin-top:20px; .how-it-works a[href*="/faq"],
margin-bottom:20px; .faq a[href="https://framacolibri.org/c/qualite/peertube"] {
margin-top: 20px;
margin-bottom: 20px;
font-weight: 500; font-weight: 500;
padding: 10px 16px; padding: 10px 16px;
font-size: 18px; font-size: 18px;
line-height: 1.3333333; line-height: 1.3333333;
border-radius: 6px; border-radius: 6px;
opacity:0.8; opacity: 0.8;
text-decoration:none; text-decoration: none;
display:inline-block; display: inline-block;
} }
.intro a[href^="#"]:hover, .intro a[href^="#"]:hover,
.install a:hover, .install a:hover,
.how-it-works a[href^="#"]:hover { .how-it-works a[href^="#"]:hover {
opacity:1; opacity: 1;
} }
.intro a[href="#getting-started"], .intro a[href="#getting-started"],
@ -191,7 +193,9 @@ body .medias .container {
} }
.intro a[href="#how-it-works"], .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; margin-right: auto;
color: #F1680D; color: #F1680D;
background: #fff; background: #fff;
@ -266,3 +270,7 @@ body .medias .container {
margin: 0; margin: 0;
padding: 5px 0; padding: 5px 0;
} }
.faq h2 {
margin: 40px 0px;
}