Move contact icons

This commit is contained in:
2024-08-04 00:33:19 +02:00
parent 5ebf56e80f
commit ca206fe60c
2 changed files with 30 additions and 28 deletions
+2 -1
View File
@@ -40,10 +40,11 @@ hr {
#kontak {
display: flex;
justify-content: center;
margin-bottom: .6em;
}
#kontak button {
margin-right: 1.5em;
margin-right: .6em;
}
.orientation-modal, .charte-modal {
+26 -25
View File
@@ -889,10 +889,35 @@
</q>
<small>Serge GLAUDE (Co-fondateur du GONG)</small>
<hr>
<button class="js-modal-trigger has-text-weight-bold" data-target="legal">
<div id="kontak">
<div>
<a href="mailto:gong971@proton.me">
<button title="E-mail">
<img src="./img/protonmail.svg" width="24" 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="24" 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="24" alt="Logo PeerTube">
</button>
</a>
</div>
</div>
<div>
<button class="button js-modal-trigger has-text-weight-bold" data-target="legal">
Mentions légales
</button>
</div>
</div>
</footer>
<div id="legal" class="modal">
<div class="modal-background"></div>
@@ -1108,30 +1133,6 @@
<p>
Tout litige en relation avec lutilisation du site <a href="https://gong.gp">gong.gp</a> est soumis au droit français.
En dehors des cas où la loi ne le permet pas, il est fait attribution exclusive de juridiction aux tribunaux compétents de Guadeloupe.</p>
<hr>
<div id="kontak">
<div>
<a href="mailto:gong971@proton.me">
<button title="E-mail">
<img src="./img/protonmail.svg" width="24" 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="24" 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="24" alt="Logo PeerTube">
</button>
</a>
</div>
</div>
</div>
</div>
<button class="modal-close is-large" aria-label="close"></button>