Skip to content

Commit f050457

Browse files
lilydemetlilydemet
committed
listed readings
1 parent f2aeab8 commit f050457

File tree

1 file changed

+73
-83
lines changed

1 file changed

+73
-83
lines changed

‎reading.html‎

Lines changed: 73 additions & 83 deletions
Original file line numberDiff line numberDiff line change
@@ -13,11 +13,11 @@
1313
flex: 55%;
1414
max-width: 55%;
1515
padding: 0 10px;
16-
16+
1717
}
1818
}
1919

20-
20+
2121
@media screen and (max-width: 1000px) {
2222
div.column-reading {
2323
-ms-flex: 70%;
@@ -28,7 +28,7 @@
2828
}
2929
}
3030

31-
31+
3232
@media screen and (max-width: 700px) {
3333
div.column-reading {
3434
-ms-flex: 100%;
@@ -39,13 +39,13 @@
3939
}
4040
}
4141

42-
42+
4343
div.column0 {
4444
-ms-flex: 25%;
4545
flex: 20%;
4646
max-width: 25%;
4747
padding: 0 0px;
48-
background-color:rgba(171, 171, 175, 0.086);
48+
background-color: rgba(171, 171, 175, 0.086);
4949
}
5050

5151

@@ -58,47 +58,47 @@
5858
padding: 0 0px;
5959
}
6060
}
61-
</style>
6261

63-
<!--text-->
64-
<style>
65-
.p {
66-
font-size: 14px;
67-
line-height: 1;
68-
font-family: Calibri, sans-serif;
69-
}
62+
7063
</style>
7164

65+
66+
67+
7268

69+
70+
7371
</head>
7472

7573

7674
<body>
7775
<a name="reading-top" id="reading-top"></a>
7876

7977
<!--new nav bar-->
80-
<div class="navbar" id="myHeader">
81-
82-
<a href="./index.html">&#x25C2&#x25C2 index &nbsp;&nbsp;&nbsp;</a>
83-
84-
<div class="subnav">
85-
<button class="subnavbtn">Reading&#9662</button>
86-
<div class="subnav-content">
87-
<a href="">Tactics</a>
88-
<a href="./reading.html">Notes</a>
89-
<a href="./lists.html">Lists</a>
78+
<div id="myHeader" style="padding: 0px 0px 0px 0px">
79+
<!--header has to be in overarching div so that drop down appears on scroll, but padding set to zero so there isnt a sliver of page seen at the top because 2 divs-->
80+
<div class="navbar">
81+
82+
<a href="./index.html">&#x25C2&#x25C2 index &nbsp;&nbsp;&nbsp;</a>
83+
84+
<div class="subnav">
85+
<button class="subnavbtn">Reading&#9662&nbsp;</button>
86+
<div class="subnav-content">
87+
<a href="">Tactics</a>
88+
<a href="./reading.html">Notes</a>
89+
<a href="./lists.html">Lists</a>
90+
</div>
9091
</div>
91-
</div>
92-
<div class="subnav">
93-
<button class="subnavbtn">Material/Forms&#9662</button>
94-
<div class="subnav-content">
95-
<a href="./material-forms/paper-horns.html">paper-horns</a>
96-
<a href="./material-forms/dressing.html">dressing</a>
97-
<a href="./material-forms/creatures.html">creatures</a>
92+
<div class="subnav">
93+
<button class="subnavbtn">Material/Forms&#9662</button>
94+
<div class="subnav-content">
95+
<a href="./material-forms/paper-horns.html">paper-horns</a>
96+
<a href="./material-forms/dressing.html">dressing</a>
97+
<a href="./material-forms/creatures.html">creatures</a>
9898

