Add fediverse links to footer

This commit is contained in:
2024-06-09 10:00:52 +04:00
parent cf0cd50916
commit 44442b7e5f
5 changed files with 179 additions and 1 deletions
+9
View File
@@ -37,6 +37,15 @@ hr {
margin-block: .5rem !important;
}
#kontak {
display: flex;
justify-content: center;
}
#kontak button {
margin-right: 1.5em;
}
.orientation-modal, .charte-modal {
color: #da131a;
transition: color 0.3s ease;
+51
View File
@@ -0,0 +1,51 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
role="img"
viewBox="0 0 24 24"
version="1.1"
id="svg6"
sodipodi:docname="peertube.svg"
inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
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/">
<defs
id="defs10" />
<sodipodi:namedview
id="namedview8"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
showgrid="false"
inkscape:zoom="36.041667"
inkscape:cx="11.986127"
inkscape:cy="12"
inkscape:window-width="1920"
inkscape:window-height="1052"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg6" />
<title
id="title2">PeerTube</title>
<path
d="M12 6.545v10.91L20.727 12M3.273 12v12L12 17.455M3.273 0v12L12 6.545"
id="path4"
style="fill:#ececec;fill-opacity:1" />
<metadata
id="metadata827">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:title>PeerTube</dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

+51
View File
@@ -0,0 +1,51 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
role="img"
viewBox="0 0 24 24"
version="1.1"
id="svg6"
sodipodi:docname="protonmail.svg"
inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
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/">
<defs
id="defs10" />
<sodipodi:namedview
id="namedview8"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
showgrid="false"
inkscape:zoom="36.041667"
inkscape:cx="11.986127"
inkscape:cy="12"
inkscape:window-width="1920"
inkscape:window-height="1052"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg6" />
<title
id="title2">Proton Mail</title>
<path
d="m15.24 8.998 3.656-3.073v15.81H2.482C1.11 21.735 0 20.609 0 19.223V6.944l7.58 6.38a2.186 2.186 0 0 0 2.871-.042l4.792-4.284h-.003zm-5.456 3.538 1.809-1.616a2.438 2.438 0 0 1-1.178-.533L.905 2.395A.552.552 0 0 0 0 2.826v2.811l8.226 6.923a1.186 1.186 0 0 0 1.558-.024zM23.871 2.463a.551.551 0 0 0-.776-.068l-3.199 2.688v16.653h1.623c1.371 0 2.481-1.127 2.481-2.513V2.824a.551.551 0 0 0-.129-.36z"
id="path4"
style="fill:#f2f2f2;fill-opacity:1" />
<metadata
id="metadata827">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:title>Proton Mail</dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

+45
View File
@@ -0,0 +1,45 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
height="100px"
width="100px"
fill="#000000"
version="1.1"
x="0px"
y="0px"
viewBox="0 0 95 95"
enable-background="new 0 0 95 95"
xml:space="preserve"
id="svg4"
sodipodi:docname="soapbox.svg"
inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
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/"><sodipodi:namedview
id="namedview6"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
showgrid="false"
inkscape:zoom="8.65"
inkscape:cx="49.942197"
inkscape:cy="50"
inkscape:window-width="1920"
inkscape:window-height="1052"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg4" /><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" /></cc:Work></rdf:RDF></metadata><defs
id="defs8" /><path
d="M 94.908544,19.37409 C 94.908544,8.673974 86.234574,0 75.534459,0 64.88769,0 56.253997,8.59123 56.169077,19.217312 L 40.538068,21.307689 C 38.577252,15.301122 32.939766,10.958145 26.279956,10.958145 c -8.284207,0 -15.00172,6.716424 -15.00172,15.001721 0,6.64239 4.321202,12.266808 10.302727,14.239602 L 19.376269,56.255087 C 8.716437,56.304077 0.091456,64.955192 0.091456,75.624823 0.091456,86.324936 8.765429,95 19.465544,95 30.142797,95 38.797176,86.361955 38.83528,75.695589 l 18.092647,-2.50083 c 1.979326,5.971729 7.598302,10.285306 14.234162,10.285306 8.284204,0 15.001715,-6.716424 15.001715,-15.001719 0,-6.890622 -4.65218,-12.681619 -10.983188,-14.441019 l 1.36528,-15.339228 C 86.774584,38.167884 94.908544,29.73234 94.908544,19.37409 Z M 56.194119,67.800063 38.078608,70.305248 C 36.245174,63.882785 31.191253,58.833215 24.766611,57.005226 l 2.204694,-16.077393 c 7.712621,-0.353838 13.892294,-6.516095 14.270087,-14.222184 l 15.654962,-2.093642 c 1.894404,6.756707 7.351157,12.008781 14.22545,13.612489 l -1.365279,15.321809 c -7.400151,0.688083 -13.223811,6.753442 -13.562406,14.253758 z"
id="path2"
style="fill:#f2f2f2;fill-opacity:1;stroke-width:1.08873796" /></svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

+23 -1
View File
@@ -889,7 +889,29 @@
</q>
<small>Serge GLAUDE (Co-fondateur du GONG)</small>
<hr>
<p><small>Nous contacter : <a title="GONG e-mail" href="mailto:gong971@proton.me">gong971@proton.me</a></small></p>
<div id="kontak">
<div>
<a href="mailto:gong971@proton.me">
<button title="E-mail">
<img src="./img/protonmail.svg" width="32" alt="Logo Protonmail">
</button>
</a>
</div>
<div>
<a href="https://bokantaj.o-k-i.net/@GONG">
<button title="Pleroma + Soapbox (Bokantaj)">
<img src="./img/soapbox.svg" width="32" alt="Logo Soapbox">
</button>
</a>
</div>
<div>
<a href="https://gade.o-k-i.net/c/gong_tv">
<button title="PeerTube (Gade)">
<img src="./img/peertube.svg" width="32" alt="Logo PeerTube">
</button>
</a>
</div>
</div>
</div>
</footer>
<script src="./js/main.js"></script>