Style rework #35

Merged
Anri merged 70 commits from rework into main 2023-10-15 20:58:23 +02:00
3 changed files with 27 additions and 11 deletions
Showing only changes of commit bf7f85e777 - Show all commits

View file

@ -21,24 +21,24 @@
} }
/* Name header */ /* Name header */
.name { #name {
font-size: calc(var(--font-size) * 2.5); font-size: calc(var(--font-size) * 2.5);
font-weight: var(--title-weight); font-weight: var(--title-weight);
color: var(--name-color); color: var(--name-color);
} }
.subname { #subname {
margin-top: 0; margin-top: 0;
font-size: calc(var(--font-size) * 1.07); font-size: calc(var(--font-size) * 1.07);
margin-bottom: 1.5em; margin-bottom: 1.5em;
} }
.pronouns { #pronouns {
font-size: calc(var(--font-size) * 0.8); font-size: calc(var(--font-size) * 0.8);
color: var(--pronouns-color); color: var(--pronouns-color);
} }
.avatar { #avatar {
width: calc(var(--font-size) * 5); width: calc(var(--font-size) * 5);
border-radius: 50%; border-radius: 50%;
float: right; float: right;

14
static/js/index.js Normal file
View file

@ -0,0 +1,14 @@
window.addEventListener("load", () => {
const tags = [
"Comment ça marche un PC 😵‍💫",
"Idiot certifié",
"undefined",
"/api/v1/love",
"Étudiant qui va rater son master",
"Peak D2 sur Valo",
"1312",
];
let tagElement = document.getElementById("subname");
tagElement.textContent = tags[Math.round(Math.random() * (tags.length - 1))];
});

View file

@ -10,17 +10,17 @@
{{#data}} {{#data}}
<div> <div>
<span class="name">{{fullname}}</span> <span id="name">{{fullname}}</span>
<span class="pronouns">(il/lui, he/him)</span> <span id="pronouns">(il/lui, he/him)</span>
<img <img
class="avatar" id="avatar"
src="/icons/apple-touch-icon.png" src="/icons/apple-touch-icon.png"
alt="Avatar" alt="Avatar"
title="Mon avatar, dessiné un jour super rapidement sur Gimp." title="Mon avatar, dessiné un jour super rapidement sur Gimp."
loading="lazy" loading="lazy"
/> />
</div> </div>
<p class="subname">Étudiant qui va rater son master</p> <p id="subname"></p>
<article> <article>
<h1>Bienvenue !</h1> <h1>Bienvenue !</h1>
@ -40,11 +40,12 @@
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
>AGPLv3</a >AGPLv3</a
>. Vous pouvez voir mon <a href="/portfolio">portfolio ici</a> ! >. Vous pouvez voir mon <a href="/portfolio">portfolio ici</a>, ainsi
que mes <a href="/contrib">contributions sur GitHub ici</a>.
</p> </p>
<p> <p>
Il m'arrive parfois d'écrire dans Il m'arrive aussi, parfois, d'écrire dans
<a href="/blog">mon blog disponible ici</a>. <a href="/blog">sur mon blog</a>.
</p> </p>
</article> </article>
@ -71,5 +72,6 @@
{{/data}} {{/data}}
</main> </main>
<script src="/js/index.js"></script>
</body> </body>
</html> </html>