From 11a53f288146f0f850e4083ee3f2994229e0ed87 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Thu, 11 Oct 2018 18:31:26 +0200
Subject: [PATCH] Ajout de la sortie de la version 1 de PeerTube et lien vers
 Frama

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 app/assets/scss/main.scss     |  4 ++++
 app/components/pages/Home.vue | 10 ++++++----
 app/locales/en.yml            |  3 +++
 app/locales/fr.yml            |  3 +++
 4 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/app/assets/scss/main.scss b/app/assets/scss/main.scss
index 15484aa..8f83e6d 100644
--- a/app/assets/scss/main.scss
+++ b/app/assets/scss/main.scss
@@ -163,6 +163,7 @@ body {
 .install a[href="https://github.com/Chocobozzz/PeerTube/#production"],
 .how-it-works a[href^="#"],
 .how-it-works a[href*="/faq"],
+.intro a.frama_campaign,
 .faq .col-sm-12 > p a[href="https://framacolibri.org/c/qualite/peertube"],
 .getting-started .col-sm-12 > p a[href*="framatube.org"],
 .button {
@@ -181,11 +182,13 @@ body {
 .intro a[href^="#"]:hover,
 .install a:hover,
 .how-it-works a[href^="#"]:hover,
+.intro a.frama_campaign:hover,
 .button {
   opacity: 1;
 }
 
 .intro a[href="#getting-started"],
+.intro a.frama_campaign,
 .how-it-works a[href="#getting-started"] {
   margin-right: 4px;
   color: #fff;
@@ -193,6 +196,7 @@ body {
 }
 
 .intro a[href="#how-it-works"],
+.intro a.frama_campaign,
 .install a[href="https://github.com/Chocobozzz/PeerTube/#production"],
 .how-it-works a[href*="/faq"],
 .faq .col-sm-12 > p a[href="https://framacolibri.org/c/qualite/peertube"],
diff --git a/app/components/pages/Home.vue b/app/components/pages/Home.vue
index 749e627..202df38 100644
--- a/app/components/pages/Home.vue
+++ b/app/components/pages/Home.vue
@@ -16,14 +16,16 @@
                 src="https://framatube.org/videos/embed/217eefeb-883d-45be-b7fc-a788ad8507d3"
               ></iframe>
             </div>
+            <p class="text-left" v-html="$t('home.release.title')"></p>
+            <a class="frama_campaign" href="https://framasoft.org" v-html="$t('home.release.button')"></a>
           </div>
           <div class="col-md-6 col-md-pull-6">
             <img :src="`${$root['/']}img/notebook.jpg`" class="img-responsive" alt="">
+            <p>
+              <a href="#getting-started" v-html="$t('home.intro.getting-started')"></a>
+              <a href="#how-it-works" v-html="$t('home.intro.how-it-works')"></a>
+            </p>
           </div>
-          <p>
-            <a href="#getting-started" v-html="$t('home.intro.getting-started')"></a>
-            <a href="#how-it-works" v-html="$t('home.intro.how-it-works')"></a>
-          </p>
         </div>
       </div>
     </section>
diff --git a/app/locales/en.yml b/app/locales/en.yml
index 7da89b8..2d00503 100644
--- a/app/locales/en.yml
+++ b/app/locales/en.yml
@@ -20,6 +20,9 @@ home:
     title: A decentralized video hosting network, based on free/libre software
     getting-started: Get started
     how-it-works: How it works
+  release:
+    title: The first version of PeerTube is out! Help us to pursue its development.
+    button: Support
   why:
     power:
       title: Take back the power… and the responsibilities!
diff --git a/app/locales/fr.yml b/app/locales/fr.yml
index 1d4cef4..249513e 100644
--- a/app/locales/fr.yml
+++ b/app/locales/fr.yml
@@ -20,6 +20,9 @@ home:
     title: L’hébergement de vidéos décentralisé, en réseau, basé sur du logiciel libre
     getting-started: Pour commencer
     how-it-works: Comment ça fonctionne
+  release:
+    title: La première version de PeerTube est sortie ! Aidez-nous à poursuivre son développement.
+    button: Soutenir
   why:
     power:
       title: Reprenez le pouvoir… et les responsabilités !