rework contact page
Some checks are pending
ci/woodpecker/push/publish Pipeline is pending

This commit is contained in:
Mylloon 2023-10-13 15:53:26 +02:00
parent 35a0882fea
commit 5d91c0ebd1
Signed by: Anri
GPG key ID: A82D63DFF8D1317F
2 changed files with 215 additions and 97 deletions

29
static/css/contact.css Normal file
View file

@ -0,0 +1,29 @@
/* Parameters light */
@media (prefers-color-scheme: light) {
:root {
}
}
/* Parameters dark */
@media (prefers-color-scheme: dark) {
:root {
}
}
:root {
}
/* Page theme */
main {
color: var(--font-color);
font-size: var(--font-size);
padding: 2em 1em;
font-family: var(--font-family);
color: var(--font-color);
margin: 0 auto;
max-width: 640px; /* breakpoint */
}
/* breakpoint */
@media only screen and (max-width: 640px) {
}

View file

@ -2,107 +2,196 @@
<html class="index" lang="fr">
<head dir="ltr">
{{>head.html}}
<link rel="stylesheet" href="/css/contact.css" />
</head>
<body>
<header>{{>navbar.html}}</header>
<main>
<h1 class="subtitle">Contacts et <em>réseaux sociaux</em></h1>
<p>
<a
rel="me"
href="mailto:kennel.anri@tutanota.com"
title="kennel dot anri at tutanota dot com"
>Email</a
>
</p>
<p>
<a target="_blank" rel="me" href="https://twitter.com/Mylloon"
>Twitter</a
>&nbsp;/
<a
target="_blank"
rel="me"
title="Alternative à Twitter"
href="https://piaille.fr/@mylloon"
>Mastodon</a
>
</p>
<p>
<a
target="_blank"
rel="me"
href="https://discord.com/users/158260864623968257/"
>Compte</a
>&nbsp;et
<a target="_blank" rel="me" href="https://discord.gg/Z5ePxH4">Serveur</a
>&nbsp;Discord /
<a target="_blank" rel="me" href="https://rvlt.gg/MftpJ98t"
>Serveur Revolt</a
>
</p>
<p>
<a target="_blank" rel="me" href="https://www.reddit.com/user/mylloon"
>Reddit</a
>
</p>
<p>
<a target="_blank" rel="me" href="https://www.instagram.com/myshawi/"
>Instagram</a
>&nbsp;/
<a
target="_blank"
rel="me"
title="Alternative à Instagram"
href="https://pixelfed.social/@mylloon"
>Pixelfed</a
>
</p>
<p>
<a target="_blank" rel="me" href="https://github.com/Mylloon">Github</a
>&nbsp;/
<a target="_blank" rel="me" href="https://gitlab.com/Mylloon">Gitlab</a
>&nbsp;/
<a target="_blank" rel="me" href="https://codeberg.org/Mylloon"
>Codeberg</a
>&nbsp;/
<a target="_blank" rel="me" href="https://git.mylloon.fr/Anri"
>Mon Git</a
>
</p>
<p>
<a
target="_blank"
rel="me"
title="Anime tracker"
href="https://kitsu.io/users/Mylloon/library?status=completed"
>Kitsu</a
>
</p>
<p>
<a
target="_blank"
rel="me"
href="https://steamcommunity.com/id/mylloon/"
>Steam</a
>
</p>
<p>
<a target="_blank" rel="me" href="https://www.youtube.com/c/Mylloon"
>Youtube</a
>&nbsp;/
<a target="_blank" rel="me" href="https://www.twitch.tv/mylloon"
>Twitch</a
>
</p>
<p>
<a
target="_blank"
rel="me"
href="https://keyoxide.org/27024A99057E58B8087A5022A82D63DFF8D1317F"
>Keyoxide</a
>
</p>
<h1>Réseaux sociaux</h1>
<ul>
<li>
<p>
Twitter :
<a
target="_blank"
rel="noopener noreferrer me"
href="https://twitter.com/Mylloon"
>@Mylloon</a
>
</p>
</li>
<li>
<p>
Mastodon :
<a
target="_blank"
rel="noopener noreferrer me"
title="Alternative à Twitter"
href="https://piaille.fr/@mylloon"
>Mylloon@piaille.fr</a
>
</p>
</li>
<li>
<p>
Discord :
<a
target="_blank"
rel="noopener noreferrer me"
href="https://discord.com/users/158260864623968257/"
>mylloon</a
>
et
<a
target="_blank"
rel="noopener noreferrer"
href="https://discord.gg/Z5ePxH4"
>mon serveur</a
>
</p>
</li>
<li>
<p>
Reddit :
<a
target="_blank"
rel="noopener noreferrer me"
href="https://www.reddit.com/user/mylloon"
>mylloon</a
>
</p>
</li>
<li>
<p>
Instagram :
<a
target="_blank"
rel="noopener noreferrer me"
href="https://www.instagram.com/mylloon/"
>mylloon</a
>
</p>
</li>
<li>
<p>
Kitsu :
<a
target="_blank"
rel="noopener noreferrer me"
title="Anime tracker"
href="https://kitsu.io/users/Mylloon/library?status=completed"
>Mylloon</a
>
</p>
</li>
<li>
<p>
Steam :
<a
target="_blank"
rel="noopener noreferrer me"
href="https://steamcommunity.com/id/mylloon/"
>Mylloon</a
>
</p>
</li>
<li>
<p>
Youtube :
<a
target="_blank"
rel="noopener noreferrer me"
href="https://www.youtube.com/c/Mylloon"
>Mylloon</a
>
</p>
</li>
<li>
<p>
Twitch :
<a
target="_blank"
rel="noopener noreferrer me"
href="https://www.twitch.tv/mylloon"
>mylloon</a
>
</p>
</li>
</ul>
<h1>Forges</h1>
<ul>
<li>
<p>
Github :
<a
target="_blank"
rel="noopener noreferrer me"
href="https://github.com/Mylloon"
>Mylloon</a
>
</p>
</li>
<li>
<p>
Gitlab :
<a
target="_blank"
rel="noopener noreferrer me"
href="https://gitlab.com/Mylloon"
>Mylloon</a
>
</p>
</li>
<li>
<p>
Codeberg :
<a
target="_blank"
rel="noopener noreferrer me"
href="https://codeberg.org/Mylloon"
>Mylloon</a
>
</p>
</li>
<li>
<p>
Forgejo (mon instance) :
<a
target="_blank"
rel="noopener noreferrer me"
href="https://git.mylloon.fr/Anri"
>Anri</a
>
</p>
</li>
</ul>
<h1>Autre</h1>
<ul>
<li>
<p>
Mail :
<a
rel="noopener noreferrer me"
href="mailto:kennel.anri%20at%20tutanota.com"
title="kennel.anri at tutanota.com"
>kennel.anri at tutanota.com</a
>
</p>
</li>
<li>
<p>
Keyoxide :
<a
target="_blank"
rel="noopener noreferrer me"
href="https://keyoxide.org/27024A99057E58B8087A5022A82D63DFF8D1317F"
>27024A99057E58B8087A5022A82D63DFF8D1317F</a
>
</p>
</li>
</ul>
</main>
{{>footer.html}}
</body>
</html>