Add social media to the footer (#1721)
continuous-integration/drone/push Build is passing Details

Co-authored-by: fbn_bmns <fbn_bmns@fsfe.org>
Co-authored-by: max.mehl <max.mehl@fsfe.org>
Reviewed-on: #1721
Co-authored-by: Fabian Baumanis <fbn_bmns@fsfe.org>
Co-committed-by: Fabian Baumanis <fbn_bmns@fsfe.org>
This commit is contained in:
Fabian Baumanis 2022-04-22 15:22:41 +00:00 committed by Max Mehl
parent 0936237720
commit 28ad8bdd71
6 changed files with 158 additions and 90 deletions

View File

@ -174,6 +174,59 @@
</xsl:element>
</xsl:element>
<!-- Social Media links -->
<xsl:element name="p">
<xsl:attribute name="class">share-buttons footer</xsl:attribute>
<xsl:element name="a"> <!-- Mastodon -->
<xsl:attribute name="href">
<xsl:text>https://mastodon.social/@fsfe</xsl:text>
</xsl:attribute>
<xsl:element name="img">
<xsl:attribute name="src">
<xsl:text>/graphics/services/mastodon.png</xsl:text>
</xsl:attribute>
<xsl:attribute name="alt">Mastodon</xsl:attribute>
<xsl:attribute name="title">Mastodon</xsl:attribute>
</xsl:element>
</xsl:element>
<xsl:element name="a"> <!-- Twitter -->
<xsl:attribute name="href">
<xsl:text>https://twitter.com/fsfe</xsl:text>
</xsl:attribute>
<xsl:element name="img">
<xsl:attribute name="src">
<xsl:text>/graphics/services/twitter.png</xsl:text>
</xsl:attribute>
<xsl:attribute name="alt">Twitter</xsl:attribute>
<xsl:attribute name="title">Twitter</xsl:attribute>
</xsl:element>
</xsl:element>
<xsl:element name="a"> <!-- Peertube -->
<xsl:attribute name="href">
<xsl:text>https://media.fsfe.org/a/fsfe/videos</xsl:text>
</xsl:attribute>
<xsl:element name="img">
<xsl:attribute name="src">
<xsl:text>/graphics/services/peertube.png</xsl:text>
</xsl:attribute>
<xsl:attribute name="alt">Peertube</xsl:attribute>
<xsl:attribute name="title">Peertube</xsl:attribute>
</xsl:element>
</xsl:element>
<xsl:element name="a"> <!-- Youtube -->
<xsl:attribute name="href">
<xsl:text>https://www.youtube.com/c/FreeSoftwareFoundationEurope</xsl:text>
</xsl:attribute>
<xsl:element name="img">
<xsl:attribute name="src">
<xsl:text>/graphics/services/youtube.png</xsl:text>
</xsl:attribute>
<xsl:attribute name="alt">Youtube</xsl:attribute>
<xsl:attribute name="title">Youtube</xsl:attribute>
</xsl:element>
</xsl:element>
</xsl:element>
<!-- Appropriate translation notice -->
<xsl:element name="p">
<xsl:if test="/buildinfo/document/@language!=/buildinfo/@original">

Binary file not shown.

After

Width:  |  Height:  |  Size: 433 B

View File

@ -1,19 +1,22 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<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"
inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
height="22"
width="22"
inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)"
height="50"
width="50"
sodipodi:docname="peertube.svg"
id="svg18"
version="1.1"
viewBox="2799 -911 22 22">
viewBox="2799 -911 49.999999 49.999999"
inkscape:export-filename="/home/max/Repositories/fsfe/fsfe-website/graphics/services/peertube.png"
inkscape:export-xdpi="61.439999"
inkscape:export-ydpi="61.439999"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<metadata
id="metadata22">
<rdf:RDF>
@ -22,21 +25,20 @@
<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>
<sodipodi:namedview
inkscape:current-layer="svg18"
inkscape:current-layer="g8"
inkscape:window-maximized="1"
inkscape:window-y="23"
inkscape:window-y="26"
inkscape:window-x="0"
inkscape:cy="11"
inkscape:cx="8"
inkscape:zoom="37.661008"
inkscape:cy="36.642673"
inkscape:cx="-25.809187"
inkscape:zoom="4.707626"
showgrid="false"
id="namedview20"
inkscape:window-height="1010"
inkscape:window-height="1001"
inkscape:window-width="1920"
inkscape:pageshadow="2"
inkscape:pageopacity="0"
@ -45,38 +47,55 @@
objecttolerance="10"
borderopacity="1"
bordercolor="#666666"
pagecolor="#ffffff" />
pagecolor="#ffffff"
inkscape:pagecheckerboard="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:snap-page="true" />
<defs
id="defs2" />
<g
id="g16"
data-name="Artboard 1">
data-name="Artboard 1"
transform="translate(2.0717506,3.0246448)">
<g
id="g14"
data-name="Symbol 3 1">
<g
id="g12"
data-name="Group 44">
<path
id="path4"
data-name="Path 4"
d="m 2799,-911 v 11 l 8,-5"
fill="#211f20" />
<path
id="path6"
data-name="Path 5"
d="m 2799,-900 v 11 l 8,-6"
fill="#737373" />
<path
id="path8"
data-name="Path 6"
d="m 2807,-905 v 10 l 8,-5"
fill="#f1680d" />
<path
id="path10"
data-name="Path 7"
d="m 2807,-895 v -10 l -8,5 z"
fill="transparent" />
<g
stroke-width="723.605"
id="g8"
transform="matrix(0.04422301,0,0,0.04422301,2646.919,-869.94299)">
<g
id="g1352"
transform="matrix(1.6561491,0,0,1.6561491,-1079.3384,511.94826)"
style="stroke-width:436.92">
<path
d="m 2799,-911 v 341.344 l 256,-170.656"
fill="#211f20"
id="path2"
style="stroke-width:4779.26" />
<path
d="m 2799,-569.656 v 341.344 l 256,-170.656"
fill="#737373"
id="path4-3"
style="stroke-width:4779.26" />
<path
d="M 3055,-740.344 V -399 l 256,-170.656"
fill="#f1680d"
id="path6-6"
style="stroke-width:4779.26" />
<path
d="m 3055,-399 v -341.344 l -256,170.656"
fill="#f1680d"
id="path6-6-7"
style="fill:#ffffff;fill-opacity:1;stroke-width:4779.26" />
</g>
</g>
</g>
</g>
</g>

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 528 B

