Professional Peefer

nonspace:

PAGE #1 (2.5) REFRACTION w/ Popups [Preview]

Dynamic Character Grid (NONSPACE revamp)
Minimalistic character grid with responsive design, up to ten filter options,  automised colour coding based on filters and popups.

↳ [GITHUB] | [PASTEBIN]

As suggested: here’s the second version of my very first character page’s revamp NONSPACE. Now with popups! It has better design, bigger fonts and better functionality than the first version which I’ll be retiring from here on!

Features:

• 20+ character tiles
• Minimalist character profile
• Detailed character info popup (optional)
• Don’t want the popup? Toggle it off!
• Up to 10 filter categories
• Along with 10 corresponding colour options
• Easily customisable: colours set by central central variables.
• Don’t want the colour coding? Toggle it off with one variable.
• Want the filter links to also be colour coded? Toggle it on!
• Responsive design, works for mobile! (popups sadly not)
• Requires at least basic html/css knowledge.

Edit and customise to your liking. Don’t repost/redistribute and/or claim it as your own. Do not use as a base code. Leave the credit intact, thank you.

As always, explanations for most things are in the code. I’ll be updating them from time to time as I get questions. If you are having issues, take a look at this themes FAQ, or my general FAQ. Not finding anything? Shoot me a message. If you find any bugs – any errors etc., please contact me so I can fix them!