-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
209 lines (142 loc) · 8.42 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="styles.css">
<meta charset="UTF-8">
<title> Library of Infinities</title>
</head>
<header>
<h1><a href="index.html"> LIBRARY OF INFINITIES</a></h1>
<!-- <div id="menu">
<a href="#menu" class="active">MENU</a>
</div> -->
</header>
<nav id="myNav" class="overlay">
<a href="javascript:void(0)" class="closebtn" onclick="closeNavright()">X</a>
<div class="overlay-content">
<a href="about.html">ABOUT</a>
<a href="team.html">TEAM</a>
<a href="index.html">LIBRARY</a>
<a href="writing3.html">WRITING</a>
<a href="programming.html">PROGRAMMING</a>
<a href="resources.html">RESOURCES</a>
<a href="mailto:[email protected]">CONTACT</a>
</div>
</nav>
<span id="trigger" onclick="openNavright()">MENU</span>
<script>
function openNavright() {
document.getElementById("myNav").style.right = "0%";
windowOpen =true;
}
function closeNavright() {
document.getElementById("myNav").style.right = "-50.5%";
windowOpen =false;
}
</script>
<body>
<script>
// var headerOffset = function() {
// var headerHeight = $('header').height();
// $('.content').css('margin-top', headerHeight);
// }
// $(document).ready(function() {
// headerOffset();
// });
</script>
<script>
var footerOffset = function() {
var footerHeight = $('footer').height();
$('.content').css('margin-bottom', footerHeight);
}
$(document).ready(function() {
footerOffset();
});
</script>
<main class="content">
<div class="row no-gutters">
<div class="col-md-6 no-gutters">
<div class="leftside">
<h1>About</h1>
<p>Library of Infinities is a digital space that celebrates the diversity and creativity of the Black imagination through literature, film, and music. </p>
<p>As a web platform we invite people to add to a growing database of books by authors of the afro-diaspora. This space invites people to leave their mark for future visitors of this user generated archive where we can share and learn from each other's perspectives. As a digital library, we value sharing and aim to provide work and resources for deepening our understanding of the work featured on this platform. </p>
<p>Library of Infinities strives to be a portal of connection on a shared respect and love for Black and afro-diasporic literature. </p>
<h1 class="secondary">Vision</h1>
<p>Library of Infinities has taken shape as a physical exhibition and now as a web platform. Though modular in its essence, we are organically growing the archival database of the site in time and will realize this through continued engagement of the communities it serves and celebrates. As it grows, it aspires to be a resource for various spaces. </p>
<h1 class="secondary">Values</h1>
<p>Library of infinities values and prioritizes the literary work of Black and afro-diasporic storytellers.</p>
<p>As a digital library, we value sharing and aim to provide resources for deepening our understanding of Black and Afro-diasporic creative expression.</p>
<p>We champion a diverse idea of Blackness by creating a portal offering nuanced perspectives to engage with. </p>
<h1 class="secondary">Who Is This For?</h1>
<p>Library of Infinities is a Black-led platform that invites people who share a love and respect for Black literature to share their perspectives on work that has affected them. The community this space is trying to garner is one that values Black literature and arts. This platform is developed by and for Black and Afro-diasporic communities and anyone who values our mission. The submission section incites people of various generations to contribute ranging from high school and onwards. This platform is built to resonate with book lovers, artists, educators, academics, and creative technologists.
</p>
<div class="spacer"></div>
</div>
</div>
<div class="col-md-6 no-gutters">
<div id="rightside">
<h1>History</h1>
<p>In the fall of 2017, artist Shaya Ishaq began a project called Black Libraries Matter during a residency at the Khyber Center for the Arts in Halifax, Nova Scotia. This community generated initiative created in partnership with the North Branch Memorial Library was a celebration of resistance through literature and valued ideas as a catalyst for hope and change around issues of social injustice pertaining to the Black diaspora. This space composed of books, music, film and video work by Black and Afro-Diasporic creators based in Canada and beyond was activated by a reading group, film screenings and art making workshops co-facilitated with local African Nova Scotian and Black artists. </p>
<p>In the summer of 2021, Shaya Ishaq revisited this project in a major solo exhibition called Library of Infinities at SAW in Ottawa, Ontario. In this new iteration, the entire facility was transformed into a library and community action space. Library of Infinities was a collective attempt at envisioning liberation of the imagination through literature, solidarity, and the narratives of resilience woven through black diasporic communities across Turtle Island. Contributions to the project (book titles) had been made by community leaders, artists, writers, activists, teachers in Halifax where it originally began when it was formerly known as Black Libraries Matter. By activating a space with the multiplicity of Black voices on this land, we are creating a portal of resources and stories that can empower and open minds.</p>
<p>To accompany the physical exhibition space and off-site collaborations, a beta version of the Library of Infinities website was launched. The intention and hope of developing the library into a digital realm is to allow visitors to contribute to a growing database of user submitted book titles. This has the potential to reach audiences across the country, around the world and ultimately engage people well beyond the exhibition. This digital space is a portal. Not one that boasts of one monolithic understanding of Black people but rather one that holds space for a boundless constellation of interrelations. </p>
<p>As this project continues to evolve, questions that informed Shaya Ishaq include: How can a web platform be a generative space for learning and sharing? What does collaboration look like in this digital realm? How can the Library of Infinities facilitate dynamic ways of storytelling?</p>
<div class="spacer"></div>
</div>
</div>
</main>
<div class="marquee">
<p> <a href="https://mailchi.mp/6b822e41a101/library-of-infinities-canada">JOIN THE MAILING LIST </a></p>
<script>
function myFunction() {
var input, filter, ul, li, a, i, txtValue;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
ul = document.getElementById("myUL");
li = ul.getElementsByTagName("li");
for (i = 0; i < li.length; i++) {
a = li[i].getElementsByTagName("a")[0];
txtValue = a.textContent || a.innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
li[i].style.display = "";
} else {
li[i].style.display = "none";
}
}
}
</script>
<script>
$(document).ready(function (){
$('.buttons button').click(function (){
$('#rightside').empty();
$('#rightside').html($("#" + $(this).data('link')).html());
});
});
</script>
<script>
$(function(){
var scroll_text;
$('myUL').hover(
function () {
var $elmt = $(this);
scroll_text = setInterval(function(){scrollText($elmt);}, 5);
},
function () {
clearInterval(scroll_text);
$(this).find('myUL li a').css({
left: 0
});
}
);
var scrollText = function($elmt){
var left = $elmt.find('myUL li a').position().left - 1;
left = -left > $elmt.find('myUL li a').width() ? $elmt.find('myUL').width() : left;
$elmt.find('myUL li a').css({
left: left
});
};
});
</script>
</body>
</html>