Compare commits

..

2 commits

Author SHA1 Message Date
violette
c319ac0e4e update css & rules ; footer + favicon work
All checks were successful
/ test (push) Successful in 5s
2024-05-14 01:19:54 -04:00
violette
6286a22943 revamped about section 2024-05-14 01:17:02 -04:00
7 changed files with 62 additions and 28 deletions

View file

@ -5,13 +5,17 @@ draft = false
tags = ["Intro"] tags = ["Intro"]
+++ +++
![freebsd daemon holding a trans flag instead of their usual
trident](/freebsdTrans.png)
## Bonjour ! ## Bonjour !
Je m'appelle violette. Je suis étudiante (pour encore quelques mois seulement!) Je m'appelle violette. Je suis étudiante (pour encore quelques mois seulement!)
à l'université de Sherbrooke ainsi que Polytech Annecy Chambéry. J'y étudis à l'université de Sherbrooke, Québec ainsi que Polytech Annecy Chambéry, France.
l'informatique. J'y étudis l'informatique.
Ce "blog" me permettera de partager mes horribles fautes d'ortaugraffe Ce "blog" me permettera de partager mes horribles fautes d'ortaugraffe, et de
ventiller mes point de vue sur certaines technologies, ou avanacement que je
pourrais faire.
Je suis très interessée par l'informatique de bas niveau. J'aime aller regarder Je suis très interessée par l'informatique de bas niveau. J'aime aller regarder
comment fonctionne un ordinateur au plus bas niveaux. Pour ce faire, j'aime comment fonctionne un ordinateur au plus bas niveaux. Pour ce faire, j'aime
@ -20,12 +24,29 @@ principalement) ainsi que Linux.
Pendant mon temps libre, on peut me trouver faire des sons horribles à la Pendant mon temps libre, on peut me trouver faire des sons horribles à la
guitare, me plaindre que j'arrive jamais à prendre de photo nettes ou bien guitare, me plaindre que j'arrive jamais à prendre de photo nettes ou bien
essayer de patcher ce tabar@#0! de dwl. essayer de patcher ce tabar@#0! de [dwl](https://codeberg.org/dwl/dwl).
## Notes sur le site
Je n'aime pas vraiment toucher au "front end", car pour moi c'est juste une
façon de décorer. J'aime quand quelque chose est esthétiquement simple, et
je déteste particulièrement le JavaScript dans un contexte Web. C'est une
autoroute qui mène trop souvent à charger des miriades de libriaries inutiles,
et ralenti voir polu le Web. Pour cette raison, ce site n'en utilise pas.
### Thème sombre
Comme je m'interdit le JS, je ne peux pas stocker de variable, et ainsi
le site ne peux pas se rappeller du thème préfèré de l'utilisateur.ice, et donc
celui-ci est réinitialisé (selon les préférences du système / navigateur) à
chaque changement de page.
### Langues
J'essairais de traduire les postes important en anglais (ou français, selon le
sens), mais je garderais les postes technologiques en anglais seulement.
## Contacts ## Contacts
Voici les moyens que je propose pour me contacter: Voici les moyens que je propose pour me contacter:
* mail: `vi@violette.town` * mail: `vi@violette.town`
* matrix (personnel uniquement) : `@violette:bigblase.xyz` * matrix (\~personnel) : `@violette:bigblase.xyz`
* FediVerse (personnel uniquement) : `@violets@tech.lgbt` * FediVerse (personnel uniquement) : `@violets@tech.lgbt`
## "Professionnel" ## "Professionnel"

View file

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

BIN
static/freebsdTrans.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 KiB

View file

@ -40,14 +40,18 @@
.color-scheme-wrapper { .color-scheme-wrapper {
min-height: 100vh; min-height: 100vh;
background:var(--bg); background-color: var(--bg);
transition: 1s all; transition: 1s all;
color:var(--text); color:var(--text);
} }
.margin { .margin {
min-height: 100vh;
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
display: flex;
flex-direction: column;
} }
#color-mode { #color-mode {
@ -58,6 +62,9 @@ body {
font-family: sans-serif; font-family: sans-serif;
line-height: 1.5; line-height: 1.5;
margin: 0; margin: 0;
display: flex;
flex-direction: column;
} }
header { header {
@ -95,34 +102,36 @@ h3 {
footer { footer {
border-top: 1px solid #222; border-top: 1px solid #222;
margin-top: 0; margin-top: auto;
margin-bottom: 5pt;
padding-top: 0; padding-top: 0;
width: 100%; width: 100%;
display: flex; min-height: 42pt;
position: sticky;
} }
.footer { .footer {
color: var(--text);
align-items: center;
width: 100%;
display: flex; display: flex;
align-items: center;
justify-content: center; justify-content: center;
width: 100%;
gap: 10px; gap: 10px;
} }
.nav { .nav {
display: flex;
list-style-type: none; list-style-type: none;
margin: 5pt; margin: 5pt;
display: flex;
align-items: center;
} }
.nav-right { .nav-right {
display: flex;
align-items:flex-end;
justify-content: flex-end;
list-style-type: none; list-style-type: none;
width: 100%; width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
} }
li { li {
@ -132,6 +141,7 @@ li {
ul { ul {
padding-right: 5pt; padding-right: 5pt;
padding-left: 5pt;
margin-left: 5pt; margin-left: 5pt;
} }
@ -151,3 +161,13 @@ a, label {
width: 100%; width: 100%;
display: block; display: block;
} }
/* resize image that are in main, and center them */
main img {
max-width: 512pt;;
margin-left:auto;
margin-right:auto;
display:flex;
float:none;
}

View file

@ -1 +0,0 @@
console.log('This site was generated by Hugo.');

View file

@ -7,7 +7,7 @@
{{ end }} {{ end }}
</head> </head>
<body> <body class="preload">
<input id="color-mode" class="theme-box" type="checkbox"> <input id="color-mode" class="theme-box" type="checkbox">
<div class="color-scheme-wrapper"> <div class="color-scheme-wrapper">
<div class="margin"> <div class="margin">

View file

@ -1,9 +1,3 @@
{{- with resources.Get "css/main.css" }} {{ with resources.Get "css/main.css" }}
{{- if eq hugo.Environment "development" }} <style> {{ .Content | safeCSS }} </style>
<link rel="stylesheet" href="{{ .RelPermalink }}"> {{ end }}
{{- else }}
{{- with . | minify | fingerprint }}
<link rel="stylesheet" href="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous">
{{- end }}
{{- end }}
{{- end }}