-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
45 lines (45 loc) · 2.92 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- meta tags from Bootstrap https://v4-alpha.getbootstrap.com/getting-started/introduction/#starter-template -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Roboto|Titillium+Web" rel="stylesheet">
<link rel="shortcut icon" href="https://www.immersivescholar.org/themes/ncsu_library/favicon.ico" type="image/vnd.microsoft.icon" />
<title>Coded Glass | Immersive Scholar</title>
<link href="app.css" rel="stylesheet"></head>
<body>
<div class="overlay-img-container hidden">
<div class="slide-title-container">
<h1 id="slide-title"></h1>
</div>
<div class="slide-desc-overlay">
<p class="slide-desc-text"></p>
</div>
<button class="overlay-button" id="close-button">×</button>
<img class="overlay-img" id="top-img">
<img class="overlay-img" id="bottom-img">
</div>
<main class="main-container">
<div class="main-txt">
<h1 class="main-title">Coded Glass</h1>
<h2 class="researcher-name">Liss LaFleur</h2>
<div class="main-desc">
<p class="about"><i>Coded Glass</i> explores the urgency of the #metoo movement, the role of social technology, and the ways in which individual narratives can shape the web as a form of community building and reflection through stained glass imagery, a rich art historical material. Using collected data and analysis of 2,629,581 #metoo tweets from October 1, 2017 to August 15, 2018 as source material, this project showcases stained glass windows of protest signs, emojis, and hashtags from the #metoo movement as a form of data visualization and metaphor for creating communal sacred spaces.</p>
<p class="quote">“Me Too is a movement to, among other things, radicalize the notion of mass healing. As a community we create a lot of space for fighting and pushing back but not enough for connecting and healing.”<br>- Tarana Burke, founder of #metoo</p>
</div>
<p class="main-url">Learn more about this project at <a href="http://codedglass.com" target="_blank">codedglass.com</a></p>
</div>
<div class="matrix">
<!-- Images will be inserted here -->
</div>
<div class="imm-sch-url-container">
<a href="https://www.immersivescholar.org/" target="_blank">
<img src="6f92917355748516b934b9e6902698eb.png" id="logo">
</a>
<p class="imm-sch-url">This display is part of the Immersive Scholar project funded by the Andrew W. Mellon Foundation. Learn more about Immersive Scholar at <a href="https://www.immersivescholar.org/" target="_blank" rel="noopener noreferrer">immersivescholar.org</a></p>
</div>
</main>
<script type="text/javascript" src="app.bundle.js"></script></body>
</html>