Replace minting workflow

[fulldecent]

Old workflow

1. Click available square on billboard / or click mint in toolbar then enter a number
2. Perform the mint transaction (and connect wallet if not already connected)
3. (Magically) know that you need to wait one minute
4. Wait one minute
5. Visit the personalize page
6. Select your Square
7. Fill in details to personalize it
8. Perform personalize transaction

New workflow

1. Click available square on billboard (there is no mint option on toolbar, only a single way to start)
2. A billboard minimap is shown with THE ARROW pointing at your lit-up square(s)
   3. A close-up cropped (with jagged edges) section of the billboard is shown highlighting your selected square(s) and adjacent squares that are ±2 X or Y position from the already selected square(s)
   4. You may click additional squares to add them to the selection
   1. (Farther down the page) a heading "Personalize"
   2. (Farther down the page) a button group "Basic / Advanced" is shown only if there are multiple squares selected
   3. If basic
      1. Type in a title and URL that will apply to each selected square
      2. Type in a link that will apply to each selected square
      3. Show a default image which is just a gradient of two colors and a random angle.
         1. Click to reroll
         2. Click to upload 10x10 px image (see warnings and transparency flattening note from current implementation)
   4. If advanced
   5. ??? (say coming soon)
   6. At bottom there is a button to Mint + personalize (overlay) and show the total price (e.g. 1.002 ETH)

And then

Add a note to show different price breaks. Buy 2+ for ..., 5+ for ...

And the action item is for them to call us in Discord. We will figure out how to do the discount. But later improve the website to make it work automatically (this will require a new smart contract to intermediate sales).

See also

• Limited time rebate program [DISCUSS] #44 special pricing for multiple purchases