From 6d6fa2b026ad00d5fbd4a6e044d16d77ba4daf29 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Wed, 11 Sep 2019 15:48:27 +0200
Subject: [PATCH] Lint

---
 public/img/framasoft-logo-text-small.png | Bin 0 -> 2532 bytes
 src/App.vue                              |  12 +--
 src/components/ContentSelection.vue      |  34 +++----
 src/components/Header.vue                |  37 +++++---
 src/components/I18n.vue                  |  28 +++---
 src/views/Home.vue                       | 115 +++++++++++++----------
 6 files changed, 128 insertions(+), 98 deletions(-)
 create mode 100644 public/img/framasoft-logo-text-small.png

diff --git a/public/img/framasoft-logo-text-small.png b/public/img/framasoft-logo-text-small.png
new file mode 100644
index 0000000000000000000000000000000000000000..b4a2dd36dbf0aae2669695132a1b2cf7adcbcec0
GIT binary patch
literal 2532
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

literal 0
HcmV?d00001

diff --git a/src/App.vue b/src/App.vue
index caefac5..21adecd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -21,12 +21,12 @@
 </style>
 
 <script>
-import HeaderComponent from './components/Header.vue'
+  import HeaderComponent from './components/Header.vue'
 
-export default {
-  name: 'app',
-  components: {
-    HeaderComponent
+  export default {
+    name: 'app',
+    components: {
+      HeaderComponent
+    }
   }
-}
 </script>
diff --git a/src/components/ContentSelection.vue b/src/components/ContentSelection.vue
index e06af0a..bf26373 100644
--- a/src/components/ContentSelection.vue
+++ b/src/components/ContentSelection.vue
@@ -108,23 +108,23 @@
 </style>
 
 <script>
-import IconVideo from './icons/IconVideo.vue'
-import IconInstance from './icons/IconInstance.vue'
-import IconChannel from './icons/IconChannel.vue'
+  import IconVideo from './icons/IconVideo.vue'
+  import IconInstance from './icons/IconInstance.vue'
+  import IconChannel from './icons/IconChannel.vue'
 
-export default {
-  props: {
-    type: String,
-    title: String,
-    thumbnailUrl: String,
-    url: String,
-    tags: Array,
-    description: String
-  },
-  components: {
-    IconVideo,
-    IconInstance,
-    IconChannel
+  export default {
+    props: {
+      type: String,
+      title: String,
+      thumbnailUrl: String,
+      url: String,
+      tags: Array,
+      description: String
+    },
+    components: {
+      IconVideo,
+      IconInstance,
+      IconChannel
+    }
   }
-}
 </script>
diff --git a/src/components/Header.vue b/src/components/Header.vue
index f3a5871..0a78a47 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -5,9 +5,10 @@
       <router-link :to="getPath('/')" class="navbar-brand">
         <img alt="PeerTube" :src="buildImgUrl('brand-small.png')">
 
-        <div>
+        <div class="support">
           soutenu par
 
+          <img alt="Framasoft text logo" :src="buildImgUrl('framasoft-logo-text-small.png')">
         </div>
       </router-link>
 
@@ -45,7 +46,7 @@
           </li>
 
           <div class="pull-right">
-            <I18n />
+            <I18n/>
           </div>
         </ul>
       </div>
@@ -55,11 +56,25 @@
 
 <style lang="scss" scoped>
   @import '../scss/_variables.scss';
+  @import '../scss/_mixins.scss';
 
   header {
     margin-bottom: 30px;
   }
 
+  .navbar-brand {
+    @include disable-default-a-behaviour;
+
+    color: #000;
+    font-family: 'Proza Libre', sans-serif;
+    font-size: 10px;
+
+    .support img {
+      vertical-align: initial;
+      margin-left: 1px;
+    }
+  }
+
   nav {
     height: 60px;
     background-color: #fff;
@@ -87,17 +102,17 @@
 </style>
 
 <script>
-import I18n from './I18n.vue'
+  import I18n from './I18n.vue'
 
-export default {
-  components: {
-    I18n
-  },
+  export default {
+    components: {
+      I18n
+    },
 
-  methods: {
-    getPath (path) {
-      return path
+    methods: {
+      getPath (path) {
+        return path
+      }
     }
   }
-}
 </script>
diff --git a/src/components/I18n.vue b/src/components/I18n.vue
index fb7fca0..8271da9 100644
--- a/src/components/I18n.vue
+++ b/src/components/I18n.vue
@@ -2,7 +2,7 @@
   <div class="i18n">
     <b-dropdown>
       <template slot="button-content">
-        <img :src="buildImgUrl('language.png')" alt="Change languages logo" />
+        <img :src="buildImgUrl('language.png')" alt="Change languages logo"/>
 
         <div class="text">
           <translate>Languages</translate>
@@ -54,22 +54,22 @@
 </style>
 
 <script>
-import { BDropdown, BDropdownDivider, BDropdownItem } from 'bootstrap-vue'
-import IconAdd from './icons/IconAdd'
+  import { BDropdown, BDropdownDivider, BDropdownItem } from 'bootstrap-vue'
+  import IconAdd from './icons/IconAdd'
 
-export default {
-  components: {
-    BDropdown,
-    BDropdownDivider,
-    BDropdownItem,
+  export default {
+    components: {
+      BDropdown,
+      BDropdownDivider,
+      BDropdownItem,
 
-    IconAdd
-  },
+      IconAdd
+    },
 
-  methods: {
-    buildLocaleLink (locale) {
-      return window.location.origin + `/${locale}/`
+    methods: {
+      buildLocaleLink (locale) {
+        return window.location.origin + `/${locale}/`
+      }
     }
   }
-}
 </script>
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 24530c1..e6b20b4 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -3,7 +3,7 @@
 
     <section class="presentation">
       <div class="first-row">
-        <img class="brand" :src="buildImgUrl('brand.png')" alt="PeerTube logo" />
+        <img class="brand" :src="buildImgUrl('brand.png')" alt="PeerTube logo"/>
 
         <div class="description" v-translate>A free software to take back control of your videos</div>
       </div>
@@ -36,8 +36,8 @@
 
       <div class="content-selection" v-for="contentSelection in contentSelections">
         <content-selection :type="contentSelection.type" :title="contentSelection.title"
-          :thumbnail-url="contentSelection.thumbnailUrl" :url="contentSelection.url" :tags="contentSelection.tags"
-          :description="contentSelection.description"
+                           :thumbnail-url="contentSelection.thumbnailUrl" :url="contentSelection.url" :tags="contentSelection.tags"
+                           :description="contentSelection.description"
         >
         </content-selection>
       </div>
@@ -54,24 +54,26 @@
       <div class="section-title">
         <div v-translate>
           What is
-          <img class="brand-title" :src="buildImgUrl('brand.png')" alt="PeerTube" />
+          <img class="brand-title" :src="buildImgUrl('brand.png')" alt="PeerTube"/>
           ?
         </div>
         <div class="border-title"></div>
       </div>
 
       <div class="ambition">
-        <img :src="buildImgUrl('peertube-interface.png')" alt="PeerTube screen" />
+        <img :src="buildImgUrl('peertube-interface.png')" alt="PeerTube screen"/>
 
         <div>
           <div class="citation">
             <div class="text" v-translate>
-              L’ambition de PeerTube, c'est d’être <strong>une alternative libre et décentralisée</strong> aux services de diffusion de vidéos.
+              L’ambition de PeerTube, c'est d’être <strong>une alternative libre et décentralisée</strong> aux services de diffusion de
+              vidéos.
             </div>
           </div>
 
           <p v-translate>
-            Le but n’est pas de remplacer, mais de proposer quelque chose d’autre, avec des valeurs différentes, en parallèle de ce qui existe déjà.
+            Le but n’est pas de remplacer, mais de proposer quelque chose d’autre, avec des valeurs différentes, en parallèle de ce qui
+            existe déjà.
           </p>
         </div>
       </div>
@@ -79,7 +81,7 @@
       <div class="federation one-column">
         <div class="subtitle" v-translate>Une fédération d'hébergements interconnectés</div>
 
-        <img :src="buildImgUrl('peertube-federation-multiplicity.png')" alt="Funny federation schema" />
+        <img :src="buildImgUrl('peertube-federation-multiplicity.png')" alt="Funny federation schema"/>
 
         <div class="citation">
           <div class="left-bar"></div>
@@ -93,7 +95,8 @@
         <p v-translate>
           N’importe qui ayant un minimum de compétences techniques peut héberger un serveur PeerTube qu’on nomme instance.
           Chaque instance héberge ses propres utilisateur⋅ices et leurs vidéos.
-          Ainsi, <strong>toutes les instances sont créées, animées, modérées et maintenues de façon indépendante par des administrateur⋅ices différent⋅e⋅s.</strong>
+          Ainsi, <strong>toutes les instances sont créées, animées, modérées et maintenues de façon indépendante par des administrateur⋅ices
+          différent⋅e⋅s.</strong>
         </p>
 
         <div class="bottom-link-wrapper">
@@ -103,10 +106,11 @@
           </a>
         </div>
 
-        <img :src="buildImgUrl('peertube-federation-2-instances.png')" alt="Funny 2 instances communication schema" />
+        <img :src="buildImgUrl('peertube-federation-2-instances.png')" alt="Funny 2 instances communication schema"/>
 
         <p v-translate>
-          Mais vous avez tout de même la possibilité de regarder depuis l'instance sur laquelle vous êtes inscrit·e des vidéos qui se trouvent ailleurs ;
+          Mais vous avez tout de même la possibilité de regarder depuis l'instance sur laquelle vous êtes inscrit·e des vidéos qui se
+          trouvent ailleurs ;
           il suffit que l'administrateur·ice l'ai autorisé !
         </p>
 
@@ -116,12 +120,13 @@
           <div class="text v-translate">C'est le principe de<strong> la fédération !</strong></div>
         </div>
 
-        <img :src="buildImgUrl('peertube-mastodon-federation.png')" alt="Federation with Mastodon funny schema" />
+        <img :src="buildImgUrl('peertube-mastodon-federation.png')" alt="Federation with Mastodon funny schema"/>
 
         <p v-translate>
           Mais ce n’est pas tout ! Le protocole de fédération ActivityPub (qu’utilise PeerTube)
           <strong>permet aussi d’interagir avec d’autres logiciels</strong> utilisant ce même protocole. Par exemple, PeerTube et le
-          réseau social Mastodon, alternative à Twitter, sont liés : <strong>il est possible de « suivre » un utilisateur PeerTube depuis Mastodon</strong>
+          réseau social Mastodon, alternative à Twitter, sont liés : <strong>il est possible de « suivre » un utilisateur PeerTube depuis
+          Mastodon</strong>
           (en affichant dans son fil d'actualités les dernières vidéos postées par le compte suivi),
           <strong>ou même de commenter une vidéo hébergée sur PeerTube directement depuis Mastodon.</strong>
         </p>
@@ -137,7 +142,7 @@
       <div class="free-software one-column">
         <div class="subtitle" v-translate>Un code ouvert sous licence libre</div>
 
-        <img :src="buildImgUrl('peertube-free-software.png')" alt="PeerTube is a free software funny schema" />
+        <img :src="buildImgUrl('peertube-free-software.png')" alt="PeerTube is a free software funny schema"/>
 
         <p v-translate>
           Les principaux services de diffusion de vidéo en ligne utilisent vos données pour gagner
@@ -153,11 +158,11 @@
           </div>
         </div>
 
-       <p v-translate>
-         Mais surtout, PeerTube <strong>vous considère comme une personne, et non pas comme un produit qu’il faut
-         profiler et enfermer dans des boucles vidéos.</strong> PeerTube n’utilise par exemple aucun algorithme de recommandation biaisé
-         pour vous faire rester indéfiniment en ligne.
-       </p>
+        <p v-translate>
+          Mais surtout, PeerTube <strong>vous considère comme une personne, et non pas comme un produit qu’il faut
+          profiler et enfermer dans des boucles vidéos.</strong> PeerTube n’utilise par exemple aucun algorithme de recommandation biaisé
+          pour vous faire rester indéfiniment en ligne.
+        </p>
 
         <p v-translate>
           Tout cela est possible car PeerTube est un logiciel libre (licence GNU-AGPL pour les connaisseur⋅euses).
@@ -177,7 +182,7 @@
       <div class="you-are-a-video-maker one-column">
         <div class="subtitle" v-translate>Vous êtes vidéaste ?</div>
 
-        <img :src="buildImgUrl('peertube-upload.png')" alt="PeerTube upload illustration" />
+        <img :src="buildImgUrl('peertube-upload.png')" alt="PeerTube upload illustration"/>
 
         <div class="citation">
           <div class="left-bar"></div>
@@ -197,14 +202,17 @@
 
           <div class="text" v-translate>
             Être en contact direct avec un hébergeur à taille humaine vous permet, non seulement de ne plus être le client d'une grande
-            entreprise du numérique, mais surtout <strong>d'avoir des rapports privilégiés avec les personnes qui hébergent et diffusent vos données.</strong>
+            entreprise du numérique, mais surtout <strong>d'avoir des rapports privilégiés avec les personnes qui hébergent et diffusent vos
+            données.</strong>
           </div>
         </div>
 
         <div v-translate>
-          Avec PeerTube, vous choisissez l’hébergeur de vos vidéos selon ses conditions d’utilisation, telles que la limite d’espace disque par utilisateur⋅ice,
+          Avec PeerTube, vous choisissez l’hébergeur de vos vidéos selon ses conditions d’utilisation, telles que la limite d’espace disque
+          par utilisateur⋅ice,
           la politique de modération, les choix de fédération...
-          Comme vous n’avez pas un géant du web en face de vous, vous pourrez probablement discuter ensemble si vous avez un souci, un besoin, une envie...
+          Comme vous n’avez pas un géant du web en face de vous, vous pourrez probablement discuter ensemble si vous avez un souci, un
+          besoin, une envie...
         </div>
 
         <button class="jpt-button discover-instances">
@@ -217,7 +225,7 @@
       <div class="p2p one-column">
         <div class="subtitle" v-translate>De la diffusion – et donc du visionnage – en pair-à-pair</div>
 
-        <img :src="buildImgUrl('peertube-p2p.png')" alt="PeerTube P2P illustration" />
+        <img :src="buildImgUrl('peertube-p2p.png')" alt="PeerTube P2P illustration"/>
 
         <div class="citation">
           <div class="left-bar"></div>
@@ -236,7 +244,8 @@
 
         <p v-translate>
           Mine de rien, avant cette diffusion en pair-à-pair, les vidéastes à succès (ou les vidéos qui font le buzz) étaient condamnés
-          à s’héberger chez un géant du web dont l’infrastructure peut encaisser des milliers de vues simultanées… Ou à payer très cher un hébergement de vidéo indépendant afin qu’il tienne la charge.
+          à s’héberger chez un géant du web dont l’infrastructure peut encaisser des milliers de vues simultanées… Ou à payer très cher un
+          hébergement de vidéo indépendant afin qu’il tienne la charge.
         </p>
       </div>
 
@@ -244,7 +253,7 @@
         <div class="one-column">
           <div class="subtitle" v-translate>À vous de jouer !</div>
 
-          <img :src="buildImgUrl('peertube-you-play.png')" alt="PeerTube you play illustration" />
+          <img :src="buildImgUrl('peertube-you-play.png')" alt="PeerTube you play illustration"/>
         </div>
 
         <div class="buttons-row">
@@ -267,7 +276,7 @@
       <div class="behind-peertube one-column">
         <div class="subtitle" v-translate>Qui est derrière PeerTube ?</div>
 
-        <img class="framasoft-logo" :src="buildImgUrl('framasoft-big-logo.png')" alt="Framasoft logo" />
+        <img class="framasoft-logo" :src="buildImgUrl('framasoft-big-logo.png')" alt="Framasoft logo"/>
 
         <p v-translate>
           PeerTube est <strong>un logiciel libre gratuit financé par une association</strong> française à but non lucratif : Framasoft.
@@ -275,7 +284,8 @@
 
         <p v-translate>
           Créée en 2004, l'association se consacre désormais à <strong>l’éducation populaire aux enjeux du numérique.</strong>
-          Notre petite structure (moins de 40 membres, moins de 10 salarié·e·s) est connue pour avoir réalisé le projet Dégooglisons Internet,
+          Notre petite structure (moins de 40 membres, moins de 10 salarié·e·s) est connue pour avoir réalisé le projet Dégooglisons
+          Internet,
           proposant 34 outils en ligne éthiques et alternatifs. Reconnue d’intérêt général, notre association est
           <strong>financée à plus de 90% par vos dons</strong>, déductibles des impôts pour les contribuables français·es.
         </p>
@@ -362,6 +372,11 @@
     .ambition {
       display: flex;
 
+      & > img,
+      & > div {
+        flex-basis: 100%;
+      }
+
       img {
         margin-right: 30px;
       }
@@ -397,28 +412,28 @@
 </style>
 
 <script>
-import IconInstance from '../components/icons/IconInstance.vue'
-import ContentSelection from '../components/ContentSelection.vue'
-import IconRight from '../components/icons/IconRight.vue'
+  import IconInstance from '../components/icons/IconInstance.vue'
+  import ContentSelection from '../components/ContentSelection.vue'
+  import IconRight from '../components/icons/IconRight.vue'
 
-export default {
-  components: {
-    ContentSelection,
-    IconInstance,
-    IconRight
-  },
+  export default {
+    components: {
+      ContentSelection,
+      IconInstance,
+      IconRight
+    },
 
-  data: () => ({
-    contentSelections: [
-      {
-        type: 'video',
-        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' ],
-        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.'
-      }
-    ]
-  })
-}
+    data: () => ({
+      contentSelections: [
+        {
+          type: 'video',
+          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'],
+          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.'
+        }
+      ]
+    })
+  }
 </script>