View File

@ -1,58 +1,44 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<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"
inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
height="384"
width="547"
sodipodi:docname="youtube.svg"
id="svg4"
width="159"
height="159"
version="1.1"
viewBox="0 0 547 384">
<metadata
id="metadata10">
<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>
id="svg6"
sodipodi:docname="youtube.svg"
inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)"
inkscape:export-filename="/home/max/Repositories/fsfe/fsfe-website/graphics/services/youtube.png"
inkscape:export-xdpi="19.32"
inkscape:export-ydpi="19.32"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs8" />
id="defs10" />
<sodipodi:namedview
inkscape:current-layer="svg4"
inkscape:window-maximized="1"
inkscape:window-y="23"
inkscape:window-x="0"
inkscape:cy="192"
inkscape:cx="273.067"
inkscape:zoom="1.6182464"
fit-margin-bottom="0"
fit-margin-right="0"
fit-margin-left="0"
fit-margin-top="0"
showgrid="false"
id="namedview6"
inkscape:window-height="1010"
inkscape:window-width="1920"
inkscape:pageshadow="2"
inkscape:pageopacity="0"
guidetolerance="10"
gridtolerance="10"
objecttolerance="10"
borderopacity="1"
id="namedview8"
pagecolor="#ffffff"
bordercolor="#666666"
pagecolor="#ffffff" />
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
showgrid="false"
inkscape:zoom="4.0497934"
inkscape:cx="59.13882"
inkscape:cy="67.040457"
inkscape:window-width="1920"
inkscape:window-height="1001"
inkscape:window-x="0"
inkscape:window-y="26"
inkscape:window-maximized="1"
inkscape:current-layer="svg6" />
<path
id="path2"
d="M 534.722,60.083 C 528.441,36.433 509.935,17.807 486.438,11.486 443.848,0 273.067,0 273.067,0 273.067,0 102.287,0 59.696,11.486 36.199,17.808 17.693,36.433 11.412,60.083 0,102.95 0,192.388 0,192.388 c 0,0 0,89.438 11.412,132.305 6.281,23.65 24.787,41.5 48.284,47.821 C 102.287,384 273.067,384 273.067,384 c 0,0 170.78,0 213.371,-11.486 23.497,-6.321 42.003,-24.171 48.284,-47.821 11.412,-42.867 11.412,-132.305 11.412,-132.305 0,0 0,-89.438 -11.412,-132.305 z M 217.212,273.591 V 111.185 l 142.739,81.205 z" />
d="m 154.14876,41.981173 c -1.82,-6.73 -7.07,-12 -13.8,-13.8 -9.04,-3.49 -96.599994,-5.2 -121.999994,0.1 -6.73,1.82 -11.9999996,7.07 -13.7999996,13.8 -4.07999998,17.9 -4.38999998,56.6 0.1,74.899997 1.82,6.73 7.0699996,12 13.7999996,13.8 17.9,4.12 102.999994,4.7 121.999994,0 6.73,-1.82 12,-7.07 13.8,-13.8 4.35,-19.499997 4.66,-55.799997 -0.1,-74.999997 z"
fill="#ff0000"
id="path2" />
<path
d="m 105,79.481173 -40.799998,-23.4 v 46.799997 z"
fill="#ffffff"
id="path4" />
</svg>

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@ -170,3 +170,13 @@
padding: .5em;
width: 300px;
}
/* ********
* SOCIAL MEDIA BUTTONS IN FOOTER
* ********/
.share-buttons.footer {
display: flex;
flex-direction: row;
gap: 10px;
}