Compare commits

...

4 commits

Author SHA1 Message Date
violette
5f3755c20d rm post oopsies 2024-02-07 08:40:52 -05:00
violette
2bd32b113f added fr + en post structurs 2024-02-07 08:39:07 -05:00
violette
4aa32a5b11 theme ; WIP ; TODO light mode switch + first page + english pages 2024-02-06 10:26:10 -05:00
violette
8cec9f5844 coming out post should be done 2024-02-06 10:25:52 -05:00
7 changed files with 169 additions and 31 deletions

View file

@ -1,13 +1,12 @@
+++ +++
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 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 ## 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
@ -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 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 reconnu dans cette image. appelait "Maxime", mais je ne me suis jamais vraiment reconnue dans cette
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. 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. 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,6 +76,8 @@ 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,4 +1,23 @@
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,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 { body {
color: #fff;
background-color: #111;
font-family: sans-serif; font-family: sans-serif;
line-height: 1.5; line-height: 1.5;
margin: 1rem; margin: 0;
} }
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: #5082cf; color: var(--text-mauve);
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: 1rem; margin-top: 0;
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;
@ -41,17 +115,48 @@ footer {
gap: 10px; gap: 10px;
} }
.nav { .nav {
display: flex; display: flex;
list-style-type: none; list-style-type: none;
}
li {
margin: 5pt; 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; 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,15 +6,20 @@
{{ partialCached "favicon.html" . }} {{ partialCached "favicon.html" . }}
{{ end }} {{ end }}
</head> </head>
<body> <body>
<header> <input id="color-mode" class="theme-box" type="checkbox">
{{ partial "header.html" . }} <div class="color-scheme-wrapper">
</header> <div class="margin">
<main> <header>
{{ block "main" . }}{{ end }} {{ partial "header.html" . }}
</main> </header>
<footer> <main>
{{ partial "footer.html" . }} {{ block "main" . }}{{ end }}
</footer> </main>
<footer>
{{ partial "footer.html" . }}
</footer>
</div></div>
</body> </body>
</html> </html>

View file

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

View file

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

View file

@ -47,5 +47,11 @@ 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 }}