Merge branch 'share-leftside' of pmpc/website into master

lektura
Max Mehl 2017-03-20 13:42:26 +00:00 committed by Gogs
commit cd26965550
5 changed files with 130 additions and 0 deletions

View File

@ -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");
}

View File

@ -727,6 +727,23 @@
<aside class="sharecolumn">
<a id="diaspora-left" href="https://test.fsfe.org/cgi-bin/share.php?service=diaspora&amp;ref=pmpc&amp;url=https://publicmoneypubliccode.org&amp;title=Public%20Money%3F%20Public%20Code!%20%23pmpc" target="_blank">&nbsp;</a>
<a id="gnusocial-left" href="https://test.fsfe.org/cgi-bin/share.php?service=gnusocial&amp;ref=pmpc&amp;url=https://publicmoneypubliccode.org&amp;title=Public%20Money%3F%20Public%20Code!%20%23pmpc" target="_blank">&nbsp;</a>
<a id="reddit-left" href="https://test.fsfe.org/cgi-bin/share.php?service=reddit&amp;ref=pmpc&amp;url=https://publicmoneypubliccode.org&amp;title=Public%20Money%3F%20Public%20Code!%20%23pmpc" target="_blank">&nbsp;</a>
<a id="twitter-left" href="https://test.fsfe.org/cgi-bin/share.php?service=twitter&amp;ref=pmpc&amp;url=https://publicmoneypubliccode.org&amp;title=Public%20Money%3F%20Public%20Code!%20%23pmpc" target="_blank">&nbsp;</a>
<a id="gplus-left" href="https://test.fsfe.org/cgi-bin/share.php?service=gplus&amp;ref=pmpc&amp;url=https://publicmoneypubliccode.org&amp;title=Public%20Money%3F%20Public%20Code!%20%23pmpc" target="_blank">&nbsp;</a>
<a id="facebook-left" href="https://test.fsfe.org/cgi-bin/share.php?service=facebook&amp;ref=pmpc&amp;url=https://publicmoneypubliccode.org&amp;title=Public%20Money%3F%20Public%20Code!%20%23pmpc" target="_blank">&nbsp;</a>
</aside>
<!-- jQuery -->
<script type="text/javascript" src="http://pmpc.mehl.mx/js/jquery.js"></script>

View File

@ -35,6 +35,8 @@
{{ if .Site.Data.resources }}
{{ partial "modals.html" . }}
{{ end }}
{{ partial "sharecolumn.html" . }}
{{ partial "js.html" . }}
</body>

View File

@ -0,0 +1,5 @@
<aside class="sharecolumn">
{{ range .Site.Data.share }}
<a id="{{ .id}}-left" href="{{ .link }}" target="_blank">&nbsp;</a>
{{ end }}
</aside>

View File

@ -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");
}