Add social media to the footer (#1721)
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
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:
parent
0936237720
commit
28ad8bdd71
@ -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">
|
||||
|
||||
BIN
graphics/services/peertube.png
Normal file
BIN
graphics/services/peertube.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 433 B |
@ -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 |
BIN
graphics/services/youtube.png
Normal file
BIN
graphics/services/youtube.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 528 B |
@ -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 |
@ -170,3 +170,13 @@
|
||||
padding: .5em;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
/* ********
|
||||
* SOCIAL MEDIA BUTTONS IN FOOTER
|
||||
* ********/
|
||||
|
||||
.share-buttons.footer {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user