Anri/mylloon.fr
1
0
Fork 0
Code Issues 21 Pull requests 2 Releases Packages 1 Activity Actions

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

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) {
}

283
templates/contact.html
View file

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