Style rework #35
2 changed files with 215 additions and 97 deletions
29
static/css/contact.css
Normal file
29
static/css/contact.css
Normal 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) {
|
||||||
|
}
|
|
@ -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
|
|
||||||
> /
|
|
||||||
<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
|
||||||
> et
|
|
||||||
<a target="_blank" rel="me" href="https://discord.gg/Z5ePxH4">Serveur</a
|
|
||||||
> 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
|
|
||||||
> /
|
|
||||||
<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
|
|
||||||
> /
|
|
||||||
<a target="_blank" rel="me" href="https://gitlab.com/Mylloon">Gitlab</a
|
|
||||||
> /
|
|
||||||
<a target="_blank" rel="me" href="https://codeberg.org/Mylloon"
|
|
||||||
>Codeberg</a
|
|
||||||
> /
|
|
||||||
<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
|
|
||||||
> /
|
|
||||||
<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>
|
||||||
|
|
Loading…
Reference in a new issue