tnn1t1s / colorpunx Goto Github PK

this is currently messy and not aligned. make it look good and don't warp the images.

update sizes, layout, skew for mobile

when punks in the colors/[id].js page exceed ~ 100 , image loading falls apart. use a modern approach to this.

when user scrolls thorugh carousel, either by arrows, slide, or thumbnails - update color name, list of punks and all other text.

Could be cool to use some of the animation code in ar.py to explore the network by creating a gif stream of some algorithmic walk.

To start, maybe a straight line through.

[-1, -1, -1, -1]
[0, 0, 0, 0]
[1, 1, 1, 1]

Or, walk down a list of all permutations, with some kind of step.

[-1, -1, -1, -1],
[-1, -1, -1, 1],
[-1, -1, 0, -1],
[-1, -1, 1, -1],
...
[1, 1, 1, -1],
[1, 1, 1, 1]

use Montserrat as in other text - adjust size as needed.

clicking banner or 'Colorpunx' text should bring user back to colorpunx.io/

Each row should include [ data.name which links to data.uri] , image of the color links to colors[id], image of all punks]

Each row should be top aligned and the 'all-punks' image should not be manipulated or stretched in any way to fit. all images should be sized as stored.

this will create an browsable experience across the palette of punks and be useful to show punk owners what their colors are.

#36462d, #43513b, #7f4d36, #32412a, #596d48, #8ea59f, #9fc0ab, #e86570, #42503a, #588149, #9bbc88, #5e7253

Fix issues with pages/[id].js not resolving.

For example, https://colorpunx.io/colors/656361 should load the product page. It should be a static page created by getStaticProps and

Note middle section with text.

convert any img tags to Next/image and get working on Fleek (currently broken)

nextjs UI: Update Carousel to span width of browser space

in image below, this should span from browser left to right w/ margin