Code: https://pastebin.com/Y1fvsZ46 Preview: Base code | My character page (an example of how it can be customised!)
—-
In light of charahub shutting down its servers in march, I decided to rewrite & release the code for my character page!
It’s key feature is that it uses the isotope script to allow you to sort through and filter which characters display on screen.
You can also set a default filter to be displayed on page load (I use it to hide my older characters by default on my oc blog, & display characters from the current chapter of my webcomic, for a couple examples!)
And, if you click on a character’s portrait, a box will appear with more information!
Font awesome icons are also included - you can see me using them for the element icons, & to mark which characters belong to my friends on my character page!
I’ve done my best to make it easy to customise - but unless you completely rewrite the css & html please don’t redistribute it as your own! Isotope is open source though so you’re welcome to make your own page like this with the same jquery :^)
In anycase I hope the code is useful to you 💕
