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'
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
je ne me vois, ni me m'ai jamais vraiment vu comme un homme.
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 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)

View file

@ -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

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 {
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;
}

View file

@ -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>

View file

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

View file

@ -1,2 +1,2 @@
<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>
{{- end }}
</li>
{{- end }}
<li class="nav-right">
<span class="toggle-dark">{{- partial "partials/darkModeToggle.html" }}</span>
<span class="empty-space-menu"></span>
</li>
{{- end }}