-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathactivism.html
More file actions
138 lines (124 loc) · 7.17 KB
/
activism.html
File metadata and controls
138 lines (124 loc) · 7.17 KB
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
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="./assets/favicon.svg" type="image/svg+xml">
<title>Queer Memory - Activism & Movements</title>
<link rel="stylesheet" href="./assets/styles.css">
<script>
/* Apply saved/preferred theme & language before first paint */
(function(){var t=localStorage.getItem('queer-memory-theme');if(!t)t=matchMedia('(prefers-color-scheme:dark)').matches?'dark':'light';document.documentElement.setAttribute('data-theme',t);var l=new URLSearchParams(location.search).get('lang')||localStorage.getItem('queer-memory-lang')||navigator.language.substring(0,2);if(['en','fr','es'].indexOf(l)<0)l='en';document.documentElement.lang=l})();
</script>
</head>
<body>
<header id="site-header" role="banner">
<div class="logo">
<a href="./index.html">Queer Memory</a>
</div>
<nav id="site-nav" aria-label="Main navigation">
<ul>
<li><a href="./countries.html" data-i18n="nav.countries">Countries</a></li>
<li><a href="./cities.html" data-i18n="nav.cities">Cities</a></li>
<li><a href="./history.html" data-i18n="nav.history">History</a></li>
<li><a href="./rights.html" data-i18n="nav.rights">Rights</a></li>
<li><a href="./culture.html" data-i18n="nav.culture">Culture</a></li>
<li><a href="./identities.html" data-i18n="nav.identities">Identities</a></li>
<li><a href="./places.html" data-i18n="nav.places">Places</a></li>
<li><a href="./activism.html" aria-current="page" data-i18n="nav.activism">Activism</a></li>
<li><a href="./memorial.html" data-i18n="nav.memorial">Memorial</a></li>
<li><a href="./timeline.html" data-i18n="nav.timeline">Timeline</a></li>
<li><a href="./data.html" data-i18n="nav.data">Data & Methodology</a></li>
</ul>
</nav>
</header>
<main id="main-content" role="main">
<!-- Page header -->
<header class="page-header">
<h1 data-i18n="activism.title" data-i18n-title="activism.title">Activism & Movements</h1>
<p class="page-intro" data-i18n="activism.intro">
Explore LGBTQIA+ activism through movements, pride histories,
protests, and the activists who organized them. All data is
drawn live from
<a href="https://www.wikidata.org/" target="_blank" rel="noopener">Wikidata</a>.
</p>
</header>
<!-- Section 1: Movements & pride -->
<section class="activism-section" aria-label="Movements and pride">
<header>
<h2 data-i18n="activism.movements">Movements & Pride</h2>
<p class="section-desc" data-i18n="activism.movementsDesc">
Movement histories and pride records by region. These entries
capture the organizing backbone of LGBTQ+ activism.
</p>
</header>
<div id="activism-movements-grid" class="activism-movements-grid"></div>
</section>
<!-- Section 2: Protests & campaigns -->
<section class="activism-section" aria-label="Protests and campaigns">
<header>
<h2 data-i18n="activism.protests">Protests & Campaigns</h2>
<p class="section-desc" data-i18n="activism.protestsDesc">
Key protest events and campaigns documented in Wikidata,
linked to dates and countries where available.
</p>
</header>
<div id="activism-protests-grid" class="activism-protests-grid"></div>
</section>
<!-- Section 3: Pride & festivals -->
<section class="activism-section" aria-label="Pride and festivals">
<header>
<h2 data-i18n="activism.pride">Pride & Festivals</h2>
<p class="section-desc" data-i18n="activism.prideDesc">
LGBTQ+ pride events and regional pride histories documented
in Wikidata.
</p>
</header>
<div id="activism-pride-grid" class="activism-pride-grid"></div>
</section>
<!-- Section 4: Activists & organizers -->
<section class="activism-section" aria-label="Activists and organizers">
<header>
<h2 data-i18n="activism.activists">Activists & Organizers</h2>
<p class="section-desc" data-i18n="activism.activistsDesc">
Notable LGBTQ rights activists and organizers on Wikidata,
connected to biographies and key dates.
</p>
</header>
<div id="activism-people-grid" class="activism-people-grid"></div>
</section>
<!-- Section 5: Organizations & networks -->
<section class="activism-section" aria-label="Organizations and networks">
<header>
<h2 data-i18n="activism.orgs">Organizations & Networks</h2>
<p class="section-desc" data-i18n="activism.orgsDesc">
LGBTQ+ organizations and rights organizations documented in
Wikidata, linked to their pages and descriptions.
</p>
</header>
<div id="activism-orgs-grid" class="activism-orgs-grid"></div>
</section>
<!-- Data provenance note -->
<aside class="activism-data-note" aria-label="About this data">
<h2 data-i18n="aboutData.title">About this data</h2>
<p data-i18n="activism.dataP1">
All data on this page is queried live from the
<a href="https://query.wikidata.org/" target="_blank" rel="noopener">Wikidata Query Service</a>
using SPARQL. Coverage reflects how well activism-related items
are modelled in Wikidata.
</p>
<p data-i18n="activism.dataP2">
Records are uneven across regions and eras. You can help improve
coverage by
<a href="https://www.wikidata.org/wiki/Wikidata:WikiProject_LGBT" target="_blank" rel="noopener">contributing to WikiProject LGBT</a>.
</p>
</aside>
</main>
<footer id="site-footer" role="contentinfo">
<p data-i18n="footer.text">Built on Wikidata, Wikipedia, and Wikimedia Commons. Data is indicative and incomplete.</p>
</footer>
<script src="./assets/i18n.js"></script>
<script src="./assets/app.js"></script>
<script src="./assets/wikidata.js"></script>
<script src="./assets/activism.js"></script>
</body>
</html>