rm post oopsies

content/fr/posts/first.md

@@ -1,13 +1,12 @@
 +++
 title = 'Comming out'
 date = 2024-01-11T17:48:10-05:00
-tags = ["Trans", "Family", "Personnal"]
 draft = true
 +++
 
 Salut ! Ca fait longtemps que je me cache dans mon coin sans jamais donner trop
-de nouvelle. Il y a une raison pour ca. Je suis transgenre ; ce qui signifie que
+de nouvelle. Il y a une raison pour ca. Je suis transgenre ; ce qui signifie
-je ne me vois, ni me m'ai jamais vraiment vu comme un homme.
+que je ne me vois, ni me m'ai jamais vraiment vu comme un homme.
 
 ## But
 Cette page a pour but d'expliquer les changements que je veux effectuer, et
@@ -20,16 +19,17 @@ moi, je suis aussi passée par là. Cependant, c'est une partie de moi que je ne
 peux plus ignorer. Ca fait maintenant plusieurs années que je considère une
 transition, et c'est aujourd'hui que je vous la partage.
 
-## Where does that come from ?
+<!--## 
 Quand je regardais dans le miroir, je voyais juste le masque que tout le monde
-appelait "Maxime", mais je ne me suis jamais vraiment reconnu dans cette image.
+appelait "Maxime", mais je ne me suis jamais vraiment reconnue dans cette
+image.-->
 
 ## Qui suis-je
 Je suis toujours la meme personne. Je joue toujours de la guitare, je développe
-toujours des trucs que personne comprend dans mon coin. Juste, j'utilise un
+toujours des trucs que personne comprend dans mon coin. J'utilise seulement un
 nouveau nom, des nouveaux pronoms, et j'évolue dans un corps qui me plait.
 
-### Medical
+### ↪Medical
 Pour tout ce qui concerne le plan médical, je prends des hormones, ce qui a
 amplement été discuté et approuvé par un psychiatre agréé, ainsi qu'un
 endochrinologue. C'est quelque chose qui a été beaucoup réflechi et qui n'est
@@ -76,6 +76,8 @@ Si vous voulez me poser plus de question, j'ai une adresse mail à
 J'espère que vous m'accepterez.
 Bonne journée !
 
+    -- Violette
+
 ## ressources
 + [un document complet](https://genderdysphoria.fyi/fr/)
 + [Association transgenre francophone](https://fransgenre.fr)

hugo.toml

@@ -1,4 +1,23 @@
 baseURL = 'https://bigblase.xyz'
-languageCode = 'en-us'
 title = "Violette's cozy corner"
 theme = "violette"
+
+defaultContentLanguage = 'en'
+defaultContentLanguageInSubdir = true
+[languages]
+  [languages.fr]
+    contentDir = 'content/fr'
+    disabled = false
+    languageCode = 'fr-FR'
+    languageDirection = 'ltr'
+    languageName = 'Français'
+    title = 'Le Coin de Violette'
+    weight = 1
+  [languages.en]
+    contentDir = 'content/en'
+    disabled = false
+    languageCode = 'en-US'
+    languageDirection = 'ltr'
+    languageName = 'English'
+    title = "Violette's cozy corner"
+    weight = 2

themes/violette/assets/css/main.css

@@ -1,39 +1,113 @@
+:root {
+	--bg: white;
+	--border: white;
+	--text: black;
+
+	--text-pink-dark:   #ed61e1;
+	--text-mauve-dark:	#c282e0;
+
+	--text-pink-light:  #ed61e1;
+	--text-mauve-light: #c282e0;
+
+	--text-pink:  blue;
+	--text-mauve: #c282e0;
+}
+
+@media (prefers-color-scheme: dark) {
+	:root {
+		--bg:black;
+		--text:white;
+		--text-pink: var(--text-pink-dark);
+		--text-mauve: var(--text-mauve-dark);
+}
+
+#color-mode:checked ~ .color-scheme-wrapper {
+	--bg:black;
+	--text:white;
+	--text-pink: var(--text-pink-dark)
+	--text-mauve: var(--text-mauve-dark)
+}
+
+@media (prefers-color-scheme: dark) {
+	#color-mode:checked ~ .color-scheme-wrapper {
+		--bg:white;
+		--text:black;
+		--text-pink: var(--text-pink-light)
+		--text-mauve: var(--text-mauve-light)
+	}
+}
+
+.color-scheme-wrapper {
+	min-height:100vh;
+	background:var(--bg);
+	color:var(--text);
+}
+
+.margin {
+	background:var(--bg);
+	color:var(--text);
+	padding-left: 20px;
+	padding-right: 20px;
+}
+
+#color-mode {
+	display: none;
+}
+
 body {
-	color: #fff;
-	background-color: #111;
 	font-family: sans-serif;
 	line-height: 1.5;
-	margin: 1rem;
+	margin: 0;
 }
 
 header {
+	background-color: var(--bg);
+	color: var(--text);
 	border-bottom: 1px solid #222;
 	margin-bottom: 1rem;
 }
 
 h1 {
 	width: 100%;
+	padding-top: 10px;
+	color: var(--text-pink);
 	text-align: center;
-	color: #c282e0;
 	transition: 300ms color;
+	margin-top: 0;
 }
 
 h1:hover {
-	color: #5082cf;
+	color: var(--text-mauve);
 	transition-duration: 500ms;
 }
 
