-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
111 lines (97 loc) · 5.03 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="base.css">
<link rel="stylesheet" type="text/css" href="homepage.css">
</head>
<body class="home">
<h1>Code Societies</h1>
<p>School for Poetic Computation (SFPC)’s winter intensive is an introduction to re-introducing yourselves to computers. How do different platforms and processes—including algorithms, surveillance, social media, infrastructure, and interface—yield distinct modes of seeing, thinking, feeling, and reinforce existing systems of power? Code Societies centers understanding technology as social and the social as political technology. We will engage with code, and the ways code acts on our bodies and networks, equally as subject and as medium. Together we will build new codes made of the the digital, the social, and the ritual, on a foundation of shared experience and a commitment to learning with care together. Code Societies is about redrawing the divisions that make us and unmake us. We’ll begin by challenging the division between those who code software and those who are coded by it.<br>
</p>
<img class="knot one" src="knot-3.png" "Code Societies Knot Drawing" />
<img class="knot two" src="knot-2.png" "Code Societies Knot Drawing" />
<img class="knot three" src="knot-1.png" "Code Societies Knot Drawing" />
<p>
<a class="inline" target="_blank" href="https://melanie-hoff.com/">Melanie Hoff</a> is the Code Societies Lead Organizer, <a class="inline" target="_blank" href="https://www.netabomani.com/">Neta Bomani</a> and <a class="inline" target="_blank" href="https://www.marceldochamp.net/">Emma Rae Norton</a> are the Assistant Organizers, and <a class="inline" target="_blank" href="http://taeyoonchoi.com">Taeyoon Choi</a> is the Session Advisor.
<br><br>
This website is designed by Emma Rae Norton.
</p>
<a class="fullwidth" href="/code-societies/blog">Blog</a>
<br><br>
<a class="fullwidth" href="/code-societies/oral-history">Oral History</a>
<br><br>
<a class="fullwidth" href="/code-societies/2020">2020 Syllabi</a>
<a class="fullwidth" href="/code-societies/2019">2019 Syllabi</a>
<a class="fullwidth" href="/code-societies/2018">2018 Syllabi</a>
<br><br>
<a class="fullwidth" href="https://sfpc.io/codesocieties2020/">About SFPC</a>
<br><br>
<h4>Guiding Resources:</h4>
<div id="orientation-blocks">
</div>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
let orientation = [];
const orientationWrapper = document.getElementById("orientation-blocks");
const axiosArena = axios.create({
baseURL: "https://api.are.na/v2/",
});
let loading = document.createElement("div");
loading.className = "loading";
loading.innerHTML = 'loading...';
orientationWrapper.appendChild(loading);
axiosArena.defaults.headers.Authorization = 'Bearer ---' ;
axiosArena.get("channels/code-societies-winter-2020-guiding-resources?per=100").then(response => {
console.log(response);
if (response.data && response.data.contents.length > 1) {
orientationWrapper.removeChild(loading);
createOrientation(response.data.contents);
} else {
}
});
function createOrientation(orientationData) {
for (let i=0; i<orientationData.length; i++) {
//create block
let block = document.createElement("div");
block.className = "block";
if (orientationData[i].source) {
block = document.createElement("a");
block.className = "block";
block.href = orientationData[i].source.url;
block.target = "_blank";
}
if (orientationData[i].class === "Channel") {
block = document.createElement("a");
block.className = "channel";
block.href = `https://are.na/${orientationData[i].user.slug}/${orientationData[i].slug}`;
block.target = "_blank";
}
//create image
if (orientationData[i].image && orientationData[i].image) {
const image = document.createElement("img");
image.className = "image";
image.src = orientationData[i].image.square.url;
block.appendChild(image);
}
//create title
if (orientationData[i].title) {
const title = document.createElement("div");
title.className = "title";
title.innerHTML = orientationData[i].title;
block.appendChild(title);
}
//create text
if (orientationData[i].class === "Text") {
const text = document.createElement("div");
text.className = "text";
text.innerHTML = orientationData[i].content;
block.appendChild(text);
}
orientationWrapper.appendChild(block);
}
}
</script>
</body>
</html>