social share

src/app/index.less

@@ -64,6 +64,7 @@ p {
 .jumbotron {
   background: @main-primary;
   color: white;
+  padding-bottom: 10px;
 
   h1 {
     font-size: 5em;
@@ -80,6 +81,39 @@ p {
   }
 }
 
+.sharing-buttons {
+  position: fixed;
+  left: 0;
+
+  list-style-type: none;
+
+  padding-left: 0px;
+
+  li {
+    margin: 20px 0;
+    text-indent: 0;
+  }
+
+  a {
+    padding: 6px 7px 7px 7px;
+    border-radius: 0 4px 4px 0;
+  }
+  a.facebook {background: #3C5A96;}
+  a.twitter {background: #59ADEB;}
+  a.tumblr {background: #32506E;}
+  a.pressthis {background: #1E8CBE;}
+  a.googleplus {background: #DB585A;}
+  a.diaspora {background: #626262;}
+  
+  img {
+    width: 16px;
+    // padding: 20px 15px;
+  }
+
+  span.text {
+    display: none;
+  }
+}
 //
 .clear {
   clear: both;

src/app/main/components/social.html

+<ul class="sharing-buttons">
+  <li>
+      <a class="facebook" href=
+      "https://www.facebook.com/sharer.php?u=http://sous-surveillance.fr/"
+      target="_blank"><img alt="" onload="this.style.opacity=1;" src=
+      "assets/share/facebook.png" style="opacity: 1;"> <span class=
+      "text">&nbsp; Share on Facebook</span></a>
+  </li>
+
+  <li>
+      <a class="twitter" href=
+      "https://twitter.com/intent/tweet?related=laquadrature&amp;text=Appelez+vos+d%C3%A9put%C3%A9s+!+Refusez+cette+loi+de+surveillance+!+sous-surveillance.fr+%23PJLRenseignement"
+      target="_blank"><img alt="" onload="this.style.opacity=1;" src=
+      "assets/share/twitter.png" style="opacity: 1;"> <span class=
+      "text">&nbsp; Share on Twitter</span></a>
+  </li>
+
+  <li>
+      <a class="tumblr" href=
+      "http://www.tumblr.com/share/link?url=http%3A%2F%2Fsous-surveillance.fr"
+      target="_blank"><img alt="" onload="this.style.opacity=1;" src=
+      "assets/share/tumblr.png" style="opacity: 1;"> <span class=
+      "text">&nbsp; Share on Tumblr</span></a>
+  </li>
+
+  <li>
+      <a class="pressthis" href=
+      "http://www.addtoany.com/add_to/wordpress?linkurl=http%3A%2F%2Fsous-surveillance.fr&amp;linkname=Sous%20Surveillance&amp;linknote=Appelez+vos+d%C3%A9put%C3%A9s+!+Refusez+cette+loi+de+surveillance+!+sous-surveillance.fr+%23PJLRenseignement"
+      target="_blank"><img alt="" onload="this.style.opacity=1;" src=
+      "assets/share/pressthis.png" style="opacity: 1;"> <span class=
+      "text">&nbsp; Press This</span></a>
+  </li>
+
+  <li>
+      <a class="googleplus" href=
+      "https://plus.google.com/share?url=http%3A%2F%2Fsous-surveillance.fr"
+      target="_blank"><img alt="" onload="this.style.opacity=1;" src=
+      "assets/share/google-plus.png" style="opacity: 1;"> <span class=
+      "text">&nbsp; Share on Google+</span></a>
+  </li>
+
+  <li>
+    <a class="diaspora" href="
+    http://sharetodiaspora.github.io/?title=Appelez+vos+d%C3%A9put%C3%A9s+!+Refusez+cette+loi+de+surveillance+!+sous-surveillance.fr+%23PJLRenseignement&amp;url=http%3A%2F%2Fsous-surveillance.fr" target="_blank">
+		<img src="http://sharetodiaspora.github.io/favicon.png" style="border: 0px solid;" />
+	</a>
+  </li>
+</ul>

src/app/main/main.html

@@ -6,6 +6,8 @@
   <h2>Légaliser la surveillance totale ? <strong>NON !</strong></h2>
 </div>
 
+<div ng-include="'app/main/components/social.html'"></div>
+
 <div id="main" class="container">
 
   <!--  Countdown -->
@@ -20,7 +22,7 @@
   <h1>Qui s’y oppose ?</h1>
 
   <div style="text-align: center">
-    <iframe width="560" height="315" src="https://www.youtube.com/embed/xTEqai3eyAc" frameborder="0" allowfullscreen></iframe>
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/WZOPKkqYFlA?list=PLBSDR8jbeRXPnaKCBgIuuznld9e1yHOky" frameborder="0" allowfullscreen></iframe>
   </div>
 
   <div ng-include="'app/main/components/oppositions/oppositions.html'"></div>