Merge branch 'main' of git.violette.town:violette/bigblase.xyz

content/fr/posts/comingOut.md

@@ -5,14 +5,18 @@ draft = false
 tags = ["Coming out", "LGBT"]
 +++
 
-Salut ! Ca fait longtemps que je me cache dans mon coin sans jamais donner trop
+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 ; je me vois pas, ni
 ne m'ai jamais vraiment vu comme un homme.
 
 ## But
 Cette page a pour but d'expliquer les changements que je veux effectuer, et
-pourquoi je ressents le besoin de les faires. C'est assez maladroit, dans le
+pourquoi je ressents le besoin de les faires, à ma famille étendue (si tu t'es
-sens ou j'essaie de justifier mon ressenti, mon identité.
+perdu.e et que tu es atteri.e par hasard c'est bien correct aussi). C'est assez
+maladroit, dans le sens ou j'essaie de justifier mon ressenti, mon identité,
+et que cela n'est que intérieur.
 
 ## Considérations familliales
 Je sais que c'est quelque chose de compliquer à accepter pour certains. Croyez
@@ -32,11 +36,11 @@ nouveau nom, des nouveaux pronoms, et j'évolue dans un corps qui me plaît.
 
 ### ↪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
+amplement été discuté et approuvé par une psychiatre reconnue ainsi que
-endochrinologue. C'est quelque chose qui a été beaucoup réflechi et qui n'est
+plusieurs endochrinologues. C'est quelque chose qui a été beaucoup réflechi et
-pas pris à la légère.
+qui n'est pas pris à la légère.
 
-Pour moi, ca représente un besoin vital.
+Pour moi, ça représente un besoin vital.
 
 Pour tout le reste, c'est mon chemin, et ça reste des décisions très
 personnelles, et j'ai pas forcément envie de partager :)
@@ -44,8 +48,9 @@ personnelles, et j'ai pas forcément envie de partager :)
 ## Considérations politique et religieuse
 Personnelement, je ne comprends pas pourquoi ce que je vie doit absolument être
 politisé. Je veux juste vivre ma vie tranquilement dans mon coin, avoir accès
-aux memes ressources et emplois que tout le monde. Une transition n'est pas
+aux memes ressources et emplois que tout le monde. Une transition n'est
-intrinséquement politique.
+intrinséquement pas politique, mais le contexte sociétal nous force à le 
+devenir.
 
 Pour l'aspect religieux, si Dieu est amour, et qu'il est aussi omniscient, 
 alors je n'ai pas besoin de me cacher. De plus, certains Saints avaient des
@@ -64,7 +69,7 @@ transgenre :
   le voit comme un homme, d'autres comme une femme. 
 
 ## TL;DR
-Je m'appelle violette. Je suis une femme. J'aimerais le plus possible que
+Je m'appelle violette. J'ai changé. J'aimerais le plus possible que
 vous utilisiez ces nouvelles dénominations. Ca prend du temps à réaprendre tout
 ça, si vous faites des erreurs mais que vous essayez, je vous en voudrais pas,
 pinky promise :)

themes/violette/assets/css/main.css

@@ -15,8 +15,8 @@
 
 @media (prefers-color-scheme: dark) {
 	:root {
-		--bg:black;
+		--bg: black;
-		--text:white;
+		--text: white;
 		--text-pink: var(--text-pink-dark);
 		--text-mauve: var(--text-mauve-dark);
 	}
@@ -39,16 +39,19 @@
 }
 
 .color-scheme-wrapper {
-	min-height: 100vh;
 	background-color: var(--bg);
 	transition: 1s all;
 	color:var(--text);
+	height: 100%;
+	width: 100%;
+
+	scrollbar-color: var(--bg);
 }
 
 .margin {
 	min-height: 100vh;
-	padding-left: 20px;
+	padding-left: 5%;
-	padding-right: 20px;
+	padding-right: 5%;
 
 	display: flex;
 	flex-direction: column;
@@ -65,6 +68,7 @@ body {
 
 	display: flex;
 	flex-direction: column;
+	overflow-y:scroll;
 }
 
 header {
@@ -117,57 +121,63 @@ footer {
 	gap: 10px;
 }
 
+
 .nav {
 	list-style-type: none;
 	margin: 5pt;
-
 	display: flex;
-	align-items: center;
+	padding-left: 5pt;
+	padding-right: 5pt;
 }
 
 .nav-right {
 	list-style-type: none;
-	width: 100%;
 
 	display: flex;
-	align-items: center;
+	width: 50%;
 	justify-content: flex-end;
 }
 
+.nav-left {
+	list-style-type: none;
+
+	display: flex;
+	width: 50%;
+	justify-content: flex-start;
+}
+
+ @media only screen and (max-width: 300pt) {
+	.nav {
+		flex-direction: column;
+		align-items: flex-start;
+	}
+
+	.nav-right {
+		flex-direction: column;
+		display: flex;
+	}
+
+	.nav-left {
+		flex-direction: column;
+	}
+}
+
 li {
 	padding-left: 5pt;
 	padding-right: 5pt;
 }
 
-ul {
-	padding-right: 5pt;
-	padding-left: 5pt;
-	margin-left: 5pt;
-}
-
 a, label {
 	color: var(--text-mauve);
 	text-decoration: none;
 }
 
-.toggle-dark {
-	align-self: flex-end;
-	width: auto;
-	padding-right: 20pt;
-	padding-left: 20pt;
-}
-
-.toggle-dark label {
-	width: 100%;
-	display: block;
-}
-
 /* resize image that are in main, and center them */
 main img {
-	max-width: 512pt;;
+	max-width: 70%;
-    margin-left:auto;
+	min-width: 0;
-    margin-right:auto;
+	margin-left:auto;
-
+	margin-right:auto;
-    display:flex;
+	display: flex;
-    float:none;
+	float:none;
 }

themes/violette/layouts/partials/menu.html

@@ -11,53 +11,53 @@ Renders a menu for the given menu ID.
 {{- $menuID := .menuID }}
 
 {{- with index site.Menus $menuID }}
-  <nav>
+	<nav>
-    <ul class="nav">
+		<ul class="nav">
-      {{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
+			{{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
-    </ul>
+		</ul>
-  </nav>
+	</nav>
 {{- end }}
 
 {{- define "partials/inline/menu/walk.html" }}
-  {{- $page := .page }}
+	<span class="nav-left">
-  {{- range .menuEntries }}
+	{{- $page := .page }}
-  {{- $href := relLangURL .URL }}
+	{{- range .menuEntries }}
-	  {{- $attrs := dict "href"  $href }}
+	{{- $href := relLangURL .URL }}
-    {{- if $page.IsMenuCurrent .Menu . }}
+		{{- $attrs := dict "href"	$href }}
-      {{- $attrs = merge $attrs (dict "class" "active" "aria-current" "page") }}
+		{{- if $page.IsMenuCurrent .Menu . }}
-    {{- else if $page.HasMenuCurrent .Menu .}}
+			{{- $attrs = merge $attrs (dict "class" "active" "aria-current" "page") }}
-      {{- $attrs = merge $attrs (dict "class" "ancestor" "aria-current" "true") }}
+		{{- else if $page.HasMenuCurrent .Menu .}}
-    {{- end }}
+			{{- $attrs = merge $attrs (dict "class" "ancestor" "aria-current" "true") }}
-    {{- $name := .Name }}
+		{{- end }}
-    {{- with .Identifier }}
+		{{- $name := .Name }}
-      {{- with T . }}
+		{{- with .Identifier }}
-        {{- $name = . }}
+			{{- with T . }}
-      {{- end }}
+				{{- $name = . }}
-    {{- end }}
+			{{- end }}
-    <li class="nav-left">
+		{{- end }}
-      <a
+		<li>
-        {{- range $k, $v := $attrs }}
+			<a
-          {{- with $v }}
+				{{- range $k, $v := $attrs }}
-            {{- printf " %s=%q" $k $v | safeHTMLAttr }}
+					{{- with $v }}
-          {{- end }}
+						{{- printf " %s=%q" $k $v | safeHTMLAttr }}
-        {{- end -}}
+					{{- end }}
-      >{{ $name }}</a>
+				{{- end -}}
-      {{- with .Children }}
+			>{{ $name }}</a>
-        <ul>
+		</li>
-          {{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
-        </ul>
-      {{- end }}
-    </li>
 
-  {{- end }}
+	{{- end }}
-  <li class="nav-right">
+	</span>
-	  <span class="toggle-dark">
+	<span class="nav-right">
-		  <label for="color-mode"> {{ i18n "dark-mode" }}</label> 
+		<li>
-	   </span>
+		<span class="toggle-dark">
-	  <span class="toggle-language">
+			<label for="color-mode"> {{ i18n "dark-mode" }}</label> 
-		  <a href={{ i18n "language-switch" }}> {{ i18n "language" }}</a>
+		 </span>
-	   </span>
+		 </li>
-	  <span class="empty-space-menu"></span>
+		 <li>
-  </li>
+		<span class="toggle-language">
+			<a href={{ i18n "language-switch" }}> {{ i18n "language" }}</a>
+		 </span>
+		 </li>
+	 </span>
 {{- end }}