Skip to content

Commit a1f89ba

Browse files
adjust the format of readings
add <li>
1 parent 5294ed6 commit a1f89ba

File tree

3 files changed

+50
-25
lines changed

3 files changed

+50
-25
lines changed

Diff for: seminar/index.html

+49-23
Original file line numberDiff line numberDiff line change
@@ -43,11 +43,15 @@ <h2>What is technology and why?</h2>
4343
<p class="documentation">What do we call "technology"? What's it like? What does it want? How old is it? How do build relationships with it and through it? What should we ask ourselves before, during and after we engage with it?</p>
4444
<ul>
4545
<!-- <li><strong>Student Leads:</strong></li> -->
46-
<li><strong>Reading:</strong><a href="http://www.ursulakleguinarchive.com/Note-Technology.html" target="_blank">Ursula LeGuin, "A Rant About "Technology"</a>,&nbsp
47-
<a href="https://theconvivialsociety.substack.com/p/the-questions-concerning-technology" target="_blank">L. M. Sacasas, “The Questions Concerning Technology”</a>,&nbsp
48-
<a href="https://medium.com/backchannel/all-technology-is-assistive-ac9f7183c8cd" target="_blank">Sara Hendren "All Technology Is Assistive"</a>,&nbsp
49-
<a href="https://www.youtube.com/watch?v=5ODzO7Lz_pw" target="_blank">Thomas Thwaites: How I built a toaster -- from scratch</a>,&nbsp
50-
<a href="http://www.thomasthwaites.com/folio5/wp-content/uploads/2019/07/Toaster_Project-Thomas_Thwaites-Complete.pdf" target="_blank">Thomas Thwaites, Toaster Project</a></li>
46+
<li><strong>Reading:</strong>
47+
<ul>
48+
<li><a href="http://www.ursulakleguinarchive.com/Note-Technology.html" target="_blank">Ursula LeGuin, "A Rant About "Technology"</a></li>
49+
<li><a href="https://theconvivialsociety.substack.com/p/the-questions-concerning-technology" target="_blank">L. M. Sacasas, “The Questions Concerning Technology”</a></li>
50+
<li><a href="https://medium.com/backchannel/all-technology-is-assistive-ac9f7183c8cd" target="_blank">Sara Hendren "All Technology Is Assistive"</a></li>
51+
<li><a href="https://www.youtube.com/watch?v=5ODzO7Lz_pw" target="_blank">Thomas Thwaites: How I built a toaster -- from scratch</a></li>
52+
<li><a href="http://www.thomasthwaites.com/folio5/wp-content/uploads/2019/07/Toaster_Project-Thomas_Thwaites-Complete.pdf" target="_blank">Thomas Thwaites, Toaster Project</a></li>
53+
</ul>
54+
</li>
5155
</ul>
5256
</section>
5357
<hr>
@@ -59,9 +63,12 @@ <h2>Hacking and repurposing</h2>
5963
<ul>
6064
<li><strong>Student Leads:Zheng (Zoey) Wang, Eric, Noah Curtis</strong></li>
6165
<li><strong>Reading:</strong>
62-
<a href="https://www.youtube.com/watch?v=PUf1d-GuK0Q" target="_blank">Hafner, Katie; Markoff, John (1991). The Secret History of Hacking</a>
63-
<a href="#" target="_blank">Clair Evans, Broad Band, Chapter 7</a><a href="#" target="_blank">Bridget Harvey - Repair-Making: Craft, Narratives, Activism, pp. 245 - 297</a>
64-
<a href="https://aeon.co/essays/how-yuppies-hacked-the-original-hacker-ethos" target="_blank">Brett Scott, The Hacker Hacked</a></li>
66+
<ul>
67+
<li><a href="https://www.youtube.com/watch?v=PUf1d-GuK0Q" target="_blank">Hafner, Katie; Markoff, John (1991). The Secret History of Hacking</a></li>
68+
<li><a href="#" target="_blank">Clair Evans, Broad Band, Chapter 7</a><a href="#" target="_blank">Bridget Harvey - Repair-Making: Craft, Narratives, Activism, pp. 245 - 297</a></li>
69+
<li><a href="https://aeon.co/essays/how-yuppies-hacked-the-original-hacker-ethos" target="_blank">Brett Scott, The Hacker Hacked</a></li>
70+
</ul>
71+
</li>
6572
</ul>
6673
</section>
6774
<hr>
@@ -71,12 +78,15 @@ <h2>Worldbuilding</h2>
7178
<p class="date">Week 4: Friday, Oct 08</p>
7279
<p class="documentation"></p>
7380
<ul>
74-
<li><strong>Student Leads:</strong>Alan Amaya, Qianyue Yumen, Yining Gao</li>
75-
<li><strong>Reading:</strong> <a href="http://iancheng.com/emissaries" target="_blank">Ian Cheng: Emissaries</a>
76-
<a href="https://worldto.live/" target="_blank">Ian Cheng, Emissary's Guide To Worlding</a>
77-
<a href="https://www.hmhbooks.com/shop/books/invisible-cities/9780156453806" target="_blank">Italo Calvino, Invisible Cities</a>
78-
<a href="seminar/Zaidi-Worldbuilding.pdf" target="_blank">Leah Zaidi "Worldbuilding in Science Fiction, Foresight and Design"
79-
LINK TO PDF FILE </a></li>
81+
<li><strong>Student Leads:</strong> Alan Amaya, Qianyue Yumen, Yining Gao</li>
82+
<li><strong>Reading:</strong>
83+
<ul>
84+
<li><a href="http://iancheng.com/emissaries" target="_blank">Ian Cheng: Emissaries</a></li>
85+
<li><a href="https://worldto.live/" target="_blank">Ian Cheng, Emissary's Guide To Worlding</a></li>
86+
<li><a href="https://www.hmhbooks.com/shop/books/invisible-cities/9780156453806" target="_blank">Italo Calvino, Invisible Cities</a></li>
87+
<li><a href="seminar/Zaidi-Worldbuilding.pdf" target="_blank">Leah Zaidi "Worldbuilding in Science Fiction, Foresight and Design"</a></li>
88+
</ul>
89+
</li>
8090
</ul>
8191
</section>
8292
<hr>
@@ -88,9 +98,13 @@ <h2>What is achieve?</h2>
8898

