-
Notifications
You must be signed in to change notification settings - Fork 0
/
lexique.html
215 lines (207 loc) · 9.45 KB
/
lexique.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="flavicon_io/favicon.ico">
<title>Niji - Lexique</title>
<script type="module" defer src="js/animation.js"></script>
<script type="module" defer src="js/cursor.js"></script>
</head>
<body>
<div class="cursor">
<div class="cursor__ball cursor__ball--big ">
<svg height="30" width="30">
<circle cx="15" cy="15" r="12" stroke-width="0"></circle>
</svg>
</div>
<div class="cursor__ball cursor__ball--small">
<svg height="10" width="10">
<circle cx="5" cy="5" r="4" stroke-width="0"></circle>
</svg>
</div>
</div>
<div class="center hidden">
<a href="procedures.html">
<p class="hoverable">Procédures</p>
</a>
<a href="lexique.html">
<p class="hoverable">Lexique</p>
</a>
<a href="/index.html">
<h1 class="hoverable"><sup> </sup>niji<sup>+</sup></h1>
</a>
<a href="bibliographie.html">
<p class="hoverable">Bibliographie</p>
</a>
<a href="equipe.html">
<p class="hoverable">Notre équipe</p>
</a>
</div>
<div class="container-lgbt hidden">
<div class="section-lgbt">
<div class="visible-panel lesbiennes">
<h2>Lesbiennes</h2>
</div>
<div class="toggle-panel">
<p>Cette lettre représente le mouvement lesbien. Les lesbiennes sont des femmes qui sont attirées par
d’autres femmes, romantiquement et sexuellement parlant.
<br>
<br>On peut par exemple citer la française <strong>Amélie Mauresmo</strong> qui a fait son
coming-out à l’âge de 19 ans, en 1999.
</p>
</div>
</div>
<div class="section-lgbt">
<div class="visible-panel gays">
<h2>Gays</h2>
</div>
<div class="toggle-panel">
<p>Cette lettre représente les individus gays. Ce sont des hommes qui sont attirés par les personnes de
sexe masculin. Un autre terme, autant valable pour les lesbiennes que les gays, qui est utilisé pour
les décrire est homosexuels.
<br>
<br>Une personnalité française qui tombe sous cette définition serait le producteur, présentateur et
humoriste <strong>Laurent Ruquier</strong>, qui est ouvert sur le sujet. Il raconte notamment avoir
découvert son homosexualité très tardivement.
</p>
</div>
</div>
<div class="section-lgbt">
<div class="visible-panel bisexuels">
<h2>Bisexuels</h2>
</div>
<div class="toggle-panel">
<p>La bisexualité est le fait d’éprouver de l’attirance autant pour les femmes que les hommes. Ces
attirances peuvent être simultanées ou différées pendant certaines périodes de la vie, où l’on
préfèrera les personnes d’un sexe à celles d’un autre.
<br>
<br>Un exemple connu de star bisexuelle serait l’actrice américano-cambodgienne <strong>Angelina
Jolie</strong>. Cette dernière a reconnu avoir eu des relations avec l’actrice <strong>Jenny
Shimizu</strong>, mais a également été mariée à <strong>Brad Pitt</strong>.
</p>
</div>
</div>
<div class="section-lgbt">
<div class="visible-panel transexuels">
<h2>Transgenres</h2>
</div>
<div class="toggle-panel">
<p>La trans-identité, souvent abrégée par le mot “trans”, est le fait de ne pas se définir par le sexe
attribué à la naissance.
<br>
<br>Parmi les célébrités se qualifiant de trans, on peut citer l’actrice de la série Orange Is the
New Black, <strong>Laverne Cox</strong>, qui a notamment fait la couverture du Times magazine en
Juin 2014. On peut en citer une seconde, comme <strong>Caitlyn Jenner</strong>, américaine médaillée
d’or aux Jeux Olympiques de Montréal (1976) en décathlon.
</p>
</div>
</div>
<div class="section-lgbt">
<div class="visible-panel queers">
<h2>Queers</h2>
</div>
<div class="toggle-panel">
<p>Les personnes queers ne sont pas définies par une caractéristique particulière, mais plutôt en
s’excluant de la définition de l’hétérosexualité. C’est également un terme très générique pour les
personnes qui se définissent par une identité de genre différente du traditionnel spectre binaire
(masculin ou féminin). En un sens, on pourrait dire que tous les sigles et toutes les définitions de
la communauté LGBT sont inclus dans la notion “queer”.
<br>
<br>Le mot anglais queer est traduit en français par les termes <strong>“étrange”, “bizarre”,
“suspect”, “louche”</strong>.
</p>
</div>
</div>
<div class="section-lgbt">
<div class="visible-panel intersexes">
<h2>Intersexes</h2>
</div>
<div class="toggle-panel">
<p>Les personnes intersexes sont des personnes nées avec des caractéristiques sexuelles particulières,
et auxquelles on ne pouvait assigner un genre binaire (homme ou femme). Bien que rares, ces cas
représenteraient, selon la professeur américaine Anne Fausto-Sterling, 1 à 2 naissances pour 1000
(<strong>0.17 à 0.2%</strong>). Ces chiffres sont cependant contestés par de nombreux professeurs et
chercheurs. A noter que chacun d’entre eux a sa définition propre de l’intersexuation, ce qui donne
des résultats différents allant de <strong>0.015% à 0.4%</strong>. Dans la plupart des cas, les
nouveaux-nés subissent des opérations correctives très peu de temps après la naissance.
<br>
<br>Un exemple très connu de personne intersexe est l’athlète sud-africaine, double championne
Olympique du 800m, <strong>Caster Semenya</strong>.
</p>
</div>
</div>
<div class="section-lgbt">
<div class="visible-panel asexuels">
<h2>Asexuels</h2>
</div>
<div class="toggle-panel">
<p>Les individus asexuels sont des personnes n’éprouvant aucune attraction sexuelle, que ce soit envers
elle-même ou d’autres personnes. Il ne faut pas confondre le terme avec la définition d’abstinence
sexuelle. Une personne asexuelle peut très bien avoir des relations sexuelles, mais ce qui les
motivent sera autre qu’une attirance émanant de leurs personnes.
<br>
<br>On peut prendre comme exemple le fait de satisfaire leur partenaire, ou l’envie d’avoir des
enfants. On peut citer parmi les personnes célèbres nul autre que le père de la psychanalyse,
<strong>Freud</strong>. Ce dernier aurait déclaré “avoir trouvé quelque chose de plus intéressant
(psychanalyse) à faire”.
</p>
</div>
</div>
<div class="section-lgbt">
<div class="visible-panel plus">
<h2>+</h2>
</div>
<div class="toggle-panel">
<p>Le “+” que l’on peut retrouver dans certains sigles indique simplement une volonté d’inclure dans la
définition du sigle toutes les autres personnes qui en ont été oublié ou que l’on ne peut nommer.
<br>
<br>On voit une variante du “+” qui est transformé en “O” dans certains sigles. Cette variante
signifie <strong>Others</strong> : “<strong>les autres</strong>” dans la langue de Shakespeare.
</p>
</div>
</div>
</div>
<footer class="hidden">
<div class="container">
<div class="row">
<div class="col" id="service">
<h3>Niji</h3>
<p align="justify">Site Web créé par des étudiants ADIMAKER pour sensibiliser notre entourage sur la
cause LGBT+ ainsi que le féminisme.</p>
</div>
<div class="col" id="service">
<h3>Liens utiles</h3>
<ul class="links">
<li><a href="/index.html">Accueil</a></li>
<li><a href="/procedures.html">Procédures</a></li>
<li><a href="/lexique.html">Lexique</a></li>
<li><a href="/bibliographie.html">Bibliographie</a></li>
<li><a href="/equipe.html">Notre équipe</a></li>
</ul>
</div>
<div class="col" id="service">
<h3>Contact</h3>
<ul class="links">
<li><a href="https://www.linkedin.com/in/romain-torchy/">Romain Torchy</a></li>
<li><a href="https://www.linkedin.com/in/lou-philippe-542076252/">Lou Philippe</a></li>
<li><a href="https://www.linkedin.com/in/camille-coquerel-54083a234/">Camille Coquerel</a></li>
<li><a href="https://www.linkedin.com/in/axel-boucneau-688a54231/">Axel Boucneau</a></li>
<li><a href="#">Jalil Chrouki</a></li>
<li><a href="#">Elena Sikorski</a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Scripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js"></script>
<script src="https://cdn.rawgit.com/sarathsaleem/grained/master/grained.js"></script>
<script type="module" src="js/images-center.js"></script>
<script type="module" src="js/section-lgbt.js"></script>
<script type="module" src="js/marquee.js"></script>
<script type="module" src="js/gallery.js"></script>
</body>
</html>