+h2 {
+	color: var(--text-pink);
+	transition: 300ms color;
+}
+
+h2:hover {
+	color: var(--text-mauve);
+	transition-duration: 500ms;
+}
+
+h3 {
+	color: var(--text-pink);
+	padding-left: 20px;
+}
 
 footer {
 	border-top: 1px solid #222;
-	margin-top: 1rem;
+	margin-top: 0;
+	padding-top: 0;
 	width: 100%;
 	display: flex;
 	position: sticky;
-	background-color: #111;
 }
 
 .footer {
+	color: var(--text);
+	background-color: var(--bg);
 	align-items: center;
 	width: 100%;
 	display: flex;
@@ -41,17 +115,48 @@ footer {
 	gap: 10px;
 }
 
-
 .nav {
 	display: flex;
 	list-style-type: none;
-}
-
-li {
 	margin: 5pt;
 }
 
-a {
+main {
+	background-color: var(--bg);
+	border-bottom: 1rem solid var(--bg);
+}
+
+.nav-right {
+	display: flex;
+	align-items:flex-end;
+	justify-content: flex-end;
+	list-style-type: none;
+	width: 100%;
+}
+
+li {
+	padding-left: 5pt;
+	padding-right: 5pt;
+}
+
+ul {
+	padding-right: 5pt;
+	margin-left: 5pt;
+}
+
+a, label {
 	color: #c282e0;
 	text-decoration: none;
 }
+
+.toggle-dark {
+	align-self: flex-end;
+	width: auto;
+	padding-right: 20pt;
+	padding-left: 20pt;
+}
+
+.toggle-dark label {
+	width: 100%;
+	display: block;
+}

themes/violette/layouts/_default/baseof.html

@@ -6,7 +6,11 @@
       {{ partialCached "favicon.html" . }}
     {{ end }}
 </head>
+
 <body>
+	<input id="color-mode" class="theme-box" type="checkbox">
+	<div class="color-scheme-wrapper">
+	<div class="margin">
 		<header>
 			{{ partial "header.html" . }}
 		</header>
@@ -16,5 +20,6 @@
 		<footer>
 			{{ partial "footer.html" . }}
 		</footer>
+	</div></div>
 </body>
 </html>

themes/violette/layouts/partials/darkModeToggle.html

@@ -0,0 +1 @@
+<label for="color-mode">Dark Mode</label>

themes/violette/layouts/partials/header.html

@@ -1,2 +1,2 @@
 <h1>{{ site.Title }}</h1>
-{{ partial "menu.html" (dict "menuID" "main" "page" .) }}
+<span>{{ partial "menu.html" (dict "menuID" "main" "page" .) }}</span>

themes/violette/layouts/partials/menu.html

@@ -47,5 +47,11 @@ Renders a menu for the given menu ID.
         </ul>
       {{- end }}
     </li>
+
   {{- end }}
+  <li class="nav-right">
+	  <span class="toggle-dark">{{- partial "partials/darkModeToggle.html" }}</span>
+	  <span class="empty-space-menu"></span>
+  </li>
 {{- end }}
+