Fix links and Youtube tile for small screens

mozfr · Oct 26, 2014 · d3faf61 · d3faf61
1 parent 103a3c1
commit d3faf61
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -5,6 +5,7 @@ Dépendances techniques :
 ========================= 
 
 Composer (Dependency Manager for PHP, http://getcomposer.org/)
+php5-curl package, |sudo apt-get install php5-curl|
 
 
 Installation :

diff --git a/css/main.css b/css/main.css
@@ -105,6 +105,10 @@
   background: #666;
 }
 
+#promo-11 .youtube-logo {
+  display: none;
+}
+
 #player {
   margin: 5px;
 }
@@ -194,6 +198,14 @@
     top: 1120px;
     left: 320px;
   }
+
+  #promo-11 .youtube-logo {
+    display: inline-block;
+  }
+
+  #promo-11 .youtube-video {
+    display: none;
+  }
 }
 
 @media only screen and (max-width: 659px) {
@@ -210,4 +222,12 @@
     display: block;
     left: 0px;
   }
+
+  #promo-11 .youtube-logo {
+    display: inline-block;
+  }
+
+  #promo-11 .youtube-video {
+    display: none;
+  }
 }
diff --git a/includes/body.php b/includes/body.php
@@ -17,7 +17,7 @@
         <li id="promo-1" class="item promo-large-portrait mission" data-name="Application du jour" tabindex="0">
           <h2 class="primary go">L’appli du jour</h2>
           <img class="primary go" src="media/img/logo-marketplace.png" alt="Logo du Firefox Marketplace">
-          <a class="panel-link" href="https://www.mozfr.org">
+          <a class="panel-link" href="https://marketplace.firefox.com/popular">
             <div class="secondary">
               <h3>Chaque jour, découvrez une nouvelle application.</h3>
               <p class="more">Découvrez l’application</p>
@@ -94,7 +94,14 @@
           </a>
         </li>
         <li id="promo-11" class="item promo-large-landscape support" tabindex="0" data-name="Vidéo Youtube">
-          <div id="player"></div>
+          <div id="player" class="youtube-video"></div>
+          <h2 class="primary go youtube-logo">Chaîne Youtube<br>Firefox OS FR</h2>
+          <a class="panel-link youtube-logo" href="https://www.youtube.com/channel/UCbkLDekPQHxeTJZ8jPb8LBw">
+            <div class="secondary">
+              <h3>Découvrez Firefox&nbsp;OS en vidéo sur notre chaîne.</h3>
+              <p class="more">Découvrez la chaîne</p>
+            </div>
+          </a>
         </li>
         <li id="promo-12" class="item promo-large-landscape apps" data-name="Où acheter un téléphone" tabindex="0">
           <h2 class="primary go">Où acheter un téléphone&nbsp;?</h2>

diff --git a/includes/footer.php b/includes/footer.php
@@ -21,8 +21,8 @@
           <ul>
             <li><a href="https://twitter.com/firefoxosfr">Twitter<span> (@firefoxosfr)</span></a></li>
             <li><a href="https://www.facebook.com/firefoxosfr">Facebook<span> (Firefox OS FR)</span></a></li>
-            <li><a href="https://plus.google.com/b/102403271624576887074/102403271624576887074">Google+<span> (Firefox OS FR)</span></a></li>
-            <li><a href="https://www.youtube.com/firefoxchannel">YouTube<span> (firefoxchannel)</span></a></li>
+            <li><a href="https://plus.google.com/102403271624576887074" rel="publisher">Google+<span> (Firefox OS FR)</span></a></li>
+            <li><a href="https://www.youtube.com/channel/UCbkLDekPQHxeTJZ8jPb8LBw">YouTube<span> (Firefox OS FR)</span></a></li>
           </ul>
         </li>
         <li>