Commit ff2b4727 authored by luxcem's avatar luxcem

social share

parent 9141e628
......@@ -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;
......
<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>
......@@ -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>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment