Skip to content

Commit

Permalink
updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@toddwords
toddwords committed Jul 15, 2024
1 parent b85e471 commit 8c3585d
Show file tree
Hide file tree
Showing 12 changed files with 174 additions and 63 deletions.
Binary file added public/images/sessions/fall-24/cover_banner.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/sessions/fall-24/stickers/bean.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/sessions/fall-24/stickers/flower.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/sessions/fall-24/stickers/flowers.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/sessions/fall-24/stickers/sfpc.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/sessions/fall-24/stickers/sparkle.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/sessions/fall-24/stickers/star.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/sessions/fall-24/stickers/sun.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
18 changes: 18 additions & 0 deletions public/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -380,6 +380,24 @@ font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
font-size: calc(var(--large-text) * .7) !important;
}

.fall-24 .sticker {
position:absolute;
width:calc(50px + 2vw);
z-index:9999;
pointer-events: none;

}
.fall-24 #home {
gap:0px;
position:relative;
}
.currently .fall-24, .fall-24 .home-intro {
position:relative;
}
.fall-24 p.large {
font-size: calc(20px + 1.5vw);
}

.summer-24.featured .title,
.summer-24 #session-name, #tag.summer-24 {
font-family: var(--summer-24-title-font) !important;
Expand Down
185 changes: 139 additions & 46 deletions public/templates/index2.hbs → public/templates/index_summer24.hbs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -85,7 +85,7 @@

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

<div id="shell" class="shell shell-fullsize home animsition fall-24">
<div id="shell" class="shell shell-fullsize home animsition summer-24">

<div class="loader-content">
<p tabindex="0" class="large">
Expand Down Expand Up @@ -124,126 +124,136 @@

<div class="grid-1 currently">

<div class="grid-4 featured fall-24">
<div class="grid-2 featured summer-24">
<div class="featured-text">
<div class="top">
<h4 class="type"><a href="/sessions/fall-24">session</a></h4>
<h2 class="title class" style="font-family: Dreamer !important; font-size:var(--large-text)">Fall 2024</h2>
<h4 class="type"><a href="/sessions/summer-24">session</a></h4>
<h2 class="title class">Summer 2024</h2>
</div>
<div class="bottom">
<h4 class="details">September 15 - November 21, 2024 <span class="dot">·</span> 6 classes </h4>
<h4 class="details">June 9 - August 17, 2024 <span class="dot">·</span> 5 classes </h4>
</div>
</div>
</div>

<div class="grid-4 featured fall-24">
<!-- <div class="grid-4 featured summer-24">
<div class="featured-text">
<div class="top">
<h4 class="type"><a href="/sessions/fall-24/digital-love-languages">class</a></h4>
<h2 class="title class">Digital Love Languages
<span class="dot">·</span>
<span style="font-size:0.7em">with Melanie Hoff</span>
</h2>
<h4 class="type"><a href="/sessions/summer-24">session</a></h4>
<h2 class="title class">Summer 2024</h2>
</div>
<div class="bottom">
<h4 class="details">September 17 - November 21, 2024 (10 weeks)<span class="dot">·</span>Online (Zoom) <span
class="dot">·</span>Applications open</h4>
<h4 class="details">September 17 - November 29, 2023 <span class="dot">·</span> 5 classes </h4>
</div>
</div>
</div>
</div> -->

<!-- <div class="grid-4 featured summer-24">
<div class="featured-text">
<div class="top">
<h4 class="type"><a href="/sessions/summer-24/rpwf">class</a></h4>
<h2 class="title class">Reading Into the Past / Writing Into the Future</h2>
</div>
<div class="bottom">
<h4 class="details">March 24 - May 29, 2024 <span class="dot">·</span>Online (Zoom) ·
</span>Applications open</h4>
</div>
</div>
</div> -->

<div class="grid-4 featured fall-24">
<div class="grid-4 featured summer-24">
<div class="featured-text">
<div class="top">
<h4 class="type"><a href="/sessions/fall-24/to-the-streets">class</a></h4>
<h2 class="title class">TO THE STREETS!
<span class="dot">·</span>
<span style="font-size:0.7em">with Lukaza Branfman-Verissimo</span>
<h4 class="type"><a href="/sessions/summer-24/human-scale-nlp">class</a></h4>
<h2 class="title class">Human-scale Natural Language Processing
<span class="dot">·</span>
<span style="font-size:0.7em">with Allison Parrish</span>
</h2>
</div>
<div class="bottom">
<h4 class="details">September 18 - October 19, 2024 (5 weeks)<span class="dot">·</span>Online (Zoom) <span
class="dot">·</span>Applications open</h4>
<h4 class="details">June 13 - July 20, 2024 <span class="dot">·</span>Online (Zoom) ·
</span>Applications closed</h4>
</div>
</div>
</div>

<div class="grid-4 featured fall-24">

<div class="grid-4 featured summer-24">
<div class="featured-text">
<div class="top">
<h4 class="type"><a href="/sessions/fall-24/agential-worldbuilding">class</a></h4>
<h2 class="title class">Agential Worldbuilding
<h4 class="type"><a href="/sessions/summer-24/imperfect-pictures">class</a></h4>
<h2 class="title class">Imperfect Pictures
<span class="dot">·</span>
<span style="font-size:0.7em">with Viktor Timofeev</span>
<span style="font-size:0.7em">with Molly Soda</span>
</h2>
</div>
<div class="bottom">
<h4 class="details">September 17 - November 20, 2024 (10 weeks)<span class="dot">·</span>Online (Zoom) <span
class="dot">·</span>Applications open</h4>
<h4 class="details">June 9 - August 13, 2024 <span class="dot">·</span>Online (Zoom) ·
</span>Applications closed</h4>
</div>
</div>
</div>





</div>


<div class="grid-1 currently">


<div class="grid-4 featured fall-24">
<div class="grid-4 featured summer-24">
<div class="featured-text">
<div class="top">
<h4 class="type"><a href="/sessions/fall-24/repatterning-and-practice">class</a></h4>
<h2 class="title class" >Repatterning and Practice: Incantations for the Apocalypse
<h4 class="type"><a href="/sessions/summer-24/worlds-in-conversation">class</a></h4>
<h2 class="title class">Worlds in Conversation
<span class="dot">·</span>
<span style="font-size:0.7em">with Amina Ross</span>
<span style="font-size:0.7em">with Everest Pipkin</span>
</h2>
</div>
<div class="bottom">
<h4 class="details">September 15 - November 23, 2024 (10 weeks) <span class="dot">·</span>Online (Zoom) <span
class="dot">·</span>Applications open</h4>
<h4 class="details">June 12 - August 17, 2024 <span class="dot">·</span>Online (Zoom) ·
</span>Applications closed</h4>
</div>
</div>
</div>


<div class="grid-4 featured fall-24">
<div class="grid-4 featured summer-24">
<div class="featured-text">
<div class="top">
<h4 class="type"><a href="/sessions/fall-24/spectacle-presence-poetry">class</a></h4>
<h2 class="title class">Spectacle, Presence & Poetry
<h4 class="type"><a href="/sessions/summer-24/instructional-intimacies">class</a></h4>
<h2 class="title class">Instructional Intimacies
<span class="dot">·</span>
<span style="font-size:0.7em">with Gabrielle Octavia Rucker</span>
<span style="font-size:0.7em">with Maryam Monalisa Gharavi</span>
</h2>
</div>
<div class="bottom">
<h4 class="details">September 15 - October 16, 2024 (5 weeks)<span class="dot">·</span>Online (Zoom) <span
class="dot">·</span>Applications open</h4>
<h4 class="details">June 9 - August 11, 2024 <span class="dot">·</span>Online (Zoom) ·
</span>Applications closed</h4>
</div>
</div>
</div>

<div class="grid-4 featured fall-24">
<div class="grid-4 featured summer-24">
<div class="featured-text">
<div class="top">
<h4 class="type"><a href="/sessions/fall-24/scripting-is-scrying">class</a></h4>
<h2 class="title class">Scripting is Scrying
<h4 class="type"><a href="/sessions/summer-24/musical-web">class</a></h4>
<h2 class="title class">The Musical Web
<span class="dot">·</span>
<span style="font-size:0.7em">with Aarati Akkapeddi</span>
<span style="font-size:0.7em">with Tommy Martinez</span>
</h2>
</div>
<div class="bottom">
<h4 class="details">September 18 - November 21, 2024 (10 weeks) <span class="dot">·</span>Online (Zoom) <span
class="dot">·</span>Applications open</h4>
<h4 class="details">June 10 - August 12, 2024 <span class="dot">·</span>Online (Zoom) ·
</span>Applications closed</h4>
</div>
</div>
</div>

<div class="grid-4 featured fall-24">
<div class="grid-4 featured summer-24">
<div class="featured-text">
<div class="top">
<h4 class="type"><a href="/newsletter">newsletter</a></h4>
Expand All @@ -254,11 +264,94 @@
</div>
</div>

