Lists Kit

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

Made static testimonials section responsive, and other media query/CSS bug fixes

Day 1055 - The calm joy of using a vanilla tech stack - https://golifelog.com/posts/the-calm-joy-of-using-a-vanilla-tech-stack-1700543445758

Added new component - centered CTA section with animated gradient CTA button

Hand-drew a logo using a black Sharpie and on the back of an envelope after being challenged by @poppacalypse haha

Carl Poppa 🛸

haha! actually i love it! :D

0 Likes
Jason Leow Author

I probably got to just make the call. Don't have enough traffic to AB test. 😄

0 Likes

Increased font-size of FAQs headers to match font size of headers in cards

Added 📋 listskit.com (SOON!) to my Twitter bio as forcing function to ship that sh*t - now I fully committed!

Finally, fixed the weird spacing and margins for the cards and cards container, after deciding to switch to centered alignment. Had to finally use some flexbox

Replaced unicode heart with Fontawesome heart icon in cards so that it doesn't render into a red emoji on phones

Lots of style fixes for ultra small screen of 375px (iPhone SE), especially the dang carousel slider. Thinking of removing it altogether and just using static testimonials

Dumbed down the tagline to make it easier to understand what it does

Looks like it's 90% complete! Realised this current boilerplate version is a travel-theme inspired one. I'm thinking of making 2-3 more versions to showcase the possibilities. Definitely making a SaaS version! What else? What would be popular?

Added CTA section, rolled my own loading spinner, fixes to spacing for resp

Added responsive navbar, added big font look, improved media queries