Redesign Your Streamlit Landing Page using HTML and CSS Injection
Want to see how to do a hero section in a Streamlit app and a design process for the landing page for my micro SaaS project? Discover how HTML injection or inline HTML within Streamlit's markdown can help you transform a initial concept into an attractive, usable landing page. Plus I'll share some practical insights and useful advice to enhance your own projects. Stay tuned for my next video where I’ll cover how to add a feature by building a custom social media calendar for even more functionality!
00:00 : Introduction and Preview
00:06 : Adding the Hero Section
00:16 : Creating a New Branch in Version Control
01:06 : Editing the Homepage.py File
02:07 : Adding the Logo to the Assets
03:22 : Styling and Troubleshooting the Hero Section
04:55 : Adjusting Text, Fonts, and Styles
06:02 : Using HTML and CSS for Design Customization
07:08 : Final Touches and Refreshing the Page
08:57 : Next Steps and Building Beyond the Landing Page
0️⃣ Watch this video for my Streamlit + uv project setup: • 5 Minute Streamlit Project Setup with uv
1️⃣ Watch this one to see how I made the app modular with Setuptools: • Clean Code for My Micro SaaS - Organizing ...
2️⃣ Watch this one for how to modify an existing tutorial: • How to Steal Like a Developer - Building a...
🗞️ Sign up for the Newsletter to get the link for the 100 Day Study Sprint from my book, Python for Doers: http://eepurl.com/jivmaM
Software & other stuff:
🤖 Streamlit: https://streamlit.io
✨Astral's uv Python package manager: https://docs.astral.sh/uv/getting-sta...