From 6fc6f9f84d61b675a9f2c30dc2fa14da24130b06 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Thu, 31 Oct 2019 11:12:49 +0100
Subject: [PATCH] Try something with the home layout

---
 src/mixins/ContentSelectionsEN.js | 2 +-
 src/mixins/ContentSelectionsFR.js | 2 +-
 src/scss/main.scss                | 8 ++++++++
 src/views/Home.vue                | 7 +++++--
 4 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/mixins/ContentSelectionsEN.js b/src/mixins/ContentSelectionsEN.js
index 2b89387..d774554 100644
--- a/src/mixins/ContentSelectionsEN.js
+++ b/src/mixins/ContentSelectionsEN.js
@@ -7,7 +7,7 @@ export default {
           title: 'Nothing to hide',
           thumbnailUrl: 'https://peertube2.cpy.re/static/thumbnails/d2a5ec78-5f85-4090-8ec5-dc1102e022ea.jpg',
           url: 'https://peertube2.cpy.re/videos/watch/d2a5ec78-5f85-4090-8ec5-dc1102e022ea',
-          tags: ['tag', 'tag2', 'tag3'],
+          tags: ['privacy', 'documentary', 'capitalisme-de-surveillance'],
           description: 'Nothing to hide (2017) is a Franco-German feature-length documentary by Marc Meillassoux and Mihaela Gladovic, about how mass surveillance affects individuals and society. Taking a critical look at the laws allowing State surveillance that were implemented by several countries in the past few years, we are reminded of how important the debate about usage of personal data is and how it questions the very basis of democracy.'
         }
       ]
diff --git a/src/mixins/ContentSelectionsFR.js b/src/mixins/ContentSelectionsFR.js
index 26bf24c..eb9f04b 100644
--- a/src/mixins/ContentSelectionsFR.js
+++ b/src/mixins/ContentSelectionsFR.js
@@ -7,7 +7,7 @@ export default {
           title: 'Nothing to hide',
           thumbnailUrl: 'https://peertube2.cpy.re/static/thumbnails/d2a5ec78-5f85-4090-8ec5-dc1102e022ea.jpg',
           url: 'https://peertube2.cpy.re/videos/watch/d2a5ec78-5f85-4090-8ec5-dc1102e022ea',
-          tags: ['tag', 'tag2', 'tag3'],
+          tags: ['privacy', 'documentaire', 'capitalisme-de-surveillance'],
           description: 'Nothing to Hide (2017) est un film documentaire franco-allemand de Marc Meillassoux et Mihaela Gladovic, qui s\'intéresse aux effets de la surveillance de masse sur les individus et la société. Proposant un regard critique à propos des lois sur le renseignement mises en place par de nombreux États ces dernières années, le film nous rappelle à quel point le débat sur l’usage des données personnelles est actuel et questionne les fondements de nos démocraties.'
         }
       ]
diff --git a/src/scss/main.scss b/src/scss/main.scss
index 4e1ea32..bd49f55 100644
--- a/src/scss/main.scss
+++ b/src/scss/main.scss
@@ -233,6 +233,10 @@ p > a {
   margin: 50px auto 0;
   width: 600px;
 
+  &.citation {
+    margin: 50px auto;
+  }
+
   & + .bottom-two-columns {
     margin-top: 10px;
   }
@@ -243,6 +247,10 @@ p > a {
   justify-content: flex-end;
   width: 100%;
   margin: 30px 0;
+
+  + .two-columns {
+    margin-top: 100px;
+  }
 }
 
 .bottom-link {
diff --git a/src/views/Home.vue b/src/views/Home.vue
index e9f1df9..792a0ca 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -82,14 +82,17 @@
         <div class="two-columns">
           <img :src="buildImgUrl('peertube-federation-multiplicity.png')" alt="Funny federation schema"/>
 
-            <div class="citation">
+          <div>
+          <div>PeerTube is not meant to become a huge platform that would centralize videos from all around the world.</div>
+
+          <div class="citation">
               <div class="left-bar"></div>
 
               <div class="text" v-translate>
-                PeerTube is not meant to become a huge platform that would centralize videos from all around the world.
                 Rather, it is <strong>a network of inter-connected small videos hosters</strong>.
               </div>
             </div>
+          </div>
         </div>
 
         <p v-translate class="bottom-two-columns">