FSFE/fsfe-website
25
31
Fork 92
Code Issues 65 Pull Requests 5 Wiki Activity

Update to latest share-buttons (#1361)
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Max Mehl 2020-05-06 16:06:21 +02:00
parent f8b71ee726
commit 2761b56591
13 changed files with 563 additions and 318 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
build/xslt/sharebuttons.xsl
View File

@ -20,7 +20,7 @@
<xsl:element name="form"> <!-- div containing all buttons -->
<xsl:attribute name="action">/share</xsl:attribute>
<xsl:attribute name="method">GET</xsl:attribute>
<xsl:attribute name="class">share-buttons bottom</xsl:attribute>
<xsl:attribute name="class">share-buttons</xsl:attribute>
<xsl:attribute name="target">_blank</xsl:attribute>
<xsl:attribute name="onkeypress">return event.keyCode != 13;</xsl:attribute>
<h3>
@ -55,70 +55,36 @@
<xsl:attribute name="placeholder">Please do not put anything here</xsl:attribute>
</xsl:element>
<!-- Diaspora -->
<!-- Fediverse -->
<xsl:element name="label">
<xsl:attribute name="class">button share-diaspora</xsl:attribute>
<xsl:attribute name="class">button share-fediverse</xsl:attribute>
<xsl:attribute name="title">
<xsl:call-template name="fsfe-gettext">
<xsl:with-param name="id" select="'share-page'" />
</xsl:call-template>
<xsl:text> Diaspora</xsl:text>
<xsl:text> Fediverse</xsl:text>
</xsl:attribute>
<xsl:attribute name="for">diaspora-share-bottom</xsl:attribute>
<xsl:text>Diaspora</xsl:text>
<xsl:attribute name="for">fediverse-share</xsl:attribute>
<xsl:text>Fediverse</xsl:text>
</xsl:element>
<xsl:element name="input">
<xsl:attribute name="type">radio</xsl:attribute>
<xsl:attribute name="name">popup</xsl:attribute>
<xsl:attribute name="id">diaspora-share-bottom</xsl:attribute>
<xsl:attribute name="id">fediverse-share</xsl:attribute>
</xsl:element>
<xsl:element name="span">
<xsl:attribute name="class">popup diaspora</xsl:attribute>
<xsl:attribute name="class">popup fediverse</xsl:attribute>
<xsl:element name="label"><xsl:attribute name="for">no-share-popup</xsl:attribute></xsl:element>
<xsl:element name="input">
<xsl:attribute name="type">text</xsl:attribute>
<xsl:attribute name="name">diasporapod</xsl:attribute>
<xsl:attribute name="name">fediversepod</xsl:attribute>
<xsl:attribute name="value"></xsl:attribute>
<xsl:attribute name="placeholder">Diaspora URL (diasp.tld)</xsl:attribute>
<xsl:attribute name="placeholder">Fediverse URL (fediverse.tld)</xsl:attribute>
</xsl:element>
<xsl:element name="button">
<xsl:attribute name="type">submit</xsl:attribute>
<xsl:attribute name="name">service</xsl:attribute>
<xsl:attribute name="value">diaspora</xsl:attribute>
<xsl:text>OK</xsl:text>
</xsl:element>
</xsl:element>
<!-- Mastodon -->
<xsl:element name="label">
<xsl:attribute name="class">button share-mastodon</xsl:attribute>
<xsl:attribute name="title">
<xsl:call-template name="fsfe-gettext">
<xsl:with-param name="id" select="'share-page'" />
</xsl:call-template>
<xsl:text> Mastodon</xsl:text>
</xsl:attribute>
<xsl:attribute name="for">mastodon-share-bottom</xsl:attribute>
<xsl:text>Mastodon</xsl:text>
</xsl:element>
<xsl:element name="input">
<xsl:attribute name="type">radio</xsl:attribute>
<xsl:attribute name="name">popup</xsl:attribute>
<xsl:attribute name="id">mastodon-share-bottom</xsl:attribute>
</xsl:element>
<xsl:element name="span">
<xsl:attribute name="class">popup mastodon</xsl:attribute>
<xsl:element name="label"><xsl:attribute name="for">no-share-popup</xsl:attribute></xsl:element>
<xsl:element name="input">
<xsl:attribute name="type">text</xsl:attribute>
<xsl:attribute name="name">mastodonpod</xsl:attribute>
<xsl:attribute name="value"></xsl:attribute>
<xsl:attribute name="placeholder">Mastodon URL (mastodon.tld)</xsl:attribute>
</xsl:element>
<xsl:element name="button">
<xsl:attribute name="type">submit</xsl:attribute>
<xsl:attribute name="name">service</xsl:attribute>
<xsl:attribute name="value">mastodon</xsl:attribute>
<xsl:attribute name="value">fediverse</xsl:attribute>
<xsl:text>OK</xsl:text>
</xsl:element>
</xsl:element>

15
cgi-bin/share-config.php Normal file
View File

@ -0,0 +1,15 @@
<?php
/*
SPDX-License-Identifier: CC0-1.0
SPDX-FileCopyrightText: 2019 Free Software Foundation Europe e.V. <https://fsfe.org>
*/
$config = [
'fediverseuser' => '@fsfe@mastodon.social',
'diasporauser' => '@{fsfe@diasp.eu}',
'twitteruser' => 'fsfe',
'flattruser' => 'fsfe',
'supporturl' => 'https://my.fsfe.org/donate?referrer=share'
]
?>

133
cgi-bin/share.php Executable file → Normal file
View File

@ -1,68 +1,62 @@
<?php
/*
* SPDX-FileCopyrightText: 2019 Free Software Foundation Europe e.V. <https://fsfe.org>
* SPDX-FileCopyrightText: 2018 Daniel Martin Gomez
* SPDX-License-Identifier: AGPL-3.0-or-later
*
* share-buttons: Share buttons for many social networks and services
* Copyright (C) 2018 Max Mehl <max.mehl@fsfe.org>, Paul Hänsch <paul@fsfe.org>
*
* This program is free software: you can redistribute it and/or modify it under
* the terms of the GNU Affero General Public License as published by the Free
* Software Foundation, either version 3 of the License, or (at your option) any
* later version.
*
* This program is distributed in the hope that it will be useful, but WITHOUT
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
* FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
* details <http://www.gnu.org/licenses/>.
* Upstream: https://git.fsfe.org/FSFE/share-buttons
*/
// Change these variables
$gnusocialuser = "@fsfe@quitter.no";
$mastodonuser = "@fsfe@mastodon.social";
$twitteruser = "fsfe";
$flattruser = "fsfe";
$supporturl = "https://my.fsfe.org/donate?referrer=share";
/* load config. You normally don't want to edit something here */
require_once 'share-config.php';
$fediverseuser = $config['fediverseuser'];
$diasporauser = $config['diasporauser'];
$twitteruser = $config['twitteruser'];
$flattruser = $config['flattruser'];
$supporturl = $config['supporturl'];
// Don't change below here
$service = isset($_GET['service']) ? $_GET['service'] : false;
$url = isset($_GET['url']) ? $_GET['url'] : false;
$title = isset($_GET['title']) ? $_GET['title'] : false;
$ref = isset($_GET['ref']) ? $_GET['ref'] : false;
$diasporapod = isset($_GET['diasporapod']) ? $_GET['diasporapod'] : false;
$gnusocialpod = isset($_GET['gnusocialpod']) ? $_GET['gnusocialpod'] : false;
$mastodonpod = isset($_GET['mastodonpod']) ? $_GET['mastodonpod'] : false;
$fediversepod = isset($_GET['fediversepod']) ? $_GET['fediversepod'] : false;
if(empty($service) || empty($url)) {
echo 'At least one required variable is empty. You have to define at least service and url';
} else {
$service = htmlspecialchars($service);
$diasporapod = htmlspecialchars($diasporapod);
$gnusocialpod = htmlspecialchars($gnusocialpod);
$mastodonpod = htmlspecialchars($mastodonpod);
$fediversepod = htmlspecialchars($fediversepod);
$url = urlencode($url);
$title = urlencode($title);
/* Special referrers for FSFE campaigns */
if($ref == "pmpc-side" || $ref == "pmpc-spread") {
$via_gs = "";
$via_ma = "";
$via_fed = "";
$via_tw = "";
$via_dia = "";
$supporturl = "https://fsfe.org/donate?pmpc";
} else {
$via_gs = " via " . $gnusocialuser;
$via_ma = " via " . $mastodonuser;
$via_fed = " via " . $fediverseuser;
$via_tw = "&via=" . $twitteruser;
$via_dia = " via " . $diasporauser;
}
if ($service === "diaspora") {
$diasporapod = validateurl($diasporapod);
header("Location: " . $diasporapod . "/bookmarklet?url=" . $url . "&title=" . $title);
die();
} elseif($service === "gnusocial") {
$gnusocialpod = validateurl($gnusocialpod);
header("Location: " . $gnusocialpod . "/notice/new?status_textarea=" . $title . " " . $url . $via_gs);
die();
} elseif($service === "mastodon") {
$mastodonpod = validateurl($mastodonpod);
header("Location: " . $mastodonpod . "/share?text=" . $title . " " . $url . $via_ma);
if ($service === "fediverse") {
$fediversepod = validateurl($fediversepod);
$fediverse = which_fediverse($fediversepod);
if($fediverse === "mastodon") {
// Mastodon
header("Location: " . $fediversepod . "/share?text=" . $title . " " . $url . $via_fed);
} elseif($fediverse === "diaspora") {
// Diaspora
header("Location: " . $fediversepod . "/bookmarklet?url=" . $url . "&title=" . $title . $via_dia);
} elseif($fediverse === "gnusocial") {
// GNU Social
header("Location: " . $fediversepod . "/notice/new?status_textarea=" . $title . " " . $url . $via_fed);
} else {
echo 'Your Fediverse instance is unknown. We cannot find out which service it belongs to, sorry.';
}
die();
} elseif($service === "reddit") {
header("Location: https://reddit.com/submit?url=" . $url . "&title=" . $title);
@ -90,12 +84,63 @@ if(empty($service) || empty($url)) {
}
}
// If diaspora/GS/Mastodon pod has been typed without http(s):// prefix, add it
// Sanitise URLs
function validateurl($url) {
// If Fediverse pod has been typed without http(s):// prefix, add it
if (preg_match('#^https?://#i', $url) === 0) {
return 'https://' . $url;
$url = 'https://' . $url;
}
// remove trailing spaces and slashes
$url = trim($url, " /");
return $url;
}
// Is $pod a Mastodon instance or a GNU Social server?
function getFediverseNetwork($pod) {
$curl = curl_init($pod . "/api/statusnet/version.xml");
curl_exec($curl);
$code = curl_getinfo($curl, CURLINFO_HTTP_CODE);
curl_close($curl);
if ($code == 200) {
// GNU social server
return 0;
} else {
// Mastodon server
return 1;
}
}
function which_fediverse($pod) {
if (check_httpstatus($pod . "/api/v1/instance")) {
// Mastodon
return "mastodon";
} elseif (check_httpstatus($pod . "/api/statusnet/version.xml")) {
// GNU social
return "gnusocial";
} elseif (check_httpstatus($pod . "/users/sign_in")) {
// Diaspora
return "diaspora";
} else {
return $url;
return "none";
}
}
function check_httpstatus($url) {
$headers = get_headers($url, 1);
// check up to 2 redirections
if (array_key_exists('2', $headers)) {
$httpstatus = $headers[2];
} elseif (array_key_exists('1', $headers)) {
$httpstatus = $headers[1];
} else {
$httpstatus = $headers[0];
}
// check if HTTP status is 200
if (strpos($httpstatus, '200 OK') !== false) {
return true;
} else {
return false;
}
}

BIN
graphics/services/fediverse.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

159
graphics/services/fediverse.svg Normal file
View File

@ -0,0 +1,159 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="173.28191mm"
height="173.28191mm"
viewBox="0 0 173.2819 173.2819"
version="1.1"
id="svg8"
inkscape:version="0.92.4 5da689c313, 2019-01-14"
sodipodi:docname="fediverse.svg"
inkscape:export-filename="/home/max/Repositories/fsfe/share-buttons/services/fediverse_large.png"
inkscape:export-xdpi="37.52"
inkscape:export-ydpi="37.52">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.50411932"
inkscape:cx="-179.36904"
inkscape:cy="335.39799"
inkscape:document-units="mm"
inkscape:current-layer="layer3"
showgrid="false"
inkscape:snap-smooth-nodes="true"
inkscape:snap-midpoints="true"
inkscape:snap-global="false"
inkscape:window-width="1920"
inkscape:window-height="1010"
inkscape:window-x="0"
inkscape:window-y="23"
inkscape:window-maximized="1"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:groupmode="layer"
id="layer2"
inkscape:label="Linies"
style="display:inline"
transform="translate(-8.5262698,-40.668285)" />
<g
inkscape:groupmode="layer"
id="layer3"
inkscape:label="Nodes"
style="display:inline;opacity:1"
transform="translate(-8.5262698,-40.668285)">
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#a730b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:11;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
d="m 41.273331,105.29242 a 18.227783,18.227783 0 0 1 -7.795906,7.75973 l 42.79842,42.96534 10.318234,-5.22914 z m 56.452367,56.67044 -10.318234,5.22914 21.686016,21.77076 a 18.227783,18.227783 0 0 1 7.79746,-7.76076 z"
id="path9722"
inkscape:connector-curvature="0" />
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#5496be;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:11;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
d="m 147.24309,122.29293 -24.22953,12.27936 1.78646,11.42721 27.41486,-13.89425 a 18.227783,18.227783 0 0 1 -4.97179,-9.81232 z m -38.29533,19.40761 -57.289018,29.03388 a 18.227783,18.227783 0 0 1 4.972823,9.81336 l 54.102645,-27.41952 z"
id="path9729"
inkscape:connector-curvature="0" />
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ce3d1a;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:11;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
d="m 90.52407,70.182419 -27.64379,53.967251 8.161776,8.1933 29.269014,-57.138635 a 18.227783,18.227783 0 0 1 -9.787,-5.021916 z M 55.690537,138.18602 41.688293,165.5213 a 18.227783,18.227783 0 0 1 9.785966,5.0214 l 12.377539,-24.1639 z"
id="path9713"
inkscape:connector-curvature="0" />
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#d0188f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:11;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
d="m 33.239713,113.17204 a 18.227783,18.227783 0 0 1 -9.105905,1.90376 18.227783,18.227783 0 0 1 -1.759582,-0.18396 l 8.176246,52.29809 a 18.227783,18.227783 0 0 1 9.105903,-1.90375 18.227783,18.227783 0 0 1 1.75855,0.18396 z"
id="path1015"
inkscape:connector-curvature="0" />
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#5b36e9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:11;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
d="m 56.674975,180.80667 a 18.227783,18.227783 0 0 1 0.190685,3.67162 18.227783,18.227783 0 0 1 -1.92288,7.19129 l 52.28932,8.3907 a 18.227783,18.227783 0 0 1 -0.1912,-3.67213 18.227783,18.227783 0 0 1 1.92339,-7.19077 z"
id="path1674"
inkscape:connector-curvature="0" />
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#30b873;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:11;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
d="m 152.39885,132.29646 -24.13496,47.11753 a 18.227783,18.227783 0 0 1 9.78803,5.02244 l 24.13445,-47.11702 a 18.227783,18.227783 0 0 1 -9.78752,-5.02295 z"
id="path1676"
inkscape:connector-curvature="0" />
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ebe305;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:11;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
d="m 119.482,65.656081 a 18.227783,18.227783 0 0 1 -7.79746,7.760766 l 37.37653,37.520713 a 18.227783,18.227783 0 0 1 7.79694,-7.76077 z"
id="path1678"
inkscape:connector-curvature="0" />
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#f47601;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:11;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
d="M 85.367796,60.179412 38.119519,84.123688 a 18.227783,18.227783 0 0 1 4.972306,9.812319 L 90.339584,69.990699 a 18.227783,18.227783 0 0 1 -4.971788,-9.811287 z"
id="path1680"
inkscape:connector-curvature="0" />
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#57c115;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:11;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
d="m 111.59824,73.460255 a 18.227783,18.227783 0 0 1 -9.25576,1.979723 18.227783,18.227783 0 0 1 -1.59526,-0.167431 l 4.18528,26.799913 11.41997,1.83245 z m -4.23333,44.192655 9.89552,63.36305 a 18.227783,18.227783 0 0 1 8.97309,-1.83709 18.227783,18.227783 0 0 1 1.90686,0.20929 l -9.35498,-59.90332 z"
id="path9758"
inkscape:connector-curvature="0" />
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#dbb210;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:11;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
d="m 43.125414,94.137029 a 18.227783,18.227783 0 0 1 0.200504,3.729487 18.227783,18.227783 0 0 1 -1.894456,7.139104 l 26.820584,4.30774 5.271511,-10.294459 z m 45.967737,7.381981 -5.272029,10.29549 63.371328,10.17768 a 18.227783,18.227783 0 0 1 -0.18397,-3.62975 18.227783,18.227783 0 0 1 1.94459,-7.22954 z"
id="path9760"
inkscape:connector-curvature="0" />
<circle
style="fill:#ffca00;fill-opacity:0.99596773;stroke:none;stroke-width:0.26458332;stroke-opacity:0.96078431"
id="path817"
cx="106.29401"
cy="51.534012"
transform="rotate(3.1178174)"
r="16.570711" />
<circle
id="path819"
style="fill:#64ff00;fill-opacity:0.99596773;stroke:none;stroke-width:0.26458332;stroke-opacity:0.96078431"
cx="171.45642"
cy="110.19175"
transform="rotate(3.1178174)"
r="16.570711" />
<circle
id="path823"
style="fill:#00a3ff;fill-opacity:0.99596773;stroke:none;stroke-width:0.26458332;stroke-opacity:0.96078431"
cx="135.79185"
cy="190.2755"
transform="rotate(3.1178174)"
r="16.570711" />
<circle
style="fill:#9500ff;fill-opacity:0.99596773;stroke:none;stroke-width:0.26458332;stroke-opacity:0.96078431"
id="path825"
cx="48.587524"
cy="181.11226"
transform="rotate(3.1178174)"
r="16.570711" />
<circle
id="path827"
style="fill:#ff0000;fill-opacity:0.99596773;stroke:none;stroke-width:0.26458332;stroke-opacity:0.96078431"
cx="30.356865"
cy="95.365303"
transform="rotate(3.1178174)"
r="16.570711" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
graphics/services/fediverse2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

76
graphics/services/fediverse2.svg Normal file
View File

@ -0,0 +1,76 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="89.302094mm"
height="89.302094mm"
viewBox="0 0 89.302093 89.302094"
version="1.1"
id="svg8"
inkscape:version="0.92.4 5da689c313, 2019-01-14"
sodipodi:docname="fediverse.svg">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.98994949"
inkscape:cx="320.36994"
inkscape:cy="123.44574"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1920"
inkscape:window-height="1010"
inkscape:window-x="0"
inkscape:window-y="23"
inkscape:window-maximized="1" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-89.75629,-115.36986)">
<g
id="g837"
transform="translate(13.426455,1.972992e-5)"
style="stroke:none;fill:#c9ad69;fill-opacity:1">
<path
style="fill:#c9ad69;fill-opacity:1;stroke-width:0.35277778;stroke:none"
d="m 104.9059,203.91495 c -1.41818,-0.74939 -3.0072,-2.47333 -3.55657,-3.85856 -0.54261,-1.36816 -0.64872,-4.29242 -0.20139,-5.55003 0.37997,-1.06824 0.30119,-1.24734 -1.691367,-3.84542 -1.870783,-2.43929 -2.267299,-2.76963 -3.78188,-3.1507 -3.073978,-0.77343 -4.833347,-3.47705 -4.326265,-6.64817 0.31407,-1.96409 1.449242,-3.37298 3.417592,-4.24167 1.459489,-0.64411 1.940713,-1.14332 3.431554,-3.55979 l 1.73401,-2.81061 -0.820958,-1.07633 c -2.595155,-3.40242 -1.500417,-8.28933 2.312994,-10.32518 2.31138,-1.23397 5.36871,-1.0186 7.57039,0.53329 l 1.58429,1.11671 2.91919,-0.65476 c 8.00837,-1.79624 9.64302,-2.20047 9.88994,-2.44568 0.14739,-0.14636 0.37149,-5.45572 0.498,-11.79855 0.22339,-11.20079 0.21061,-11.53231 -0.44437,-11.52793 -0.74849,0.005 -7.42409,1.64427 -11.25772,2.76446 l -2.46945,0.72157 -9.965968,-4.95668 c -8.643808,-4.29908 -10.881052,-5.58942 -9.691223,-5.58942 0.277893,0 6.181025,-0.85597 14.894691,-2.15978 2.61938,-0.39193 6.74688,-1.00852 9.17223,-1.37019 5.2456,-0.78223 9.90571,-1.60008 13.05277,-2.29075 6.20109,-1.36092 15.4571,-3.56438 19.45217,-4.63073 2.45251,-0.65462 4.7182,-1.19021 5.03487,-1.19021 0.51539,0 0.56569,0.69196 0.47978,6.60018 l -0.096,6.60018 -4.23334,0.79392 c -2.32833,0.43666 -5.66208,1.0532 -7.40833,1.37008 -1.74625,0.31688 -3.53219,0.65799 -3.96875,0.75803 l -0.79375,0.18187 v 8.60482 c 0,6.64892 0.10024,8.6047 0.44097,8.60432 0.24254,-2.6e-4 1.79035,-0.2479 3.43959,-0.5503 3.94928,-0.72414 10.74924,-1.85158 10.79906,-1.7905 0.0216,0.0265 0.14252,4.1197 0.26864,9.09594 l 0.22931,9.04772 -2.5617,0.54892 c -1.40894,0.30191 -4.82389,0.9846 -7.58879,1.51708 l -5.02708,0.96816 v 12.8984 12.89839 l -5.73264,0.97231 c -3.15295,0.53477 -5.8517,0.96977 -5.99722,0.96667 -0.14552,-0.003 -0.26458,-7.22876 -0.26458,-16.05703 0,-9.79194 -0.12942,-16.05138 -0.33188,-16.05138 -0.18254,0 -2.79197,0.635 -5.79875,1.41111 -3.00677,0.77611 -5.53897,1.41111 -5.6271,1.41111 -0.0881,0 -0.26918,0.43656 -0.40233,0.97014 -0.55677,2.23109 -3.02754,4.43096 -5.44927,4.8518 -1.12989,0.19634 -1.43613,0.51323 -2.8809,2.98094 l -1.61661,2.76124 0.63169,1.1853 c 0.76345,1.43255 0.83798,3.7836 0.17058,5.38092 -0.48287,1.15568 -0.46304,1.21005 1.24865,3.42167 l 1.73932,2.24734 2.77353,0.007 c 2.54572,0.006 2.89946,0.0978 4.30684,1.11727 2.13133,1.54388 3.12234,3.54766 3.12234,6.31327 0,1.89649 -0.15714,2.43008 -1.14653,3.89315 -2.10323,3.11021 -6.33641,4.27785 -9.4823,2.61551 z"
id="path841"
inkscape:connector-curvature="0" />
<path
style="fill:#c9ad69;fill-opacity:1;stroke-width:0.35277778;stroke:none"
d="m 105.10283,203.95487 c -1.65481,-0.75159 -3.40934,-2.71918 -3.92606,-4.40281 -0.37598,-1.22505 -0.36312,-3.56097 0.0294,-5.33639 0.20313,-0.91883 -0.0345,-1.4023 -1.80275,-3.66791 -1.822952,-2.33569 -2.220519,-2.65596 -3.787941,-3.05145 -5.377628,-1.35688 -5.962755,-8.61925 -0.875346,-10.86447 1.489751,-0.65747 1.958604,-1.14175 3.457472,-3.57123 l 1.73401,-2.81061 -0.820959,-1.07633 c -2.595155,-3.40242 -1.500417,-8.28933 2.312994,-10.32518 2.31954,-1.23833 5.36796,-1.01912 7.58789,0.54563 l 1.6018,1.12905 3.07807,-0.70437 c 1.69294,-0.3874 4.50682,-1.0307 6.25307,-1.42955 1.74625,-0.39885 3.29559,-0.84492 3.44298,-0.99125 0.14739,-0.14634 0.37149,-5.45567 0.498,-11.7985 0.20784,-10.42102 0.17574,-11.53244 -0.33312,-11.53244 -1.03818,0 -5.3345,1.00733 -9.59042,2.2486 l -4.21867,1.23041 -9.980637,-4.94496 c -8.641178,-4.28132 -10.912912,-5.58961 -9.705884,-5.58961 0.277893,0 6.181025,-0.85597 14.894691,-2.15978 2.61938,-0.39193 6.74688,-1.00852 9.17223,-1.37019 5.24782,-0.78256 9.9074,-1.60038 13.05277,-2.29093 9.49183,-2.08387 16.02019,-3.64283 20.6375,-4.92816 4.88927,-1.36104 4.44071,-1.9524 4.32932,5.70758 l -0.096,6.60018 -4.23334,0.79392 c -2.32833,0.43666 -5.66208,1.0532 -7.40833,1.37008 -1.74625,0.31688 -3.53219,0.65799 -3.96875,0.75803 l -0.79375,0.18187 v 8.60482 c 0,6.64892 0.10024,8.6047 0.44097,8.60432 0.24254,-2.6e-4 1.79035,-0.2479 3.43959,-0.5503 3.94928,-0.72414 10.74924,-1.85158 10.79906,-1.7905 0.0216,0.0265 0.14252,4.1197 0.26864,9.09594 l 0.22931,9.04772 -2.5617,0.55218 c -1.40894,0.30369 -4.82389,0.97799 -7.58879,1.49844 l -5.02708,0.94626 v 12.91704 12.91703 l -5.73264,0.97231 c -3.15295,0.53477 -5.8517,0.96977 -5.99722,0.96667 -0.14552,-0.003 -0.26458,-7.22876 -0.26458,-16.05703 0,-9.79194 -0.12942,-16.05138 -0.33188,-16.05138 -0.18254,0 -2.79197,0.635 -5.79875,1.41111 -3.00677,0.77611 -5.53897,1.41111 -5.6271,1.41111 -0.0881,0 -0.26918,0.43656 -0.40233,0.97014 -0.54431,2.18114 -3.03805,4.38768 -5.47883,4.84784 -1.08253,0.20409 -1.43508,0.57047 -2.86018,2.97236 l -1.62545,2.73957 0.64052,1.20241 c 0.77613,1.45695 0.84849,3.79675 0.16778,5.4259 -0.49937,1.19516 -0.49163,1.21579 1.31741,3.50981 l 1.81973,2.30759 1.8102,-0.21276 c 4.7301,-0.55593 8.25499,2.65916 8.25499,7.52948 0,1.83343 -0.16508,2.38592 -1.14653,3.83726 -2.08557,3.08409 -5.92445,4.18193 -9.28537,2.65543 z"
id="path839"
inkscape:connector-curvature="0" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.9 KiB

BIN
graphics/services/fediverse2_large.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB

BIN
graphics/services/fediverse2_white.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 696 B

BIN
graphics/services/fediverse_large.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
graphics/services/fediverse_white.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 983 B

61
look/elements/sharebuttons-services.less Normal file
View File

@ -0,0 +1,61 @@
/*
* SPDX-FileCopyrightText: 2019 Free Software Foundation Europe e.V. <https://fsfe.org>
* SPDX-License-Identifier: AGPL-3.0-or-later
*
* share-buttons: Share buttons for many social networks and services
* Upstream: https://git.fsfe.org/FSFE/share-buttons
*/
/* This extra CSS file outsources the colors and paths of the service
* buttons and their images. This makes updating to a newer version
* of share-buttons easier if one is not using the default structure */
/* ********
* SERVICES
* ********/
/* Single services with their colours and logos */
.share-buttons .share-fediverse {
background-color: #2b90d9;
background-image: url("/graphics/services/fediverse_white.png");
}
.share-buttons .share-reddit {
background-color: #ff5700;
background-image: url("/graphics/services/reddit_white.png");
}
.share-buttons .share-flattr {
background-color: #7ea352;
background-image: url("/graphics/services/flattr_white.png");
}
.share-buttons .share-hnews {
background-color: #ff6600;
background-image: url("/graphics/services/hackernews_white.png");
}
.share-buttons .share-twitter {
background-color: #55acee;
background-image: url("/graphics/services/twitter_white.png");
}
.share-buttons .share-facebook {
background-color: #3b5998;
background-image: url("/graphics/services/facebook_white.png");
}
.share-buttons .share-gplus {
background-color: #d34836;
background-image: url("/graphics/services/gplus_white.png");
}
.share-buttons .share-mail {
background-color: #6e6e6e;
background-image: url("/graphics/services/mail_white.png");
}
.share-buttons .share-support {
background-color: #202d79;
background-image: url("/graphics/services/fsfe_white.png");
}

381
look/elements/sharebuttons.less
View File

@ -1,240 +1,163 @@
/* SOCIAL NETWORK SHARE BUTTONS (below articles and pages) */
.share-buttons.bottom {
margin: 4em 0 -2em 0;
/*
* SPDX-FileCopyrightText: 2019 Free Software Foundation Europe e.V. <https://fsfe.org>
* SPDX-License-Identifier: AGPL-3.0-or-later
*
* share-buttons: Share buttons for many social networks and services
* Upstream: https://git.fsfe.org/FSFE/share-buttons
*/
/* ********
* GENERAL LOOK FOR ALL BUTTONS
* ********/
@import "sharebuttons-services";
.share-buttons {
font-size: .7em;
margin: 2em 0;
}
.share-buttons-top {
align-items: center;
display: flex;
flex-wrap: wrap;
.share-buttons a.button,
.share-buttons button.button,
.share-buttons label.button {
background-position: left 5px center;
background-repeat: no-repeat;
background-size: 20px auto;
border: none;
border-radius: 3px;
box-sizing: content-box;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: sans-serif;
font-size: 1em;
font-weight: normal;
height: 14px;
margin: 2.5px 5px 2.5px 0;
max-width: 110px;
min-width: 84px;
opacity: 0.9;
padding: 7px 7px 7px 20px;
text-align: center;
text-decoration: none;
transition: box-shadow 100ms linear;
vertical-align: top;
}
.share-buttons-sidebar {
padding-left: 2rem;
/* Darken buttons on hover */
.share-buttons .button {
box-shadow: none;
}
.share-button-top,
.share-button-sidebar,
.share-buttons.bottom a.button,
.share-buttons.bottom button.button,
.share-buttons.bottom label.button {
display: inline-block;
margin: 2.5px 5px 2.5px 0;
color: #fff;
font-weight: normal;
font-size: 1em;
line-height: normal;
text-align: center;
text-decoration: none;
padding: 7px 7px 7px 20px;
width: 19%;
min-width: 100px;
max-width: 110px;
border: none;
border-radius: 3px;
background-position: left 5px center;
background-repeat: no-repeat;
background-size: 20px auto;
opacity: 0.9;
vertical-align: top;
}
.share-buttons-inline button{
vertical-align: middle;
}
.share-button-top,
.share-buttons.bottom,
.share-buttons-inline,
.share-buttons-sidebar {
font-size: .7em;
}
.share-buttons-top,
.share-buttons-sidebar,
.share-buttons-inline,
.share-buttons.bottom {
a:hover {
text-decoration: none;
}
.share-rss {
background-color: #f4a000;
background-image: url("/graphics/services/rss_white.png");
}
.share-rss:hover {
background-color: #f78200 !important;
}
.share-mail {
background-color: #6e6e6e;
background-image: url("/graphics/services/mail_white.png");
}
.share-mail:hover {
background-color: #272727 !important;
}
.share-mastodon {
background-color: #2b90d9;
background-image: url("/graphics/services/mastodon_white.png");
}
.share-mastodon:hover {
background-color: #1060a9 !important;
}
.share-diaspora {
background-color: #404040;
background-image: url("/graphics/services/diaspora_white.png");
}
.share-diaspora:hover {
background-color: #101010 !important;
}
.share-facebook {
background-color: #3b5998;
background-image: url("/graphics/services/facebook_white.png");
}
.share-facebook:hover {
background-color: #143271 !important;
}
.share-twitter {
background-color: #55acee;
background-image: url("/graphics/services/twitter_white.png");
}
.share-twitter:hover {
background-color: #338acc !important;
}
.share-podcast {
background-color: #9AB30E;
background-image: url("/graphics/services/podcast_white.png");
}
.share-podcast:hover {
background-color: #738607 !important;
}
.share-support {
background-color: #9AB30E;
background-image: url("/graphics/services/fsfe_white.png");
padding-left: 25px;
&:hover {
background-color: #0a1763 !important;
}
}
}
.share-buttons.bottom .share-gplus {
background-color: #d34836;
background-image: url("/graphics/services/gplus_white.png");
}
.share-buttons.bottom .share-gplus:hover {
background-color: #b12614 !important;
}
.share-buttons.bottom .share-flattr {
background-color: #7ea352;
background-image: url("/graphics/services/flattr_white.png");
}
.share-buttons.bottom .share-flattr:hover {
background-color: #5a7f2e !important;
}
.share-buttons.bottom .share-reddit {
background-color: #ff5700;
background-image: url("/graphics/services/reddit_white.png");
}
.share-buttons.bottom .share-reddit:hover {
background-color: #dd3500 !important;
}
.share-buttons.bottom .share-gnusocial {
background-color: #a22430;
background-image: url("/graphics/services/gnusocial_white.png");
}
.share-buttons.bottom .share-gnusocial:hover {
background-color: #850713 !important;
}
.share-buttons.bottom .share-hnews {
background-color: #ff6600;
background-image: url("/graphics/services/hackernews_white.png");
}
.share-buttons.bottom .share-hnews:hover {
background-color: #dd3500 !important;
}
/* Share buttons form layout and behaviour hacks */
.share-buttons input[type="radio"],
.share-buttons input[type="radio"] + span,
.share-buttons input[type="checkbox"],
.share-buttons input[type="checkbox"] + span {
display: none;
}
.share-buttons input[type="radio"]:checked + span,
.share-buttons input[type="checkbox"]:checked + span {
position: absolute;
margin-top: 3.5em;
margin-left: -10em;
padding: .5em;
z-index: 3;
background-color: #333;
border-radius: .5em;
display: inline-block;
}
.share-buttons input[type="radio"]:checked + span:before,
.share-buttons input[type="checkbox"]:checked + span:before {
content: '';
position: absolute;
top: -1em;
height: 0em;
width: 0em;
border-bottom: 1em solid #333;
border-left: 1em solid transparent;
border-right: 1em solid transparent;
z-index: 3;
}
.share-buttons input[type="radio"] + span > * {
vertical-align: middle;
}
.share-buttons input[type="radio"] + span > button {
margin: 2.5px 0 2.5px 5px;
min-width: 4em;
padding: .25em;
font-weight: normal;
font-size: 1em;
line-height: normal;
}
.share-buttons input[type="radio"] + span > label {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background-color: rgba(0, 0, 0, .5);
.share-buttons .button:hover {
box-shadow: inset 0 0 0 99999px rgba(0,0,0,0.2);
}
/* Separate share buttons form from possibly floating content */
form.share-buttons {
clear: both;
clear: both;
}
/* Hide something */
.n {
display: none;
}
/* Share pop-up behaviour hacks */
.share-buttons input[type="radio"],
.share-buttons input[type="radio"] + span,
.share-buttons input[type="checkbox"],
.share-buttons input[type="checkbox"] + span {
display: none;
}
.share-buttons input[type="radio"]:checked + span,
.share-buttons input[type="checkbox"]:checked + span {
background-color: #333;
border-radius: .5em;
display: inline-block;
margin-left: -10em;
margin-top: 3.5em;
padding: .5em;
position: absolute;
z-index: 3;
}
.share-buttons input[type="radio"]:checked + span:before,
.share-buttons input[type="checkbox"]:checked + span:before {
border-bottom: 1em solid #333;
border-left: 1em solid transparent;
border-right: 1em solid transparent;
content: '';
height: 0;
position: absolute;
top: -1em;
width: 0;
z-index: 3;
}
.share-buttons input[type="radio"] + span > * {
vertical-align: middle;
}
.share-buttons input[type="radio"] + span > button {
font-size: 1em;
font-weight: normal;
line-height: normal;
margin: 2.5px 0 2.5px 5px;
min-width: 4em;
padding: .25em;
}
.share-buttons input[type="radio"] + span > label {
background-color: rgba(0, 0, 0, .5);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: -1;
}
/* ********
* SIDEBAR BUTTONS
* ********/
form.share-buttons.side {
display: flex;
flex-direction: column;
left: 0;
padding: .1vh .5vh;
position: fixed;
top: 30%;
z-index: 10;
}
@media (max-width: 767px) {
form.share-buttons.side {
display: none !important;
}
}
.share-buttons.side a.button,
.share-buttons.side button.button,
.share-buttons.side label.button {
background-color: #474747;
background-position: center center;
background-repeat: no-repeat;
background-size: 2.7vh auto;
box-sizing: border-box;
color: #000;
font-size: 0;
height: 4vh;
min-width: 0;
width: 4vh;
}
/* Share pop-up behaviour */
.share-buttons.side input[type="radio"]:checked + span,
.share-buttons.side input[type="checkbox"]:checked + span {
margin-left: 0;
padding: .5em;
width: 300px;
}