Lint

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>
 
@@ -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;

src/views/Home.vue

@@ -66,12 +66,14 @@
         <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>
@@ -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">
@@ -106,7 +109,8 @@
         <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>
 
@@ -121,7 +125,8 @@
         <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>
@@ -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">
@@ -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>
 
@@ -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;
       }