Skip to content

Commit

Permalink
donate
Browse files Browse the repository at this point in the history
  • Loading branch information
zai committed Nov 15, 2023
1 parent c1de68d commit b750464
Show file tree
Hide file tree
Showing 8 changed files with 141 additions and 81 deletions.
4 changes: 2 additions & 2 deletions public/css/fundraiser.css
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
:root {
--goal: 600000;
--raised-amount: 9500;
--goal: 400000;
--raised-amount: 0;
--raised-percentage: calc(var(--raised-amount) / var(--goal) * 100%);
--raised: 17%;
--raised-text: '17%';
Expand Down
Binary file modified public/images/fundraiser/.DS_Store
View file
Binary file not shown.
Binary file added public/images/fundraiser/winter-24/hscnlp.jpg
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/fundraiser/winter-24/rpwf.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions public/js/fundraiser.js
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
//goal of the fundraiser, currently $60,000
var goal = 60000;
var goal = 40000;

// estimated amount raised
var raised = 10500;
var raised = 0;

// end date of fundraiser
var end = new Date('January 3, 2023');
7 changes: 7 additions & 0 deletions public/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2295,6 +2295,13 @@ span.reference {
font-size: calc(1 * var(--medium-text));
}

.classacc.accordion dt h3:after {
/* content: ' ⤵'; */
content: '' !important;
/* color: var(--text-link); */
font-size: calc(1 * var(--medium-text));
}

.accordion dt h3.active:after, .accordion dt.active h3:after {
content: '';
}
Expand Down
6 changes: 3 additions & 3 deletions public/templates/donate/product.hbs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,11 +46,11 @@
<script src="/jquery-3.6.0.min.js"></script>
<script src="/js/initShopify.js"></script>
<script>
initShopifyProduct("{{[Shopify ID]}}", "add-to-cart-button-wrapper", "Add to cart")
initShopifyProduct("{{[Shopify ID]}}", "add-to-cart-button-wrapper", "Add to cart")
initShopifyProduct("8119985602711", "addon-sticker-button-wrapper", "Add to cart")
initShopifyProduct("8114457378967", "addon-longsleeve-wrapper", "Add to cart")
// initShopifyProduct("8114457378967", "addon-longsleeve-wrapper", "Add to cart")
initShopifyProduct("7864352080023", "addon-tote-button-wrapper", "Add to cart")
Expand Down Expand Up @@ -130,7 +130,7 @@
</p>
</div>

<h4 class="breadcrumb hide-content"><a href="/store">store</a></h4>
<h4 class="breadcrumb hide-content"><a href="/donate">donate</a></h4>

<div class="hide-content shell-content">
<section>
Expand Down
201 changes: 127 additions & 74 deletions public/templates/donate/storefront.hbs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -97,18 +97,18 @@
</p>
</div>

<!-- <div class="selectors">
<div class="selectors">
<select id="allSections" onchange="sectionJump(this.value)" class=" hide-content">
<option value="">How to contribute...</option>
<option value="section-donate">1. Make a donation</option>
<option value="section-member">2. Become a member</option>
<option value="section-market">3. Shop the market</option>
<option value="section-testimonials">4. Write a testimonial</option>
<option value="section-share">5. Spread the word</option>
<option value="section-follow">6. Follow our progress</option>
<!-- <option value="section-market">3. Shop the market</option> -->
<option value="section-testimonials">3. Write a testimonial</option>
<option value="section-share">4. Spread the word</option>
<!-- <option value="section-follow">5. Follow our progress</option> -->

</select>
</div> -->
</div>


<h4 class="breadcrumb hide-content"><a href="/donate">donate</a></h4>
Expand All @@ -118,13 +118,13 @@
<div class="grid-2">
<!-- <div class="title-image fundraiser-23"> </div> -->
<!-- <h6 class="byline">Donate</h6> -->
<h1>Donate</h1>
<h1>2024 Fundraiser</h1>
<div class="break-noline"></div>
</div>
<div class="grid-2">
<div class="fundraiser-block">
<!-- <div class="fundraiser-block">
<!-- <div class="fundraiser-stats">
<div class="fundraiser-stats">
<span class="fr-left"><h6></h6><h4>days left</h4></span>
<span class="fr-right"><h6></h6><h4>goal</h4></span>
</div>
Expand All @@ -136,19 +136,88 @@
<div class="break-noline-small"></div> -->

<p>In an effort to build an alternative financial framework for continuing education and to establish a practice of mutual aid and reciprocity,
we fundraise year-round to provide resources back into the SFPC community and ensure that no one is ever barred from our program due to their inability to pay.<p>
<p>As the School for Poetic Computation approaches our 10 year anniversary, we’re prototyping a new funding model for a beautiful school. Our goal is to raise $40,000 towards two fully funded classes in 2024. We invite you to join us in creating a world where community-funded classes are possible!
<BR><BR>Help us offer two classes for FREE:<BR>
<!-- <p>We’re immensely grateful for the hundreds of community members who made one-time donations, became members on WithFriends, donated or bought items in our community market, asked their employers to match their donations, shared testimonials about their experiences at our school, and spread the word about our Winter 2023 fundraiser! Together, we raised an outstanding total of $90,981 in one month — 150% of our original goal of $60,000! ⁣⁣</p> -->
<!-- <p><a href="/blog/fundraiser-winter-23">learn more...</a> -->
</p>

<dl class="accordion classacc a-stewards">
<div class="entity">

<dt>
<span class="bio bio-float" style="background-image: url('images/fundraiser/winter-24/rpwf.jpg')"
role="img"></span>
<h3>Reading into the Past / Writing into the Future</h3>
<h4 id="role">with Ashley Jane Lewis</h4>
<div class="clear"></div>
<dd><span class="bio" style="background-image: url('images/fundraiser/winter-24/rpwf.jpg')" role="img"></span>
<p>This experimental sci-fi writing workshop is informed by actual science alongside Black and Indigenous traditions. It approaches stories as visceral technologies capable of expanding imaginaries—from individual self expression to collective and systemic forms of historical documentation.

<!-- <BR><BR>
<i>she/her</i> · <a href="mailto:[email protected]">email</a> · <a href="https://zai.zone">website</a> ·
<a href="https://www.instagram.com/beatsbyzai/">instagram</a> -->
</p>
</dd>
</dt>
</div>

<div class="entity">

<dt>
<span class="bio bio-float" style="background-image: url('images/fundraiser/winter-24/hscnlp.jpg')"
role="img"></span>
<h3>Human-scale Communal Natural Language Processing
</h3>
<h4 id="role">with Allison Parrish</h4>
<div class="clear"></div>
<dd><span class="bio" style="background-image: url('images/fundraiser/winter-24/hscnlp.jpg')" role="img"></span>
<p>This critical coding class takes a communal approach to the subfield of AI called natural language processing. By centering the technology’s impact on people, the planet, and our creative practices, this class encourages students to think beyond its authoritarian and commercial uses.
<!-- <BR><BR>
<i>she/her</i> · <a href="mailto:[email protected]">email</a> · <a href="https://zai.zone">website</a> ·
<a href="https://www.instagram.com/beatsbyzai/">instagram</a> -->
</p>
</dd>
</dt>
</div>


</dl>
<BR><BR>
<p>Both classes address poetic computation in complementary ways by teachers who have generously contributed interdisciplinary curricula in service of a more accessible, inclusive, and beautiful future.
</p>

</div>
</section>

<!-- <div class="break-noline"></div> -->

<section id="section-donate" class="stacked stacked-4">
<div class="grid-1 featured winter-23session">

<div class="grid-1 featured sfpc session">
<div class="featured-text half long">
<div class="top left-disclaimer">
<h2 class="title"><a href="#">Tax deductible donation</a></h2>

<div class="break-noline-small"></div>

</div>
<div class="right">
<p>
Only donations over $250 are eligible for tax deductions.
<a href="https://grayarea.org/initiative/school-for-poetic-computation/" target="_blank">Submit a payment</a> via our fiscal sponsor, or <a href="mailto:[email protected]">email us directly</a> to make a donation of a custom amount.
</p>
<div class="break-noline-small"></div>
<p class ="small">
<i>SFPC is fiscally sponsored by</i> <span class="sponsorlogo grayarea"></span>
</p>

</div>
</div>
</div>


<div class="grid-1 featured session" style="margin-top: 0px !important">
<div class="featured-text half long">
<div class="top left-disclaimer">
<!-- <h4 class="type"><a href="#"></a></h4> -->
Expand Down Expand Up @@ -181,27 +250,7 @@
</div>
</div>

<div class="grid-1 featured sfpc session" style="margin-top: 0px !important">
<div class="featured-text half long">
<div class="top left-disclaimer">
<h2 class="title"><a href="#">Tax deductible donation</a></h2>

<div class="break-noline-small"></div>

</div>
<div class="right">
<p>
Only donations over $250 are eligible for tax deductions.
<a href="https://grayarea.org/initiative/school-for-poetic-computation/" target="_blank">Submit a payment</a> via our fiscal sponsor.
</p>
<div class="break-noline-small"></div>
<p class ="small">
<i>SFPC is fiscally sponsored by</i> <span class="sponsorlogo grayarea"></span>
</p>

</div>
</div>
</div>


</section>

Expand All @@ -216,37 +265,21 @@
class="grid-4 featured tuition-gift product" data-location="
">
<div class="featured-text">
<img src="https://sfpc.study/images/market/circuit-bender.jpg">
<img src="https://sfpc.study/images/market/fruit-bearer.jpg">
<div class="top">
<h4 class="type type-list-comma"><a href="/donate/circuit-bender">circuit bender</a></h4>
<!-- <h2 class="title Purchase">Circiut Bender</h2> -->
<h6 class="">Help a participant attend 1 class day!</h6>
<h4 class="type type-list-comma"><a href="/donate/fruit-bearer">fruit bearer</a></h4>
<h6 class=" Purchase">Help a teacher teach 1 session!</h6>
<!-- <h6>donated by you! </h6> -->
<BR>
<h3><span id=”cost”>$120 - $150</span>
<i>or</i><BR><span id=”cost”>$15/month</span></h3>
<!-- <p class="item inkind" id="tuition-daily"/> -->
<h3><span id=”cost”>$1500 - $6000</span>
<i>or</i><BR><span id=”cost”>$150/month</span></h3>
<!-- <BR> <h4>or $150/month membership</h4> -->
<!-- <p class="item inkind" id="teaching-full"/> -->
</div>

</div>
</div>
<div id="/tuition-gift"
class="grid-4 featured tuition-gift product" data-location="
">
<div class="featured-text">
<img src="https://sfpc.study/images/market/thread-weaver.jpg">
<div class="top">
<h4 class="type type-list-comma"><a href="/donate/thread-weaver">thread weaver</a></h4>
<h6 class=" Purchase">Help a teacher teach 1 class day!</h6>
<!-- <h6>donated by you! </h6> -->
<BR>
<h3><span id=”cost”>$300 - $600</span>
<i>or</i><BR><span id=”cost”>$25/month</span></h3>
<!-- <p class="item inkind" id="teaching-daily"/> -->
</div>

</div>
</div>
<div id="/tuition-gift"
class="grid-4 featured tuition-gift product" data-location="
">
Expand All @@ -264,25 +297,45 @@

</div>
</div>


<div id="/tuition-gift"
class="grid-4 featured tuition-gift product" data-location="
">
<div class="featured-text">
<img src="https://sfpc.study/images/market/fruit-bearer.jpg">
<img src="https://sfpc.study/images/market/thread-weaver.jpg">
<div class="top">
<h4 class="type type-list-comma"><a href="/donate/fruit-bearer">fruit bearer</a></h4>
<h6 class=" Purchase">Help a teacher teach 1 session!</h6>
<h4 class="type type-list-comma"><a href="/donate/thread-weaver">thread weaver</a></h4>
<h6 class=" Purchase">Help a teacher teach 1 class day!</h6>
<!-- <h6>donated by you! </h6> -->
<BR>
<h3><span id=”cost”>$1500 - $6000</span>
<i>or</i><BR><span id=”cost”>$150/month</span></h3>
<!-- <BR> <h4>or $150/month membership</h4> -->
<!-- <p class="item inkind" id="teaching-full"/> -->
<h3><span id=”cost”>$300 - $600</span>
<i>or</i><BR><span id=”cost”>$25/month</span></h3>
<!-- <p class="item inkind" id="teaching-daily"/> -->
</div>

</div>
</div>

<div id="/tuition-gift"
class="grid-4 featured tuition-gift product" data-location="
">
<div class="featured-text">
<img src="https://sfpc.study/images/market/circuit-bender.jpg">
<div class="top">
<h4 class="type type-list-comma"><a href="/donate/circuit-bender">circuit bender</a></h4>
<!-- <h2 class="title Purchase">Circiut Bender</h2> -->
<h6 class="">Help a participant attend 1 class day!</h6>
<!-- <h6>donated by you! </h6> -->
<BR>
<h3><span id=”cost”>$120 - $150</span>
<i>or</i><BR><span id=”cost”>$15/month</span></h3>
<!-- <p class="item inkind" id="tuition-daily"/> -->
</div>

</div>
</div>


</div>
</section>
Expand Down Expand Up @@ -330,7 +383,7 @@
</div>


<!-- <div class="break-noline"></div>
<div class="break-noline"></div>

<section id="section-share" class="stacked stacked-4">
<div class="grid-1 featured sfpc session">
Expand Down Expand Up @@ -360,13 +413,15 @@
</div>
</div>

</section> -->

</section>




<!-- <div class="break"></div> -->

<!-- <section id="section-follow" class="stacked stacked-4">
<div class="fundraiser-block">
<!-- <section id="section-follow" class="stacked stacked-4"> -->
<!-- <div class="fundraiser-block">
<div class="fundraiser-stats">
<span class="fr-left"><h6></h6><h4>days left</h4></span>
Expand All @@ -378,22 +433,20 @@
</div>
<div class="break-noline"></div>
<div class="break-noline"></div> -->

<p tabindex="0" class="large">
As we work towards our goal, follow along to see spotlights on items in the community market, testimonials from participants and teachers, progress updates, plus some special surprises!

<!-- <p tabindex="0" class="large">
Join our <a href="https://stats.sender.net/forms/e09QVa/view">newsletter</a> to stay up to date on future
sessions and events, and
follow us on <a href="https://instagram.com/sfpc_nyc">Instagram</a> and <a
href="https://twitter.com/sfpc">Twitter</a>.
Become a member on <a
href="https://withfriends.co/school_for_poetic_computation/join">WithFriends</a>.
Get in touch over <a href="mailto:[email protected]">email</a>.
</p>
</p> -->

</section> -->
<!-- </section> -->



Expand Down

0 comments on commit b750464

Please sign in to comment.