Lists Kit

A plain HTML, CSS, Javascript boilerplate for info directories / listings

Wrote a tutorial for manual deployment without Github, for Peter Askew (or folks who might not use Github) to try out - https://docs.google.com/document/d/17Clrp27HYWGUp2g2OYHZQ3K-eX5FxWgBmd03lmlw0dU/edit?usp=sharing

Updated footer of docs page, added new lighthouse score screenshot and link

Updated blank boilerplate with email obfuscation, modalDescription data, 3rd pricing column, tested Lighthouse - still 100, and mobile scores improved too what?!

Added social discount where if they post on FB about Lists Kit they get 17% off... Payhip is so awesome

Added 3rd column to pricing table in boilerplate based on feedback, and associated media query fixes

Added email obfuscation to hide emails from crawlers in boilerplate. Added new data item for modal description in data array in boilerplate, so that text in modal would be different. Added function to auto-update the lifetime updates superscript tag from the footer's updates in home page.

Started 40% commission affiliate programme, and 27% cumulative referral on Payhip - love how easy Payhip makes this! Everything on one platform. - https://help.payhip.com/article/95-affiliates - https://help.payhip.com/article/124-referral-system

Updated prices on Payhip to reflect new price changes - https://payhip.com/b/zMWic

Changed pricing on home page to end with 7 instead of 9—from 99 / 199 to 97 / 197—because it works (according to consumer marketing psychology)?! Inspo via https://twitter.com/iamfra5er/status/1743267409149276193

Removed "Contact" from footer (repetitive anyway), added "Updates" with ping animation to showcase updates to the boilerplate

Jason Leow Author

Thanks buddy!

0 Likes

Added custom event for tracking clicks on the buy now button using Beam Analytics' unique solution `window.beam("/custom-events/buy-now")`

Added Substack svg icon to footer, fixed social icon links to open in new tab

Added FAQ for non profits and tech for good projects, created google form for enrollment

Set up Payhip store (https://payhip.com/listskit/) and product sales page for Lists Kit - https://payhip.com/b/zMWic

Set up Substack (https://listskit.substack.com/), post first placeholder post - https://listskit.substack.com/p/hello-world

Updated brand colors for better aesthetic of boilerplate, updated readme of listskit-beta repo

💯 I DID IT! 100 Lighthouse scores! Realised I was measuring Lighthouse scores with many embedded large images, doesn't make sense measuring Lighthouse based on that, so decided to create a new boilerplate repo and site on Cloudflare Pages (Lighthouse cheatcode: CF is 10 points faster than Netlify on perf score!), with just 1 generic placeholder img, no embedded fonts, no animation gradients, good color contrast, robots.txt, sitemap.xml - https://listskit-boilerplate.pages.dev/