Skip to content

Commit b550afa

Browse files
toddwordstoddwords
committed
add index staging and class block
1 parent 28d84bd commit b550afa

2 files changed

Lines changed: 152 additions & 85 deletions

File tree

‎public/templates/index_staging.hbs‎

Lines changed: 45 additions & 85 deletions
Original file line numberDiff line numberDiff line change
@@ -88,7 +88,7 @@
8888

8989
<div class="crt-overlay crt-overlay-fullsize"></div>
9090

91-
<div id="shell" class="shell shell-fullsize home animsition summer-25">
91+
<div id="shell" class="shell shell-fullsize home animsition fall-25">
9292

9393
<div class="loader-content">
9494
<p tabindex="0" class="large">
@@ -108,11 +108,9 @@
108108
<div class="intro crt home-intro" style="margin-bottom:-20px">
109109
<!-- <div class="break"></div> -->
110110
<p tabindex="0" class="large">
111-
<!-- <span id="session-name"><a href="/sessions/summer-24">Spring 2024</a></span> · -->
111+
<!-- <span id="session-name"><a href="/sessions/fall-24">Spring 2024</a></span> · -->
112112
The School for Poetic Computation is an experimental school in New York City and online supporting interdisciplinary
113-
study in art, code, hardware and critical theory. We just announced our Summer season of programs.
114-
<!-- Learn about our recent transformation <a href="">here</a>, or visit our old website <a href="">here</a>. -->
115-
Learn more <a href="/sessions/summer-25">here</a>. <BR><BR>
113+
study in art, code, hardware and critical theory.
116114
</p>
117115
</div>
118116

@@ -126,143 +124,105 @@
126124

127125
<div class="grid-1 currently">
128126

129-
{{!-- <div class="grid-2 featured summer-25">
127+
<div class="grid-2 featured fall-25">
130128
<div class="featured-text">
131129
<div class="top">
132-
<h4 class="type"><a href="/sessions/summer-25">session</a></h4>
133-
<h2> Summer 2025
130+
<h4 class="type"><a href="/sessions/fall-25">session</a></h4>
131+
<h2> Fall 2025
134132

135133
</h2>
136134

137135
</div>
138136
<div class="bottom">
139-
<h4 class="details">March 23 - May 29, 2025 <span class="dot">·</span> 5 classes </h4>
140-
</div>
141-
</div>
142-
</div> --}}
143-
<div class="grid-4 featured summer-25 online-class">
144-
145-
<div class="featured-text">
146-
<div class="top">
147-
<h4 class="type"><a class="pill" href="/sessions/summer-25/httpoetics">online class</a></h4>
148-
<h2 class="title class" style="overflow-wrap: break-word;">HTTPoetics</h2>
149-
<h6 class="index-teachers">with Todd Anderson</h6>
150-
</div>
151-
<div class="bottom">
152-
<br><h4 class="details">Fri 1pm ET or Sun 6pm ET (5 weeks)<span class="dot">·</span>Online (Zoom) <span
153-
class="dot">·</span>Applications open</h4>
137+
<h4 class="details">TK September 12 - November 23, 2025 <span class="dot">·</span> 5 classes </h4>
154138
</div>
155139
</div>
156140
</div>
157-
158-
159-
<div class="grid-4 featured summer-25 online-class">
141+
<div class="grid-4 featured fall-25 online-class">
160142
<div class="featured-text">
161143
<div class="top">
162-
<h4 class="type"><a class="pill" href="/sessions/summer-25/page-against-the-machine">online class</a></h4>
163-
<h2 class="title class" style="overflow-wrap: break-word;">Page Against the Machine</h2>
164-
<h6 class="index-teachers">with Ariel Yelen</h6>
144+
<h4 class="type"><a class="pill" href="/sessions/fall-25/solidarity-infrastructures">online class</a></h4>
145+
<h2 class="title class" style="overflow-wrap: break-word;" >Solidarity Infrastructures </h2>
146+
<h6 class="index-teachers">with Meghna Mahadevan and Max Fowler</h6>
165147
</div>
166148
<div class="bottom">
167-
<br><h4 class="details">Sun 11am ET or Sun 2pm ET (5 weeks)<span class="dot">·</span>Online (Zoom) <span
168-
class="dot">·</span>Applications open</h4>
149+
<br><h4 class="details">TK Mon 9am ET or Wed 6pm ET (10 weeks)<span class="dot">·</span>Online (Zoom) <span
150+
class="dot">·</span>Applications open</h4>
169151
</div>
170152
</div>
171153
</div>
172-
<div class="grid-4 featured summer-25 online-class">
154+
<div class="grid-4 featured fall-25 online-class">
173155
<div class="featured-text">
174156
<div class="top">
175-
<h4 class="type"><a class="pill" href="/sessions/summer-25/to-the-streets">online class</a></h4>
176-
<h2 class="title class" style="overflow-wrap: break-word;">TO THE STREETS!</h2>
177-
<h6 class="index-teachers">with Lukaza Branfman-Verissimo</h6>
157+
<h4 class="type"><a class="pill" href="/sessions/fall-25/interrogating-computational-approaches">online class</a></h4>
158+
<h2 class="title class" style="overflow-wrap: break-word;">Interrogating Computational Approaches to Art</h2>
159+
<h6 class="index-teachers">with Omayeli Arenyeka</h6>
178160
</div>
179161
<div class="bottom">
180-
<br><h4 class="details">Wed 12pm ET or Fri 10am ET (5 weeks)<span class="dot">·</span>Online (Zoom) <span
162+
<br><h4 class="details">TK Fri 1pm ET or Sun 6pm ET (5 weeks)<span class="dot">·</span>Online (Zoom) <span
181163
class="dot">·</span>Applications open</h4>
182164
</div>
183165
</div>
184166
</div>
185167

