Merge branch 'share-leftside' of pmpc/website into master
commit
cd26965550
|
@ -88,3 +88,56 @@
|
|||
.share-buttons a#hnews:hover {
|
||||
background-color: #dd3500 !important;
|
||||
}
|
||||
|
||||
|
||||
aside.sharecolumn {
|
||||
display: none;
|
||||
left: 0;
|
||||
padding: 0.1vh 0.5vh;
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
z-index: 10;
|
||||
flex-direction: column;
|
||||
}
|
||||
@media(min-width:768px) {
|
||||
aside.sharecolumn {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
aside.sharecolumn a {
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 2.7vh auto;
|
||||
background-color: #474747;
|
||||
border-radius: 3px;
|
||||
color: #000;
|
||||
display: inline-block;
|
||||
margin: 2.5px 5px 2.5px 0;
|
||||
opacity: 0.9;
|
||||
text-decoration: none;
|
||||
height: 4vh;
|
||||
width: 4vh;
|
||||
}
|
||||
aside.sharecolumn a:hover {
|
||||
background-color: #F05F40;
|
||||
}
|
||||
aside.sharecolumn a#diaspora-left {
|
||||
background-image: url("/img/share/diaspora_white.png");
|
||||
}
|
||||
aside.sharecolumn a#gnusocial-left {
|
||||
background-image: url("/img/share/gnusocial_white.png");
|
||||
}
|
||||
aside.sharecolumn a#reddit-left {
|
||||
background-image: url("/img/share/reddit_white.png");
|
||||
}
|
||||
aside.sharecolumn a#twitter-left {
|
||||
background-image: url("/img/share/twitter_white.png");
|
||||
}
|
||||
aside.sharecolumn a#gplus-left {
|
||||
background-image: url("/img/share/gplus_white.png");
|
||||
display: none;
|
||||
}
|
||||
aside.sharecolumn a#facebook-left {
|
||||
background-image: url("/img/share/facebook_white.png");
|
||||
}
|
||||
|
|
|
@ -727,6 +727,23 @@
|
|||
|
||||
|
||||
|
||||
|
||||
<aside class="sharecolumn">
|
||||
|
||||
<a id="diaspora-left" href="https://test.fsfe.org/cgi-bin/share.php?service=diaspora&ref=pmpc&url=https://publicmoneypubliccode.org&title=Public%20Money%3F%20Public%20Code!%20%23pmpc" target="_blank"> </a>
|
||||
|
||||
<a id="gnusocial-left" href="https://test.fsfe.org/cgi-bin/share.php?service=gnusocial&ref=pmpc&url=https://publicmoneypubliccode.org&title=Public%20Money%3F%20Public%20Code!%20%23pmpc" target="_blank"> </a>
|
||||
|
||||
<a id="reddit-left" href="https://test.fsfe.org/cgi-bin/share.php?service=reddit&ref=pmpc&url=https://publicmoneypubliccode.org&title=Public%20Money%3F%20Public%20Code!%20%23pmpc" target="_blank"> </a>
|
||||
|
||||
<a id="twitter-left" href="https://test.fsfe.org/cgi-bin/share.php?service=twitter&ref=pmpc&url=https://publicmoneypubliccode.org&title=Public%20Money%3F%20Public%20Code!%20%23pmpc" target="_blank"> </a>
|
||||
|
||||
<a id="gplus-left" href="https://test.fsfe.org/cgi-bin/share.php?service=gplus&ref=pmpc&url=https://publicmoneypubliccode.org&title=Public%20Money%3F%20Public%20Code!%20%23pmpc" target="_blank"> </a>
|
||||
|
||||
<a id="facebook-left" href="https://test.fsfe.org/cgi-bin/share.php?service=facebook&ref=pmpc&url=https://publicmoneypubliccode.org&title=Public%20Money%3F%20Public%20Code!%20%23pmpc" target="_blank"> </a>
|
||||
|
||||
</aside>
|
||||
|
||||
|
||||
<!-- jQuery -->
|
||||
<script type="text/javascript" src="http://pmpc.mehl.mx/js/jquery.js"></script>
|
||||
|
|
|
@ -35,6 +35,8 @@
|
|||
{{ if .Site.Data.resources }}
|
||||
{{ partial "modals.html" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ partial "sharecolumn.html" . }}
|
||||
|
||||
{{ partial "js.html" . }}
|
||||
</body>
|
||||
|
|
|
@ -0,0 +1,5 @@
|
|||
<aside class="sharecolumn">
|
||||
{{ range .Site.Data.share }}
|
||||
<a id="{{ .id}}-left" href="{{ .link }}" target="_blank"> </a>
|
||||
{{ end }}
|
||||
</aside>
|
|
@ -88,3 +88,56 @@
|
|||
.share-buttons a#hnews:hover {
|
||||
background-color: #dd3500 !important;
|
||||
}
|
||||
|
||||
|
||||
aside.sharecolumn {
|
||||
display: none;
|
||||
left: 0;
|
||||
padding: 0.1vh 0.5vh;
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
z-index: 10;
|
||||
flex-direction: column;
|
||||
}
|
||||
@media(min-width:768px) {
|
||||
aside.sharecolumn {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
aside.sharecolumn a {
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 2.7vh auto;
|
||||
background-color: #474747;
|
||||
border-radius: 3px;
|
||||
color: #000;
|
||||
display: inline-block;
|
||||
margin: 2.5px 5px 2.5px 0;
|
||||
opacity: 0.9;
|
||||
text-decoration: none;
|
||||
height: 4vh;
|
||||
width: 4vh;
|
||||
}
|
||||
aside.sharecolumn a:hover {
|
||||
background-color: #F05F40;
|
||||
}
|
||||
aside.sharecolumn a#diaspora-left {
|
||||
background-image: url("/img/share/diaspora_white.png");
|
||||
}
|
||||
aside.sharecolumn a#gnusocial-left {
|
||||
background-image: url("/img/share/gnusocial_white.png");
|
||||
}
|
||||
aside.sharecolumn a#reddit-left {
|
||||
background-image: url("/img/share/reddit_white.png");
|
||||
}
|
||||
aside.sharecolumn a#twitter-left {
|
||||
background-image: url("/img/share/twitter_white.png");
|
||||
}
|
||||
aside.sharecolumn a#gplus-left {
|
||||
background-image: url("/img/share/gplus_white.png");
|
||||
display: none;
|
||||
}
|
||||
aside.sharecolumn a#facebook-left {
|
||||
background-image: url("/img/share/facebook_white.png");
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue