diff --git a/content/fr/posts/comingOut.md b/content/fr/posts/comingOut.md index 272632e..3ee798f 100644 --- a/content/fr/posts/comingOut.md +++ b/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 -sens ou j'essaie de justifier mon ressenti, mon identité. +pourquoi je ressents le besoin de les faires, à ma famille étendue (si tu t'es +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 -endochrinologue. C'est quelque chose qui a été beaucoup réflechi et qui n'est -pas pris à la légère. +amplement été discuté et approuvé par une psychiatre reconnue ainsi que +plusieurs endochrinologues. C'est quelque chose qui a été beaucoup réflechi et +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 -intrinséquement politique. +aux memes ressources et emplois que tout le monde. Une transition n'est +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 :) diff --git a/static/freebsdTrans.png b/static/freebsdTrans.png index 9a564ef..5374eb8 100644 Binary files a/static/freebsdTrans.png and b/static/freebsdTrans.png differ diff --git a/themes/violette/assets/css/main.css b/themes/violette/assets/css/main.css index 424baed..d1edbce 100644 --- a/themes/violette/assets/css/main.css +++ b/themes/violette/assets/css/main.css @@ -15,8 +15,8 @@ @media (prefers-color-scheme: dark) { :root { - --bg:black; - --text:white; + --bg: black; + --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-right: 20px; + padding-left: 5%; + 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;; - margin-left:auto; - margin-right:auto; - - display:flex; - float:none; + max-width: 70%; + min-width: 0; + margin-left:auto; + margin-right:auto; + display: flex; + float:none; } diff --git a/themes/violette/layouts/partials/menu.html b/themes/violette/layouts/partials/menu.html index c29b618..3e7de96 100644 --- a/themes/violette/layouts/partials/menu.html +++ b/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 }} - + {{- end }} {{- define "partials/inline/menu/walk.html" }} - {{- $page := .page }} - {{- range .menuEntries }} - {{- $href := relLangURL .URL }} - {{- $attrs := dict "href" $href }} - {{- if $page.IsMenuCurrent .Menu . }} - {{- $attrs = merge $attrs (dict "class" "active" "aria-current" "page") }} - {{- else if $page.HasMenuCurrent .Menu .}} - {{- $attrs = merge $attrs (dict "class" "ancestor" "aria-current" "true") }} - {{- end }} - {{- $name := .Name }} - {{- with .Identifier }} - {{- with T . }} - {{- $name = . }} - {{- end }} - {{- end }} - + + {{- $page := .page }} + {{- range .menuEntries }} + {{- $href := relLangURL .URL }} + {{- $attrs := dict "href" $href }} + {{- if $page.IsMenuCurrent .Menu . }} + {{- $attrs = merge $attrs (dict "class" "active" "aria-current" "page") }} + {{- else if $page.HasMenuCurrent .Menu .}} + {{- $attrs = merge $attrs (dict "class" "ancestor" "aria-current" "true") }} + {{- end }} + {{- $name := .Name }} + {{- with .Identifier }} + {{- with T . }} + {{- $name = . }} + {{- end }} + {{- end }} +
  • + {{ $name }} +
  • - {{- end }} - + {{- end }} +
    + +
  • + + + +
  • +
  • + + {{ i18n "language" }} + +
  • +
    {{- end }}