186168

187-
<div class="grid-4 featured summer-25 online-class">
188-
<div class="featured-text">
189-
<div class="top">
190-
<h4 class="type"><a class="pill" href="/sessions/summer-25/decoding-live-coding">online class</a></h4>
191-
<h2 class="title class" style="overflow-wrap: break-word;">Decoding Tendencies in Live Coding</h2>
192-
<h6 class="index-teachers">with Roxanne Harris</h6>
193-
</div>
194-
<div class="bottom">
195-
<br><h4 class="details">Tue 6:30pm ET or Thu 6:30pm ET (10 weeks)<span class="dot">·</span>Online (Zoom) <span
196-
class="dot">·</span>Applications open</h4>
197-
</div>
198-
</div>
199-
</div>
200169

201170

202171

203172

204-
</div>
205173

206174

175+
</div>
207176
<div class="grid-1 currently">
208177

209-
210-
<div class="grid-4 featured summer-25 online-class">
178+
<div class="grid-4 featured fall-25 online-class">
211179
<div class="featured-text">
212180
<div class="top">
213-
<h4 class="type"><a class="pill" href="/sessions/summer-25/imperfect-pictures">online class</a></h4>
214-
<h2 class="title class" style="overflow-wrap: break-word;" >Imperfect Pictures </h2>
215-
<h6 class="index-teachers">with Molly Soda</h6>
181+
<h4 class="type"><a class="pill" href="/sessions/fall-25/athletic-aesthetics">online class</a></h4>
182+
<h2 class="title class" style="overflow-wrap: break-word;">Athletic Aesthetics of Video Games</h2>
183+
<h6 class="index-teachers">with Blake Andrews</h6>
216184
</div>
217185
<div class="bottom">
218-
<br><h4 class="details">Mon 9am ET or Wed 6pm ET (10 weeks)<span class="dot">·</span>Online (Zoom) <span
219-
class="dot">·</span>Applications open</h4>
186+
<br><h4 class="details">TK Sun 11am ET or Sun 2pm ET (5 weeks)<span class="dot">·</span>Online (Zoom) <span
187+
class="dot">·</span>Applications open</h4>
220188
</div>
221189
</div>
222190
</div>
223191

