-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathreadings.html
84 lines (73 loc) · 6.94 KB
/
readings.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Code 1 Reading Assignments</title>
<!-- import the webpage's stylesheet -->
<link rel="stylesheet" href="style.css" />
<script>
/*
Place any other information in here as html in quotes.
Add in the sub-nav elemenet with the key for this object matching the class name on the sub nav. Also add the sub-nav__item class to the object.
The script for this page adds a click handler to every .sub-nav__item and looks up what it should place in #main-panel based on its coresponding key in dataStruct below
*/
let dataStruct = {
code: "<h1>What is Code?</h1><p><img src='images/code.jpeg'></p><p>Read Chapter 1 from <a href='readings/code-charles-petzold.pdf'>Code: the Hidden Language of Computer Hardware and Software</a> by <a href='http://www.charlespetzold.com/'>Charles Petzold</a>.</p>",
history: "<h1>Code and Design</h1><p><figure><img src='images/aiga-eod-reas_rgb.jpg'><figcaption>Casey Reas “RGB-056-006-080-823-725”</figcaption></figure></p><p>Read <a href='https://eyeondesign.aiga.org/how-an-mit-research-group-turned-computer-code-into-a-modern-design-medium/'>How Computer Code Became a Modern Design Medium—an Oral History</a> by Liz Stinson.</p>",
time: "<h1>Time</h1><p>Read <a href='https://time-issues.org/c-k-raju-time-non-western-views/'>Time. Non-Western Views</a> by C. K. Raju </p>",
textile: "<h1>Code and Textile Design</h1><p><figure><img src='images/Weaving.jpg'><figcaption>Weaving with a shuttle from <a href='https://commons.wikimedia.org/wiki/File:Weaving_with_the_shuttle.jpg'>wikimedia commons</a></figcaption></figure></p><p>Read <a href='https://devkipande.wordpress.com/2015/08/21/how-computer-programming-is-similar-to-textile-design/'>How Computer Programming is Similar to Textile Design</a> by Devki Pande</p>",
robots: "<h1>Alogrithmic Bias</h1><figure><img class='ruhaImage' src='images/raceAfter.jpg'></figure><p>Read <a href='https://drive.google.com/file/d/1GvJBn9qrsk9nFAhqwo4H_cqG2TnGTf-d/view?usp=sharing'>Engineered Inequity: Are Robots Racist? from Race After Technology</a> by Ruha Benjamin. </p>",
systems: "<h1>Systems Thinking</h1><figure><img class='ruhaImage' src='images/donellameadows.jpg'></figure><p>Read <a href='https://www.ioia.net/images/PDF/DancingWithSystemsDMeadows.pdf'>Dancing with Systems</a> by <a href='https://en.wikipedia.org/wiki/Donella_Meadows'>Donella Meadows</a></p>",
zinesters: "<h1>Culture of Game Design</h1><figure><img class='ruhaImage' src='images/anthropy.jpg'></figure><p>Read Chapter 1 of Rise of the Video Game Zinesters by <a href='https://en.wikipedia.org/wiki/Anna_Anthropy'>Anna Anthropy</a>.</p><p>This book is available in Canvas under Course Holds or on the University Library's website.</p>",
joy: "<h1>Games, Play, and Joy</h1><p><figure><img src='images/salmonRollGame.png'><figcaption>“Salmon Roll: The Upstream Team” game in action.</figcaption></figure></p><p>Read <a href='https://medium.com/@jfriedhoff/games-play-and-joy-part-1-75991ff32e69'>Games, Play, and Joy</a> by Jane Friedhoff</p>",
capitalism: "<h1>Videogames and the Spirit of Capitalism</h1><iframe src='https://player.vimeo.com/video/86738382' width='640' height='480' frameborder='0' allow='fullscreen' allowfullscreen></iframe><p>Read or Watch <a href='https://www.molleindustria.org/blog/videogames-and-the-spirit-of-capitalism/'>Videogames and the Spirit of Capitalism</a> by Paolo Pedercini</p>",
type: "<h1>Constructible Type System</h1><p><figure><img src='images/type.png'><figcaption>Q Project</figcaption></figure></p><p>Read <a href='https://eyeondesign.aiga.org/peter-bilaks-playful-buildable-type-system-q-is-the-lego-of-typefaces/'>Peter Bil’ak’s Playful, Constructible Type System ‘Q’ is the Lego of Typefaces</a> by Emily Gosling</p>",
decolonize: "<h1>Decolonize Design</h1><p><figure><img src='images/neutral.png'><figcaption>There is no Neutral (Image from the Article)</figcaption></figure></p><p>Please read <a href='https://eyeondesign.aiga.org/what-does-it-mean-to-decolonize-design/'>What Does It Mean to Decolonize Design?</a> by <a href='https://anoushkakhandwala.com/about'>Anoushka Khandwala</a></p>",
house: "<h1>Desktop Heuristic</h1><p><figure><img src='images/house.png'><figcaption>Examining the Desktop Metaphor</figcaption></figure></p><p>Please read <a href='https://drive.google.com/file/d/1Z-kjCk68D6LlS7qtZ7xwO5NBlaMGEsij/view'>This is Not my Beautiful House</a> by Everest Pipkin.</p>"
}
</script>
<script src="script.js" defer></script>
</head>
<body onload="activateSubNav();">
<div class="nav-container">
<div><a href="syllabus.html">syllabus</a></div>
<div><a href="schedule.html">schedule</a></div>
<div><a href="assignment.html">assignments</a></div>
<div><a href="readings.html">readings</a></div>
<div><a href="tutorials.html">tutorials</a></div>
<div><a href="resource.html">resources</a></div>
<div><a href="people.html">people</a></div>
</div>
<div class="main-container">
<div id="sub-nav">
<ul>
<li><a href="#" class="code sub-nav__item">Week 1, Due September 14</a></li>
<li><a href="#" class="history sub-nav__item">Week 2, Due September 21</a></li>
<li><a href="#" class="time sub-nav__item">Week 3, Due September 28</a></li>
<li><a href="#" class="textile sub-nav__item">Week 4, Due October 5</a></li>
<li><a href="#" class="robots sub-nav__item">Week 5, Due October 12</a></li>
<li><a href="#" class="systems sub-nav__item">Week 6, Due October 19</a></li>
<li><a href="#" class="zinesters sub-nav__item">Week 7, Due October 26</a></li>
<li><a href="#" class="capitalism sub-nav__item">Week 8, Due November 2</a></li>
<li><a href="#" class="joy sub-nav__item">Week 9, Due November 9</a></li>
<li><a href="#" class="type sub-nav__item">Week 10, Due November 23</a></li>
<li><a href="#" class="decolonize sub-nav__item">Week 12, Due December 7</a></li>
<li><a href="#" class="house sub-nav__item">Week 13, Due December 14</a></li>
</ul>
</div>
<div id="main-panel">
<h1>
Reading and Responses
</h1>
<P>Professors will provide prompts in each section’s Slack channel based on the readings. To gain credit, please
respond in the channel for that prompt by class time the following week, and add something else to someone
else’s response in a thread. </p>
<p>Our goal is to inspire debate and discussion around the role of code in society. We may shift the requirements
as the semester progresses if new forms of debate prove to be more enlightening. Our Reading Responses would
usually be a discussion in class, so we’re attempting to move that online. </P>
</div>
</div>
</body>
</html>