8999
<ul>
90100
<li><strong>Student Leads:</strong>Mario, Fanxuan Zhu, Zhiyan (Annie) Wang</li>
91-
<li><strong>Reading for the next week:</strong> <a href="https://store.alliedmedia.org/collections/zines/products/a-peoples-guide-to-ai" target="_blank">"People's Guide to AI"</a>
92-
<a href="#" target="_blank">Janelle Shane, You Look Like a Thing and I love You. Introduction, Chapter 1</a>
93-
<a href="https://www.youtube.com/watch?v=ltIJNV37A8k&t=513s" target="_blank">A CONVERSATION BETWEEN KATE CRAWFORD & NNEDI OKORAFOR (VIDEO)</a></li>
101+
<li><strong>Reading for the next week:</strong>
102+
<ul>
103+
<li><a href="https://store.alliedmedia.org/collections/zines/products/a-peoples-guide-to-ai" target="_blank">"People's Guide to AI"</a></li>
104+
<li><a href="#" target="_blank">Janelle Shane, You Look Like a Thing and I love You. Introduction, Chapter 1</a></li>
105+
<li><a href="https://www.youtube.com/watch?v=ltIJNV37A8k&t=513s" target="_blank">A CONVERSATION BETWEEN KATE CRAWFORD & NNEDI OKORAFOR (VIDEO)</a></li>
106+
</li>
107+
</ul>
94108
</ul>
95109
</section>
96110
<hr>
@@ -102,9 +116,12 @@ <h2>IoT and wearables</h2>
102116

