Style rework #35

Merged
Anri merged 70 commits from rework into main 2023-10-15 20:58:23 +02:00
2 changed files with 215 additions and 97 deletions
Showing only changes of commit 5d91c0ebd1 - Show all commits

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"> <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>
<ul>
<li>
<p> <p>
<a Twitter :
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 <a
target="_blank" target="_blank"
rel="me" 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" title="Alternative à Twitter"
href="https://piaille.fr/@mylloon" href="https://piaille.fr/@mylloon"
>Mastodon</a >Mylloon@piaille.fr</a
> >
</p> </p>
</li>
<li>
<p> <p>
Discord :
<a <a
target="_blank" target="_blank"
rel="me" rel="noopener noreferrer me"
href="https://discord.com/users/158260864623968257/" href="https://discord.com/users/158260864623968257/"
>Compte</a >mylloon</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> et
<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 <a
target="_blank" target="_blank"
rel="me" rel="noopener noreferrer"
title="Alternative à Instagram" href="https://discord.gg/Z5ePxH4"
href="https://pixelfed.social/@mylloon" >mon serveur</a
>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>
</li>
<li>
<p> <p>
Reddit :
<a <a
target="_blank" target="_blank"
rel="me" 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" title="Anime tracker"
href="https://kitsu.io/users/Mylloon/library?status=completed" href="https://kitsu.io/users/Mylloon/library?status=completed"
>Kitsu</a >Mylloon</a
> >
</p> </p>
</li>
<li>
<p> <p>
Steam :
<a <a
target="_blank" target="_blank"
rel="me" rel="noopener noreferrer me"
href="https://steamcommunity.com/id/mylloon/" href="https://steamcommunity.com/id/mylloon/"
>Steam</a >Mylloon</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>
</li>
<li>
<p> <p>
Youtube :
<a <a
target="_blank" target="_blank"
rel="me" rel="noopener noreferrer me"
href="https://keyoxide.org/27024A99057E58B8087A5022A82D63DFF8D1317F" href="https://www.youtube.com/c/Mylloon"
>Keyoxide</a >Mylloon</a
> >
</p> </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>