Skip to content

Commit 1db5e55

Browse files
toddwordstoddwords
committed
website update
1 parent 4276a97 commit 1db5e55

File tree

2 files changed

+84
-117
lines changed

2 files changed

+84
-117
lines changed

‎public/templates/index.hbs

Lines changed: 82 additions & 115 deletions
Original file line numberDiff line numberDiff line change
@@ -25,32 +25,10 @@
2525
<link id="mode" rel="stylesheet" type="text/css" href="/crt.css" />
2626
<link rel="shortcut icon" type="image/png" href="https://sfpc.study/images/sessions/favicon.ico" />
2727
<link rel="stylesheet" href="https://use.typekit.net/thn3crj.css">
28+
<style>
29+
30+
2831
29-
<style>
30-
.stars-marquee {
31-
width: 100%;
32-
overflow: hidden;
33-
/* background: #131313; */
34-
padding: 0.5rem;
35-
}
36-
37-
.marquee-content {
38-
display: inline-block;
39-
white-space: nowrap;
40-
/* animation: stars-marquee 20s linear infinite; */
41-
font-size: 24px;
42-
}
43-
44-
@keyframes stars-marquee {
45-
0% { transform: translateX(100%); }
46-
100% { transform: translateX(-100%); }
47-
}
48-
49-
.char0 { color: #ee3737; }
50-
.char1 { color: #ba7ff1; }
51-
.char2 { color: #b1c44f; }
52-
.char3 { color: #eeb437; }
53-
.char4 { color: #37ee91; }
5432
</style>
5533

5634
<script src="/jquery-3.6.0.min.js"></script>
@@ -110,7 +88,7 @@
11088

11189
<div class="crt-overlay crt-overlay-fullsize"></div>
11290

113-
<div id="shell" class="shell shell-fullsize home animsition spring-25">
91+
<div id="shell" class="shell shell-fullsize home animsition summer-25">
11492

11593
<div class="loader-content">
11694
<p tabindex="0" class="large">
@@ -128,56 +106,13 @@
128106

129107

130108
<div class="intro crt home-intro" style="margin-bottom:-20px">
131-
132-
133-
<marquee class="stars-marquee">
134-
<div class="marquee-content">
135-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
136-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
137-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
138-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
139-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
140-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
141-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
142-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
143-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
144-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
145-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
146-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
147-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
148-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
149-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
150-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
151-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
152-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
153-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
154-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
155-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
156-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
157-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
158-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
159-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
160-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
161-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
162-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
163-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
164-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
165-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
166-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
167-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
168-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
169-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
170-
<span class="char0">*</span><span class="char1">*</span><span class="char2">*</span><span class="char3">*</span><span class="char4">*</span>
171-
</div>
172-
173-
</marquee>
174109
<!-- <div class="break"></div> -->
175110
<p tabindex="0" class="large">
176111
<!-- <span id="session-name"><a href="/sessions/summer-24">Spring 2024</a></span> · -->
177112
The School for Poetic Computation is an experimental school in New York City and online supporting interdisciplinary
178-
study in art, code, hardware and critical theory. It's a place for learning and unlearning.
113+
study in art, code, hardware and critical theory. We just announced our Summer season of programs.
179114
<!-- Learn about our recent transformation <a href="">here</a>, or visit our old website <a href="">here</a>. -->
180-
Learn more about us <a href="about">here</a>. <BR><BR>
115+
Learn more <a href="/sessions/summer-25">here</a>. <BR><BR>
181116
</p>
182117
</div>
183118

@@ -191,18 +126,11 @@
191126

192127
<div class="grid-1 currently">
193128

194-
<div class="grid-2 featured spring-25">
129+
{{!-- <div class="grid-2 featured summer-25">
195130
<div class="featured-text">
196131
<div class="top">
197-
<h4 class="type"><a href="/sessions/spring-25">session</a></h4>
198-
<h2 id="ascii" style=""><pre>
199-
___ ___ ___ ___ ___ ___ ___ ___ ___
200-
| | | | | | |\ | | | | /| | |
201-
-+- |-+- |-+- + | + | | +- -+- | + | -+- -+-
202-
| | | \ | | \| | | | |/ | | |
203-
--- --- --- --- --- --- ---
204-
</pre>
205-
</h2>
132+
<h4 class="type"><a href="/sessions/summer-25">session</a></h4>
133+
<h2> Summer 2025
206134
207135
</h2>
208136
@@ -211,38 +139,65 @@
211139
<h4 class="details">March 23 - May 29, 2025 <span class="dot">·</span> 5 classes </h4>
212140
</div>
213141
</div>
214-
</div>
215-
<div class="grid-4 featured spring-25">
142+
</div> --}}
143+
<div class="grid-4 featured summer-25 online-class">
216144

217145
<div class="featured-text">
218146
<div class="top">
219-
<h4 class="type"><a href="/sessions/spring-25/cybernetic-sculpture">class</a></h4>
220-
<h2 class="title class" style="overflow-wrap: break-word; color:#37ee91">Code Societies:<br> Cybernetic Sculpture</h2>
221-
<h6 class="index-teachers">with Melanie Hoff</h6>
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>
222150
</div>
223151
<div class="bottom">
224-
<br><h4 class="details">Tue 6pm ET or Thu 4:30pm ET (10 weeks)<span class="dot">·</span>Online (Zoom) <span
225-
class="dot">·</span>Applications closed</h4>
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>
226154
</div>
227155
</div>
228156
</div>
229157

230158

231-
<div class="grid-4 featured spring-25">
159+
<div class="grid-4 featured summer-25 online-class">
160+
<div class="featured-text">
161+
<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>
165+
</div>
166+
<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>
169+
</div>
170+
</div>
171+
</div>
172+
<div class="grid-4 featured summer-25 online-class">
232173
<div class="featured-text">
233174
<div class="top">
234-
<h4 class="type"><a href="/sessions/spring-25/damage-overflow-value">class</a></h4>
235-
<h2 class="title class" style="overflow-wrap: break-word; color:#ba7ff1">Damage Overflow Value: Race in Video Games</h2>
236-
<h6 class="index-teachers">with Cameron A. Granger</h6>
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>
237178
</div>
238179
<div class="bottom">
239-
<br><h4 class="details">Sun 6pm ET or Wed 6pm ET (10 weeks)<span class="dot">·</span>Online (Zoom) <span
240-
class="dot">·</span>Applications closed</h4>
180+
<br><h4 class="details">Wed 12pm ET or Fri 10am ET (5 weeks)<span class="dot">·</span>Online (Zoom) <span
181+
class="dot">·</span>Applications open</h4>
241182
</div>
242183
</div>
243184
</div>
244185

245186

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>
200+
246201

247202

248203

@@ -252,50 +207,62 @@
252207
<div class="grid-1 currently">
253208

254209

255-
<div class="grid-4 featured spring-25">
210+
<div class="grid-4 featured summer-25 online-class">
256211
<div class="featured-text">
257212
<div class="top">
258-
<h4 class="type"><a href="/sessions/spring-25/equipment-for-living">class</a></h4>
259-
<h2 class="title class" style="overflow-wrap: break-word; color:#eeb437" >Equipment for Living </h2>
260-
<h6 class="index-teachers-small">with Rosalie Yu & Charles Berret</h6>
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>
261216
</div>
262217
<div class="bottom">
263-
<br><h4 class="details">Wed 1pm ET or Fri 9am ET (10 weeks)<span class="dot">·</span>Online (Zoom) <span
264-
class="dot">·</span>Applications closed</h4>
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>
265220
</div>
266221
</div>
267222
</div>
268223

269224

270-
<div class="grid-4 featured spring-25">
225+
<div class="grid-4 featured summer-25 weekend-intensive">
271226
<div class="featured-text">
272227
<div class="top">
273-
<h4 class="type"><a href="/sessions/spring-25/advanced-secret-keeping">class</a></h4>
274-
<h2 class="title class" style="overflow-wrap: break-word; color: #b1c44f">Advanced Secret Keeping</h2>
275-
<h6 class="index-teachers-small">with Olivia McKayla Ross & Seldom Chen</h6>
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>
276231
</div>
277232
<div class="bottom">
278-
<br><h4 class="details">Tue 2pm ET or Thu 11am ET (5 weeks)<span class="dot">·</span>Online (Zoom) <span
279-
class="dot">·</span>Applications closed</h4>
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>
280235
</div>
281236
</div>
282237
</div>
283238

284-
<div class="grid-4 featured spring-25">
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">
285253
<div class="featured-text">
286254
<div class="top">
287-
<h4 class="type"><a href="/sessions/spring-25/radio-radius">class</a></h4>
288-
<h2 class="title class" style="color:#ee3737;">Radio Radius: Mini FM and DIY Networks</h2>
289-
<h6 class="index-teachers-small">with Bryant Wells & Miguel Gajdos</h6>
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>
290258
</div>
291259
<div class="bottom">
292-
<br><h4 class="details">Fri 2pm ET (7 weeks) <span class="dot">·</span>Hybrid (Zoom & IRL in NYC) <span
293-
class="dot">·</span>Applications closed</h4>
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>
294262
</div>
295263
</div>
296264
</div>
297-
298-
<div class="grid-4 featured spring-25">
265+
{{!-- <div class="grid-4 featured summer-25">
299266
<div class="featured-text">
300267
<div class="top">
301268
<h4 class="type"><a href="/newsletter">newsletter</a></h4>
@@ -304,7 +271,7 @@
304271
<div class="bottom">
305272
</div>
306273
</div>
307-
</div>
274+
</div> --}}
308275

309276
</div>
310277

‎public/templates/programs/participate.hbs

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -107,7 +107,7 @@
107107

108108

109109
<p>
110-
Applications are now open for our Spring 2025 classes until <strong>February 2nd, 2025</strong>. <a href="https://sfpc.study/share/applySpring2025">Apply now</a> or read more information by clicking on a class from the list below.
110+
Applications are now open for our Summer 2025 classes until <strong>April 27th, 2025</strong>. <a href="https://sfpc.study/share/applySpring2025">Apply now</a> or read more information by clicking on a class from the list below.
111111
</p>
112112
<p>
113113
After the list of classes, find answers to some frequently asked question including information about <a onclick="sectionJump('admissions-process')" href="#admissions-process">what we look for in participants</a>, <a onclick="sectionJump('scholarships')" href="#scholarships">scholarships</a>, and <a onclick="sectionJump('accessibility')" href="#accessibility">accessibility</a>.
@@ -119,7 +119,7 @@
119119
</div>
120120
</section>
121121

122-
{{!-- {{> summer25classBlock}} --}}
122+
{{> summer25classBlock}}
123123

124124
<div class="break"></div>
125125
<section id="admissions-process">

0 commit comments

Comments
 (0)