103117
<ul>
104118
<li><strong>Student Leads:</strong>Mario, Yue Xi, Shiyi Chen</li>
105-
<li><strong>Reading:</strong> <a href="#" target="_blank">Chapter 2 from Adam Greenfield, "Radical Technologies"</a>
106-
<a href="#" target="_blank">Spimes Not Things Creating A Design Manifesto For A Sustainable Internet of Things.</a>
107-
<a href="https://www.nytimes.com/2016/11/30/opinion/the-dawn-of-the-tryborg.html" target="_blank">Dawn of the Tryborg</a></li>
119+
<li><strong>Reading:</strong><ul>
120+
<li><a href="#" target="_blank">Chapter 2 from Adam Greenfield, "Radical Technologies"</a></li>
121+
<li><a href="#" target="_blank">Spimes Not Things Creating A Design Manifesto For A Sustainable Internet of Things.</a></li>
122+
<li><a href="https://www.nytimes.com/2016/11/30/opinion/the-dawn-of-the-tryborg.html" target="_blank">Dawn of the Tryborg</a></li>
123+
</ul>
124+
</li>
108125
</ul>
109126
</section>
110127
<hr>
@@ -121,7 +138,10 @@ <h2>Body as interface</h2>
121138

122139
<ul>
123140
<li><strong>Student Leads:</strong>Li Hongming, Miaoqiong Huang, Fanxuan Zhu</li>
124-
<li><strong>Reading:</strong> <a href="https://bjooks.com/" target="_blank">K.Bjorn, "Push Turn Move: Interface Design in Electronic Music"</a></li>
141+
<li><strong>Reading:</strong><ul>
142+
<li><a href="https://bjooks.com/" target="_blank">K.Bjorn, "Push Turn Move: Interface Design in Electronic Music"</a></li>
143+
</li>
144+
</ul>
125145
</ul>
126146
</section>
127147
<hr>
@@ -133,7 +153,10 @@ <h2>Mixed realities</h2>
133153

134154
<ul>
135155
<li><strong>Student Leads:</strong>Yiran Mao, Yining Gao, Alan Amaya</li>
136-
<li><strong>Reading:</strong> <a href="https://reallifemag.com/no-escape-from-reality/" target="_blank">No Escape From Reality</a></li>
156+
<li><strong>Reading:</strong><ul>
157+
<li><a href="https://reallifemag.com/no-escape-from-reality/" target="_blank">No Escape From Reality</a></li>
158+
</li>
159+
</ul>
137160
</ul>
138161
</section>
139162
<hr>
@@ -145,7 +168,10 @@ <h2>Synthetic creatures / network aesthetics</h2>
145168

146169
<ul>
147170
<li><strong>Student Leads:</strong>Shiyi Chen, Eric, Guowei Lyu</li>
148-
<li><strong>Reading:</strong> <a href="#" target="_blank">Anthony Dunne, Electronic as Post-optimal Object</a></li>
171+
<li><strong>Reading:</strong><ul>
172+
<li><a href="#" target="_blank">Anthony Dunne, Electronic as Post-optimal Object</a></li>
173+
</li>
174+
</ul>
149175
</ul>
150176
</section>
151177
<hr>

Diff for: style.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -132,7 +132,7 @@ main ul {
132132
}
133133

134134
main ul li {
135-
margin: 0 0.3rem 0;
135+
margin: 0.5rem 0.3rem 0.5rem;
136136
/* margin-bottom: 1rem; */
137137
}
138138

Diff for: typography.css

-1
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,6 @@ strong {
6363
font-family: "Space Mono", monospace;
6464
font-weight: 600;
6565
font-style: normal;
66-
margin: 0.3rem 0 0.3rem;
6766
}
6867

6968
li {

0 commit comments

Comments
 (0)