224-
225-
<div class="grid-4 featured summer-25 weekend-intensive">
192+
<div class="grid-4 featured fall-25 online-class">
226193
<div class="featured-text">
227194
<div class="top">
228-
<h4 class="type "><a class="pill" href="/sessions/summer-25/becoming-hypertext">weekend intensive</a></h4>
229-
<h2 class="title class" style="overflow-wrap: break-word;">Becoming Hypertext</h2>
230-
<h6 class="index-teachers">with Chia Amisola</h6>
195+
<h4 class="type"><a class="pill" href="/sessions/fall-25/politics-culture-sampling">online class</a></h4>
196+
<h2 class="title class" style="overflow-wrap: break-word;">Politics and Culture of Sampling</h2>
197+
<h6 class="index-teachers">with Devin Kaif Kenny</h6>
231198
</div>
232199
<div class="bottom">
233-
<br><h4 class="details">Fri-Sun July 11-13<span class="dot">·</span>In-Person (NYC) <span
234-
class="dot">·</span>Sign-ups open (no application necessary)</h4>
200+
<br><h4 class="details">TK Wed 12pm ET or Fri 10am ET (10 weeks)<span class="dot">·</span>Online (Zoom) <span
201+
class="dot">·</span>Applications open</h4>
235202
</div>
236203
</div>
237204
</div>
238205

239-
<div class="grid-4 featured summer-25 weekend-intensive ">
240-
<div class="featured-text ">
241-
<div class="top">
242-
<h4 class="type "><a class="pill" href="/sessions/summer-25/riso-animation">weekend intensive</a></h4>
243-
<h2 class="title class" style="overflow-wrap: break-word;">Riso Animation Workshop</h2>
244-
<h6 class="index-teachers">with Kelli Anderson</h6>
245-
</div>
246-
<div class="bottom">
247-
<br><h4 class="details">Sat-Sun July 19-20<span class="dot">·</span>In-Person (NYC) <span
248-
class="dot">·</span>Sign-ups open (no application necessary)</h4>
249-
</div>
250-
</div>
251-
</div>
252-
<div class="grid-4 featured summer-25 weekend-intensive">
206+
207+
<div class="grid-4 featured fall-25 online-class">
253208
<div class="featured-text">
254209
<div class="top">
255-
<h4 class="type "><a class="pill" href="/sessions/summer-25/consensual-hacking">weekend intensive</a></h4>
256-
<h2 class="title class" style="overflow-wrap: break-word;">Consensual Hacking</h2>
257-
<h6 class="index-teachers">with Melanie Hoff</h6>
210+
<h4 class="type"><a class="pill" href="/sessions/fall-25/platform-sabotage">online class</a></h4>
211+
<h2 class="title class" style="overflow-wrap: break-word;">Platform Sabotage</h2>
212+
<h6 class="index-teachers">with Herdimas Anggara</h6>
258213
</div>
259214
<div class="bottom">
260-
<br><h4 class="details">Fri-Sun July 25-27<span class="dot">·</span>In-Person (NYC) <span
261-
class="dot">·</span>Sign-ups open (no application necessary)</h4>
215+
<br><h4 class="details">TK Tue 6:30pm ET or Thu 6:30pm ET (7 weeks)<span class="dot">·</span>Online (Zoom) <span
216+
class="dot">·</span>Applications open</h4>
262217
</div>
263218
</div>
264219
</div>
265-
{{!-- <div class="grid-4 featured summer-25">
220+
221+
222+
223+
224+
225+
<div class="grid-4 featured fall-25">
266226
<div class="featured-text">
267227
<div class="top">
268228
<h4 class="type"><a href="/newsletter">newsletter</a></h4>
@@ -271,7 +231,7 @@
271231
<div class="bottom">
272232
</div>
273233
</div>
274-
</div> --}}
234+
</div>
275235

276236
</div>
277237

‎public/templates/partials/fall25classBlock.hbs‎

