forked from sternth/no-gender
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathexample.html
90 lines (90 loc) · 3.55 KB
/
example.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test</title>
<style>
.container {
left: 50%;
margin-left: -600px;
position: absolute;
width: 1200px;
}
.column {
float: left;
padding: 0 20px;
}
</style>
</head>
<body>
<div class="container">
<h1>Hallo liebe Kolleg:innen</h1>
<h2> oder Kollegen*innen</h2>
<p><b>Dynamisch:</b> Dieser Text wird alle paar Sekunden aktualisiert: <span id="dynamic-text">...</span></p>
<p><b>Test:</b> Test-Markierungen dürfen nicht entfernt werden, außer es wurde eine Gender-Expression entfernt.</p>
<ul>
<li>Gendern mit Unterstrich: Kund_innen.</li>
<li>Gendern mit Sternchen: Kund*innen.</li>
<li>Gender Gap: Kund innen.</li>
<li>Gendern mit Doppelpunkt: Kund:innen.</li>
<li>Gendern mit Punkt: Kund. innen.</li>
</ul>
<div class="column">
<p>Wir alle sind Be­am­t:in­nen ...</p>
<p>Wir alle sind Beobachter:innen ...</p>
<p>Sie alle sind Bierverkäufer*innen!</p>
<p>Sie alle sind Bierverleger*innen!</p>
<p>Sie alle sind Bieter*innen!</p>
<p>Sie alle sind Bildersammler*innen!</p>
<p>Sie alle sind Kleinaktionär_innen!</p>
<p>Sie alle sind Legionär_innen!</p>
<p>Sie alle sind Ingenieur_innen!</p>
<p>Sie alle sind Kollaborateur_innen!</p>
<p>Sie alle sind Konstrukteur_innen!</p>
<p>Sie alle sind Lebensmittelkontrolleur_innen!</p>
<p>Sie alle sind Teufel:innen!</p>
<p>Sie alle sind Enkel:innen!</p>
<p>Sie alle sind Gräf:innen!</p>
<p>Sie alle sind Westfäl:innen!</p>
<p>Sie alle sind Nachbar:innen!</p>
<p>Sie alle sind Ärztinnen und Ärzte!</p>
</div>
<div class="column">
<p>Sie als Wölf:in sind dazu verpflichtet.</p>
<p>Sie als Prinzess:in sind dazu verpflichtet.</p>
<p>Sie als Närr:in sind dazu verpflichtet.</p>
<p>Sie als Gräf:in sind dazu verpflichtet.</p>
<p>Sie als Schurk*in sind dazu verpflichtet.</p>
<p>Sie als Bär*in sind dazu verpflichtet.</p>
<p>Sie als Barkeeper*in sind dazu verpflichtet.</p>
<p>Sie als Baron*in sind dazu verpflichtet.</p>
<p>Sie als Baseler*in sind dazu verpflichtet.</p>
<p>Sie als Basketballer:in sind dazu verpflichtet.</p>
<p>Sie als Basketballspieler:in sind dazu verpflichtet.</p>
<p>Sie als Basler:in sind dazu verpflichtet.</p>
<p>Sie als Bassist:in sind dazu verpflichtet.</p>
<p>Sie als Bayer_in sind dazu verpflichtet.</p>
<p>Sie als Schwäger_in sind dazu verpflichtet.</p>
<p>Sie als Zöger_in sind dazu verpflichtet.</p>
</div>
<div class="column">
<p>Kri­ti­ke­r:in­nen geht das nicht weit genug.</p>
<p>Kritiker:innen geht das nicht weit genug.</p>
<p>Anders als bei Bun­des­wehr­hel­fe­r:in­nen gilt die Zweijahresfrist für sie noch immer.</p>
<p>Anders als bei Bundeswehrhelfer:innen gilt die Zweijahresfrist für sie noch immer.</p>
</div>
<div class="column">
<p>Alle sieben Besatzungsmitglieder – zwei Astronautinnen und fünf Astronauten – kamen ums Leben.</p>
<p>Alle sieben Besatzungsmitglieder – fünf Astronauten und zwei Astronautinnen – kamen ums Leben.</p>
<p>Alle sieben Astronauten und Astronautinnen kamen ums Leben.</p>
<p>Alle sieben Astronautinnen und Astronauten kamen ums Leben.</p>
<p>Wir können keine Energie daraus gewinnen und sie wird so wieder ausgeschieden.</p>
</div>
</div>
<script>
setInterval(() => {
document.getElementById('dynamic-text').innerText = 'Wir brauchen keine Held*innen.'
}, 900)
</script>
</body>
</html>