99+
</div>
99100
</div>
100-
</div>
101-
<!-- <div class="subnav">
101+
<!-- <div class="subnav">
102102
<button class="subnavbtn">example&#9662</button>
103103
<div class="subnav-content">
104104
<a href="#link1">Link 1</a>
@@ -107,50 +107,32 @@
107107
<a href="#link4">Link 4</a>
108108
</div>
109109
</div> -->
110-
<a href="./what-the-work-can-do.html">what-the-work-can-do</a>
111-
<a href="./thinking-through-practice.html">thinking-through-practice</a>
112-
<a href="./iterative-proposals.html">proposals</a>
113-
<a href="./questions.html">questions</a>
114-
115-
116-
<script>
117-
window.onscroll = function () { myFunction() };
118-
119-
var header = document.getElementById("myHeader");
120-
var sticky = header.offsetTop;
121-
122-
function myFunction() {
123-
if (window.pageYOffset > sticky) {
124-
header.classList.add("sticky");
125-
} else {
126-
header.classList.remove("sticky");
110+
<a href="./what-the-work-can-do.html">what-the-work-can-do</a>
111+
<a href="./thinking-through-practice.html">thinking-through-practice</a>
112+
<a href="./iterative-proposals.html">proposals</a>
113+
<a href="./questions.html">questions</a>
114+
115+
<script>
116+
window.onscroll = function () { myFunction() };
117+
118+
var header = document.getElementById("myHeader");
119+
var sticky = header.offsetTop;
120+
121+
function myFunction() {
122+
if (window.pageYOffset > sticky) {
123+
header.classList.add("sticky");
124+
} else {
125+
header.classList.remove("sticky");
126+
}
127127
}
128-
}
129-
</script>
128+
</script>
129+
</div>
130130

131-
</div>
132131

133-
<!--old header nav-->
134-
<!-- <div class="header" id="myHeader">
135-
<a class="header" href="./index.html">navigate elsewhere>></a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
136-
<a class="header" href="./index.html">index</a>
137-
&nbsp&nbsp
138-
<a class="header" href="./what-the-work-can-do.html">what-the-work-can-do</a>
139-
&nbsp
140-
<a class="header" href="./questions.html">questions</a>
141-
&nbsp
142-
<a class="header" href="./thinking-through-practice.html">thinking-through-practice</a>&nbsp&nbsp&nbsp&nbsp
143-
<a class="header" href="./iterative-proposals.html">iterative proposals</a>
144-
&nbsp&nbsp&nbsp
145-
<a class="header" href="./lists.html">lists</a>&nbsp&nbsp
146-
147-
</div> -->
148132

149-
133+
</div>
150134

151-
<!--BANNER IMAGE-->
152-
<!-- <img src="./sitations/readings/tabs.jpg" style="width:100%"> -->
153-
<br>
135+
<br>
154136

155137
<!--PAGE CONTENTS-->
156138
<div class="row">
@@ -201,51 +183,59 @@
201183

202184

203185
<!--list 1 readings-->
204-
<div class="column-reading" style="margin:auto;">
186+
<div class="column-reading" style="margin:auto; font-size: 14px; line-height: 1.5; font-family: Calibri, sans-serif; font-weight:200; text-align:left; letter-spacing: 0.16mm;
187+
text-justify: inter-word;">
205188

206189
<!--On this patch of grass-->
207190
<div style="background-color:rgba(214, 212, 230, 0.075)">
208191
<a name="on-this-patch-of-grass" id="on-this-patch-of-grass"></a>
209192
<br>
210-
<p style="font-size: 14px; line-height: 1.5; font-family: Calibri, sans-serif;"> Couture, Daisy, Matt Hern, Selena Couture, et al. 2018. On <i>This Patch of Grass: City Parks on Occupied Land.</i> Fernwood Publishing Company, Ltd.</p>
193+
Couture, Daisy, Matt
194+
Hern, Selena Couture, et al. 2018. On <i>This Patch of Grass: City Parks on Occupied Land.</i>
195+
Fernwood Publishing Company, Ltd.
196+
211197

212-
213198
</div>
214199

215200
<br>
216201

217-
<!--the surrounds-->
202+
<!--the surrounds-->
218203
<div>
219204
<a name="the-surrounds" id="the-surrounds"></a>
220205
<br>
206+
Simone, AbdouMaliq. 2022. <i>The Surrounds: Urban Life within and beyond Capture
207+
</i>. Duke University Press.
221208

222-
209+
<br><br>
223210
</div>
224211

225-
<br>
212+
226213

227-
<!--seeing like a city -->
214+
<!--seeing like a city -->
228215
<div>
229216
<a name="seeing-like-a-city" id="seeing-like-a-city"></a>
230217
<br>
218+
Amin, Ash, and N. J. Thrift. 2017. <i>Seeing like a City</i>. Polity Press.
231219

232-
220+
<br><br>
233221
</div>
234222

235-
<!--metropolis-->
223+
<!--metropolis-->
236224
<div>
237225
<a name="metropolis" id="metropolis"></a>
238226
<br>
239-
227+
228+
Gordillo, Gastón. 2019. “The Metropolis: The Infrastructure of the Anthropocene.” <i>In Infrastructure, Environment, and Life in the Anthropocene</i>, edited by Kregg Hetherington. Duke University Press.
229+
<br> <br>
240230

241231
</div>
242232

243233

244-
<!--lively-cities-->
234+
<!--lively-cities-->
245235
<div>
246236
<a name="lively-cities" id="lively-cities"></a>
247237
<br>
248-
238+
Barua, Maan. 2023. <i>Lively Cities: Reconfiguring Urban Ecology</i>. University of Minnesota Press.
249239

250240
</div>
251241

0 commit comments

Comments
 (0)