Dennis Hackethal’s Blog

My blog about philosophy, coding, and anything else that interests me.

New Landing Page and Navbar Design

Published · 1-minute read

My sister designed a logo for fallible.fun and it looks awesome. It's featured on the new landing page:

Image for post

How cool is that logo?

And I redesigned the navbar. It is now only visible on in the standard Bootstrap collapsed style on mobile, and on screens larger than mobile I replaced it with a sidebar. I wanted it to sort of visually disappear when you don't need it so you can focus on the post you're reading:

Image for post

It's the sidebar on the left.

That's it. It's there if you need it, but otherwise it's just about you interacting with the text in front of you.

The text corresponding to each sidebar item appears when it corresponds to the current page, and as you over it:

Image for post

You can't see the cursor there because it's a screenshot, but it's hovering over the notifications item in the sidebar. The same text appears without hovering when you are on the notifications page.

If you enjoyed this article, follow me on Twitter for more content like it.


What people are saying

What are your thoughts?

You are responding to comment #. Clear
Markdown supported. cmd + enter to submit. You have free speech here. You’re responsible for what you write. Terms, privacy policy
Your real name is preferred.
This small puzzle helps protect the blog against automated spam.

New GPG-sign your comment to create or add to a public profile with all your comments. Your name is derived from your public key. No puzzle required.

Paste a detached signature of your comment.

              
Paste your public key if you haven’t before. You consent to your key’s contents being displayed to the public.

              

Preview