Compare commits

..

No commits in common. "5f3755c20d1bba60c5be86d44a0a46eb99af78d7" and "38bbacb63768548b079790fc761cbd53f243a20a" have entirely different histories.

7 changed files with 29 additions and 167 deletions

View file

@ -1,12 +1,13 @@
+++ +++
title = 'Comming out' title = 'Comming out'
date = 2024-01-11T17:48:10-05:00 date = 2024-01-11T17:48:10-05:00
tags = ["Trans", "Family", "Personnal"]
draft = true draft = true
+++ +++
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 ; ce qui signifie de nouvelle. Il y a une raison pour ca. Je suis transgenre ; ce qui signifie que
que je ne me vois, ni me m'ai jamais vraiment vu comme un homme. je ne me vois, ni me m'ai jamais vraiment vu comme un homme.
## But ## But
Cette page a pour but d'expliquer les changements que je veux effectuer, et Cette page a pour but d'expliquer les changements que je veux effectuer, et
@ -19,17 +20,16 @@ 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 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. 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 Quand je regardais dans le miroir, je voyais juste le masque que tout le monde
appelait "Maxime", mais je ne me suis jamais vraiment reconnue dans cette appelait "Maxime", mais je ne me suis jamais vraiment reconnu dans cette image.
image.-->
## Qui suis-je ## Qui suis-je
Je suis toujours la meme personne. Je joue toujours de la guitare, je développe Je suis toujours la meme personne. Je joue toujours de la guitare, je développe
toujours des trucs que personne comprend dans mon coin. J'utilise seulement un toujours des trucs que personne comprend dans mon coin. Juste, j'utilise un
nouveau nom, des nouveaux pronoms, et j'évolue dans un corps qui me plait. 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 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 un psychiatre agréé, ainsi qu'un
endochrinologue. C'est quelque chose qui a été beaucoup réflechi et qui n'est endochrinologue. C'est quelque chose qui a été beaucoup réflechi et qui n'est
@ -76,8 +76,6 @@ Si vous voulez me poser plus de question, j'ai une adresse mail à
J'espère que vous m'accepterez. J'espère que vous m'accepterez.
Bonne journée ! Bonne journée !
-- Violette
## ressources ## ressources
+ [un document complet](https://genderdysphoria.fyi/fr/) + [un document complet](https://genderdysphoria.fyi/fr/)
+ [Association transgenre francophone](https://fransgenre.fr) + [Association transgenre francophone](https://fransgenre.fr)

View file

@ -1,23 +1,4 @@
baseURL = 'https://bigblase.xyz' baseURL = 'https://bigblase.xyz'
languageCode = 'en-us'
title = "Violette's cozy corner" title = "Violette's cozy corner"
theme = "violette" 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

View file

@ -1,113 +1,39 @@
: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 { body {
color: #fff;
background-color: #111;
font-family: sans-serif; font-family: sans-serif;
line-height: 1.5; line-height: 1.5;
margin: 0; margin: 1rem;
} }
header { header {
background-color: var(--bg);
color: var(--text);
border-bottom: 1px solid #222; border-bottom: 1px solid #222;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
h1 { h1 {
width: 100%; width: 100%;
padding-top: 10px;
color: var(--text-pink);
text-align: center; text-align: center;
color: #c282e0;
transition: 300ms color; transition: 300ms color;
margin-top: 0;
} }
h1:hover { h1:hover {
color: var(--text-mauve); color: #5082cf;
transition-duration: 500ms; 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 { footer {
border-top: 1px solid #222; border-top: 1px solid #222;
margin-top: 0; margin-top: 1rem;
padding-top: 0;
width: 100%; width: 100%;
display: flex; display: flex;
position: sticky; position: sticky;
background-color: #111;
} }
.footer { .footer {
color: var(--text);
background-color: var(--bg);
align-items: center; align-items: center;
width: 100%; width: 100%;
display: flex; display: flex;
@ -115,48 +41,17 @@ footer {
gap: 10px; gap: 10px;
} }
.nav { .nav {
display: flex; display: flex;
list-style-type: none; list-style-type: none;
margin: 5pt;
}
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 { li {
padding-left: 5pt; margin: 5pt;
padding-right: 5pt;
} }
ul { a {
padding-right: 5pt;
margin-left: 5pt;
}
a, label {
color: #c282e0; color: #c282e0;
text-decoration: none; text-decoration: none;
} }
.toggle-dark {
align-self: flex-end;
width: auto;
padding-right: 20pt;
padding-left: 20pt;
}
.toggle-dark label {
width: 100%;
display: block;
}

View file

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

View file

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

View file

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

View file

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