Design Enhancement

[VaibhavSharma24]

I want to add some attractive Navbar and Footer on this website which will enhance the overall experience

[SUJALWEB]

hey, I want to controbute in this issue

[tsatke]

I think the best way to continue here is to just provide a PR with the changes, preferably with screenshots if there are changes to the ui.

[VaibhavSharma24]

Sure i am on it

[phil-opp]

Could you clarify what kind of navbar/footer you imagine? Are there any usability issues that you like to fix or is this only about changing the design?

[VaibhavSharma24]

I am thinking of a minimalist sticky header on top with these heading -> Writing an OS in Rust Philipp Oppermann's blog and a Footer with © 2022. All rights reserved. [License][Contact]

The main advantage is while loading your code the web browser knows the header and footer portion. It helps in prioritizing on the things to be loaded first and make the content on webpage easy to read for the audience.

Please feel free to tell me what you think of this @phil-opp

[phil-opp]

I'm not a fan of sticky headers or footers since they reduce the space available for content, especially on mobile.

To try this out, I added position: sticky; top/bottom:0; background-color: white; to the header/footer elements as a test.

With sticky header and footer

This is how the page would look like on a landscape mobile screen with a sticky header and footer:

With current design

Without the sticky headers, you see much more content:

[VaibhavSharma24]

I understand @phil-opp so to keep the content more spaced we can do one more thing we can add a simple header and footer which doesn't stick as you scroll down what do you think ?

[VaibhavSharma24]

https://github.com/phil-opp/blog_os/assets/72144747/5869351b-b728-4a40-a43d-2c431eac80bf

Something Like This ?