update css & rules ; footer + favicon work

content/fr/about.md

@@ -5,13 +5,17 @@ draft = false
 tags = ["Intro"]
 +++
 
+![freebsd daemon holding a trans flag instead of their usual
+trident](/freebsdTrans.png)
 ## Bonjour !
 
 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
 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
 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
 Voici les moyens que je propose pour me contacter:
 * mail: `vi@violette.town`
-* matrix (personnel uniquement) : `@violette:bigblase.xyz`
+* matrix (\~personnel) : `@violette:bigblase.xyz`
 * FediVerse (personnel uniquement) : `@violets@tech.lgbt`
 
 ## "Professionnel"

themes/violette/assets/css/main.css

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

themes/violette/assets/js/main.js

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

themes/violette/layouts/_default/baseof.html

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

themes/violette/layouts/partials/head/css.html

@@ -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 }}