Lines changed: 107 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,107 @@
1+
2+
3+
<section id="class-block" class="intro-featured fall-25">
4+
5+
<div class="rows-2">
6+
7+
<div class="grid-1 currently">
8+
9+
<div class="grid-2 featured fall-25">
10+
<div class="featured-text">
11+
<div class="top">
12+
<h4 class="type"><a href="/sessions/fall-25">session</a></h4>
13+
<h2> Fall 2025
14+
15+
</h2>
16+
17+
</div>
18+
<div class="bottom">
19+
<h4 class="details">September 12 - November 23, 2025 <span class="dot">·</span> 5 classes </h4>
20+
</div>
21+
</div>
22+
</div>
23+
<div class="grid-4 featured fall-25 online-class">
24+
25+
<div class="grid-4 featured fall-25 online-class">
26+
<div class="featured-text">
27+
<div class="top">
28+
<h4 class="type"><a class="pill" href="/sessions/fall-25/solidarity-infrastructures">online class</a></h4>
29+
<h2 class="title class" style="overflow-wrap: break-word;" >Solidarity Infrastructures </h2>
30+
<h6 class="index-teachers">with Meghna Mahadevan and Max Fowler</h6>
31+
</div>
32+
<div class="bottom">
33+
<br><h4 class="details">TK Mon 9am ET or Wed 6pm ET (10 weeks)<span class="dot">·</span>Online (Zoom) <span
34+
class="dot">·</span>Applications open</h4>
35+
</div>
36+
</div>
37+
</div>
38+
<div class="grid-4 featured fall-25 online-class">
39+
<div class="featured-text">
40+
<div class="top">
41+
<h4 class="type"><a class="pill" href="/sessions/fall-25/interrogating-computational-approaches">online class</a></h4>
42+
<h2 class="title class" style="overflow-wrap: break-word;">Interrogating Computational Approaches to Art</h2>
43+
<h6 class="index-teachers">with Omayeli Arenyeka</h6>
44+
</div>
45+
<div class="bottom">
46+
<br><h4 class="details">TK Fri 1pm ET or Sun 6pm ET (5 weeks)<span class="dot">·</span>Online (Zoom) <span
47+
class="dot">·</span>Applications open</h4>
48+
</div>
49+
</div>
50+
</div>
51+
52+
53+
54+
55+
</div>
56+
57+
58+
<div class="grid-1 currently">
59+
60+
61+
div class="grid-4 featured fall-25 online-class">
62+
<div class="featured-text">
63+
<div class="top">
64+
<h4 class="type"><a class="pill" href="/sessions/fall-25/athletic-aesthetics">online class</a></h4>
65+
<h2 class="title class" style="overflow-wrap: break-word;">Athletic Aesthetics of Video Games</h2>
66+
<h6 class="index-teachers">with Blake Andrews</h6>
67+
</div>
68+
<div class="bottom">
69+
<br><h4 class="details">TK Sun 11am ET or Sun 2pm ET (5 weeks)<span class="dot">·</span>Online (Zoom) <span
70+
class="dot">·</span>Applications open</h4>
71+
</div>
72+
</div>
73+
</div>
74+
75+
<div class="grid-4 featured fall-25 online-class">
76+
<div class="featured-text">
77+
<div class="top">
78+
<h4 class="type"><a class="pill" href="/sessions/fall-25/politics-culture-sampling">online class</a></h4>
79+
<h2 class="title class" style="overflow-wrap: break-word;">Politics and Culture of Sampling</h2>
80+
<h6 class="index-teachers">with Devin Kaif Kenny</h6>
81+
</div>
82+
<div class="bottom">
83+
<br><h4 class="details">TK Wed 12pm ET or Fri 10am ET (10 weeks)<span class="dot">·</span>Online (Zoom) <span
84+
class="dot">·</span>Applications open</h4>
85+
</div>
86+
</div>
87+
</div>
88+
89+
90+
<div class="grid-2 featured fall-25 online-class">
91+
<div class="featured-text">
92+
<div class="top">
93+
<h4 class="type"><a class="pill" href="/sessions/fall-25/platform-sabotage">online class</a></h4>
94+
<h2 class="title class" style="overflow-wrap: break-word;">Platform Sabotage</h2>
95+
<h6 class="index-teachers">with Herdimas Anggara</h6>
96+
</div>
97+
<div class="bottom">
98+
<br><h4 class="details">TK Tue 6:30pm ET or Thu 6:30pm ET (7 weeks)<span class="dot">·</span>Online (Zoom) <span
99+
class="dot">·</span>Applications open</h4>
100+
</div>
101+
</div>
102+
</div>
103+
104+
</div>
105+
106+
</div>
107+
</section>

0 commit comments

Comments
 (0)