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

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

Browse source
This commit is contained in:
Mylloon 2023-10-13 18:31:44 +02:00
parent c179eb3e0d
commit 6a63d2d7d0
Signed by: Anri
GPG key ID: A82D63DFF8D1317F
2 changed files with 48 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

60
static/css/contact.css
View file

@ -1,29 +1,53 @@
/* Parameters light */ /* https://stackoverflow.com/a/40244401/15436737 */
@media (prefers-color-scheme: light) {
:root { /* Title */
} h1 {
margin: 0;
} }
/* Parameters dark */ h1 + p {
@media (prefers-color-scheme: dark) { margin: 8px;
:root {
}
} }
:root { /* List */
main ul {
column-count: 2;
column-gap: 5em;
} }
/* Page theme */ main li > p {
main { margin: 0;
color: var(--font-color); padding: 3%;
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 */ /* breakpoint */
@media only screen and (max-width: 640px) { @media only screen and (max-width: 640px) {
main ul {
column-count: 1;
}
}
/* Links */
main a {
text-decoration: none;
display: inline-block;
color: color-mix(in srgb, var(--font-color) 30%, var(--link-color));
}
main a:after {
display: block;
content: "";
border-bottom: solid 3px;
transform: scaleX(0);
transition: transform 250ms ease-in-out;
transform-origin: 100% 50%;
}
main a:hover:after {
transform: scaleX(1);
transform-origin: 0 50%;
}
main a:hover {
text-decoration: none;
} }

10
templates/contact.html
View file

@ -7,7 +7,9 @@
<body> <body>
<header>{{>navbar.html}}</header> <header>{{>navbar.html}}</header>
<main> <main>
<h1>Réseaux sociaux</h1> <h1>Contact</h1>
<p>Je suis présent relativement partout sur internet 😸</p>
<h2>Réseaux sociaux</h2>
<ul> <ul>
<li> <li>
<p> <p>
@ -119,7 +121,7 @@
</li> </li>
</ul> </ul>
<h1>Forges</h1> <h2>Forges</h2>
<ul> <ul>
<li> <li>
<p> <p>
@ -167,7 +169,7 @@
</li> </li>
</ul> </ul>
<h1>Autre</h1> <h2>Autre</h2>
<ul> <ul>
<li> <li>
<p> <p>
@ -187,7 +189,7 @@
target="_blank" target="_blank"
rel="noopener noreferrer me" rel="noopener noreferrer me"
href="/contact/keyoxide" href="/contact/keyoxide"
>27024A99057E58B8087A5022A82D63DFF8D1317F</a >Mylloon</a
> >
</p> </p>
</li> </li>