"Better Call Saul" is a retro-inspired website celebrating Saul Goodman from Breaking Bad and Better Call Saul. It recreates the vibrant, quirky aesthetic of 1990s internet, combining humor, nostalgia, and legal themes for an engaging experience.
Structure and content( I used deprecated tags like tables for the whole layout and marquee tags).
Styling with bold colors and playful fonts (as much inline styling as possible to be accurate to the era).
Interactivity and dynamic elements (as minimal js as possible but had to use it for the eventlisteners).
Scrolling intro text. (To truly capture the essence of the web in the 90s)
Saul's intro with animated GIFs.
Office location and fun phone number marquee.
Legal services with a humorous touch.
Humorous fictional reviews.
Eye-catching, animated offers.
A form to book an instant consultation with the greatest lawyer in the world which is celebrated with a little audio que and dancing gifs.
Interactive legal knowledge test.
Highlights 90s legal cases.
Funny advice from Saul.
As responsive as I could make it :) (html is inherently responsive so that was a nice thing to learn)
Playful answers to common questions.
Leave messages for Saul (an actual working guestbook powered by https://atabook.org/.
Nostalgic images and GIFs.
Tracks site visits as was prevalent in the 90s (https://www.hitwebcounter.com/).
Intro music when users first visit the site and a disco mode for when a consultation is booked.
I was primarily inspired by the aesthetics of the various websites that were popular during the 90s. Very grateful for the wayback machine as I could time travel back to that era and check out all the creativity that was prevalent back then.
I learnt that HTML is responsive by default, marquee tags were a thing, table layouts are kinda hard to work with and also websites used to be very cool.
This was a very fun hackathon and actually my second! Thank you so much for Codédex for the opportunity!
I have been learning react the past month and was hoping to use that but then it would've seemed too modern and would have been difficult to use the deprecated old school tags so I just stuck with html css and js.
Please vote and support!!!!!! :)