<!-- <div class="grid-2 featured summer-24">
<div class="featured-text">
<div class="top">
<h4 class="type"><a href="/newsletter">newsletter</a></h4>
<h3>Stay updated about upcoming programs!</h3>
</div>
<div class="bottom">
</div>
</div>
</div> -->




</div>

</div>


<!-- <div class="grid-1 currently"> -->
<!-- <div class="grid-4 featured spring-24">
<div class="featured-text">
<div class="top">
<h4 class="type"><a href="/sessions/spring-24/algorithmic-botany">class</a></h4>
<h2 class="title class">Algorithmic Botany</h2>
</div>
<div class="bottom">
<h4 class="details">January 18 - March 23, 2023 <span class="dot">·</span> Online (Zoom)
· Applications open</h4>
</div>
</div>
</div> -->


<!-- <div class="grid-4 featured spring-24">
<div class="featured-text">
<div class="top">
<h4 class="type"><a href="/sessions/spring-24/algorithmic-botany">session</a></h4>
<h2 class="title class">fall 2023</h2>
</div>
<div class="bottom">
<h4 class="details">January 18 - March 23, 2023 <span class="dot">·</span> Online (Zoom)
· Applications open</h4>
</div>
</div>
</div> -->

<!-- <div class="grid-4 featured spring-24">
<div class="featured-text">
<div class="top">
<h4 class="type"><a href="/sessions/spring-24/alternative-typgraphic-histories">class</a></h4>
<h2 class="title class">Alternative Typographic Histories</h2>
</div>
<div class="bottom">
<h4 class="details">June 4 - August 6, 2023 <span class="dot">·</span>Online (Zoom) · Applications open</h4>
</div>
</div>
</div>
<div class="grid-4 featured spring-24 ">
<div class="featured-text">
<div class="top">
<h4 class="type"><a href="/sessions/spring-24/networked-performance">class</a></h4>
<h2 class="title class">Experiments in Networked Performance</h2>
</div>
<div class="bottom">
<h4 class="details">June 5 - July 8, 2023 <span class="dot">·</span>Online (Zoom) · Applications open</h4>
</div>
</div>
</div>
<div class="grid-2 featured spring-24">
<div class="featured-text">
<div class="top">
<h4 class="type"><a href="/newsletter">newsletter</a></h4>
<h3>Stay updated about upcoming programs!</h3>
</div>
<div class="bottom">
</div>
</div>
</div> -->

<!-- </div> -->

</div>

Expand Down
22 changes: 11 additions & 11 deletions public/templates/partials/classBoilerplate.hbs
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<section id="section-accessibility" class="hide-regDone">
<section id="section-accessibility" class="">
<div class="grid-2">
<h1>Accessibility</h1>
</div>
Expand All @@ -22,10 +22,10 @@

<!-- {{#if applicationEndDate}} -->

<div class="break hide-regDone"></div>
<div class="break"></div>


<section id="section-apply" class="hide-regDone">
<section id="section-apply" class="">
<div class="grid-2">
<h1>How do I apply?</h1>
</div>
Expand Down Expand Up @@ -62,11 +62,11 @@
</section>
<!-- {{/if}} -->

<div class="break hide-regDone"></div>
<div class="break"></div>



<section id="section-cost" class="hide-regDone">
<section id="section-cost" class="">
<div class="grid-2">
<h1>How much does it cost to attend?</h1>
</div>
Expand Down Expand Up @@ -124,12 +124,12 @@ Through this grant, we offer tuition-free classes that interrogate the role tech
</div>
</section>

<div class="break hide-regDone"></div>
<div class="break"></div>




<section id="section-scholarships" class="hide-regDone">
<section id="section-scholarships" class="">
<div class="grid-2">
<h1>I can’t pay for SFPC. Can I come at a reduced rate, or for free?</h1>
</div>
Expand Down Expand Up @@ -157,10 +157,10 @@ Through this grant, we offer tuition-free classes that interrogate the role tech
</div>
</section>

<div class="break hide-regDone"></div>
<div class="break"></div>


<section id="section-donate" class="hide-regDone">
<section id="section-donate" class="">
<div class="grid-2">
<h1>How can I help others to attend SFPC?</h1>
</div>
Expand All @@ -178,9 +178,9 @@ Through this grant, we offer tuition-free classes that interrogate the role tech
</div>
</section>

<div class="break hide-regDone"></div>
<div class="break"></div>

<section id="section-refund" class="hide-regDone">
<section id="section-refund" class="">
<div class="grid-2">
<h1>What if I can’t go, can I get a refund?</h1>
</div>
Expand Down
Loading

0 comments on commit 8c3585d

Please sign in to comment.