This week we worked on adding the code directly into the backend of the site, instead of embedding a p5.js sketch. We’re encountering a few errors, but we’re fairly close on figuring this out. We’re going to talk to Anthony Pinter soon to see if he could help out with this issue.

JavaScript Purchase Button

We were able to get the Stripe purchase button to work with the JavaScript implementation The user easily be able to purchase a shirt as a alternative for now instead of hooking up the Printful API

<script async
  src="<https://js.stripe.com/v3/buy-button.js>">
</script>

<stripe-buy-button
  buy-button-id="buy_btn_1MwAgJA6axpFwHXnbb32u5zN"
  publishable-key="pk_live_51Mw9Q1A6axpFwHXn63kBcAGTMz7q0cETwmAOcjrJVjcCMSZCElUjFch3fcqwMkfrzhemFH81pdEixFd1wrwOjAu100n3ev3RBM"
>
</stripe-buy-button>

Storyboard #2

Progression of storyboard

1. It will first have a loading sign for the audience when entering the website
2. It will show a search for Abstract vision
3. Next the audience will see the layout of the website with clean and unique features
4. Then you will be allowed to search a song
5. Generative art will be created with the song
6. The song and generative art will finalize with the user able to purchase on an item/t-shirt

Rough cuts of what we’re thinking