# Frontend Design Goals
Abstract:
Let people delegate their funds (stables/ETH) and donate the yield
Plug into as many yield sources w/ sufficient TVL
Something like https://rdai.money/, more flexible
Whimsical (Lo-Fi): https://whimsical.com/ukraine-yield-delegator-N7y9NuqJXh81PKMGno3dyF
Figma (Hi-er Fi): https://www.figma.com/file/UWDXK1R47W7jmEwKqbeDqf/%5BFE%5D--Ukraine-Yield-Delegator?node-id=0%3A1
Repository Link: https://github.com/Mherrity/putin-poopy-pants
Example: https://app.rdai.money/choose
Requirements:
Screens:
* Donate/Delegate
* Unstake/Redeem
* View Totals (self and total)
* About???
* Home (which does some combo of above)
* NFTs?
* Leaderboard / guest book (list of .eth names that have participated)
Home
* Connect to wallet
* show total donated/staked from all users
* show total yield being harvested??
* show grid/dropdown of tokens to donate
Delegate/Donate:
* select reward token or LP token
* convert into yield harvesting token (uDai)
Unstake/Redeem:
* swap to original token/desired token
* display total you donated
About
* Copy explaining what we're trying to do
NFT
* iframe of NFT collection OR
* subpage that allows visitors to purchase affiliated NFTs OR
* just a link to the collection page OR
* page to donate NFTs for us to sell OR
* use buildship.dev to deploy simple contract + minting website using webflow
* having 1) base + 2) image training layers
* aiming for 10k pieces (0.05 ETH) => 500 ETH
* with various rarities
* singular sunflower as a base
* properties for NFTs
* background colors: yellow, beige, light green, 2-3 more
* color of flowers: blue, red, yellow, 2-3 more
* petal shapes (and counts): stars, round petals, 4 more?
* flower middle: lines, circles, 2 more
* lines / vines around flowers: 2-3 variations
* brushstrokes: natural strokes, polkadots, 2-3 more
* @michelle to send reference to @indoninja: https://github.com/HashLips/hashlips_art_engine/tree/main/layers
* put on google drive -> send to m to execute using hashlips engine: https://drive.google.com/drive/folders/1eHSrZthKXNcRjU2ubaY-yHFlSzsbY6Mq
* name brainstorm workstream (via notion)
* petry:
* 1) comb: starts thick and wisps out
* 2) seed: opposite of comb, starts thin
* 3) nut: mirrored combs together
* 4) (least important) transitional: dual colored stroke—starts with one color, ends in another
UX requirements:
* il8n and localization of front end from the jump
* cyrillic/slavic/nato country languages
* languages (english, korean, japanese, polish, ukranian, russian, spanish, german, french, italian)
* one click (or 2 click lol) donate: select token and insta-stake, select token to unstake/donate accumulated yield