tnn1t1s / colorpunx Goto Github PK
View Code? Open in Web Editor NEWpunk rock colors
License: Apache License 2.0
punk rock colors
License: Apache License 2.0
clicking banner or 'Colorpunx' text should bring user back to colorpunx.io/
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
convert any img
tags to Next/image and get working on Fleek (currently broken)
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 is currently messy and not aligned. make it look good and don't warp the images.
when punks in the colors/[id].js page exceed ~ 100 , image loading falls apart. use a modern approach to this.
update sizes, layout, skew for mobile
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.
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
when user scrolls thorugh carousel, either by arrows, slide, or thumbnails - update color name, list of punks and all other text.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.