Skip to content

Draft: 2024 homepage redesign

Oliver Smith requested to merge 2024-redesign into master

For !259 we wanted to get a new link into the navigation bar, and make it less cluttered. This ended up in a redesign of the homepage, many thanks to @dikasetyaprayogi on whose designs this is based ( #169), and to @susurrus for ideas on making the navigation bar less cluttered, etc!

The code needs more work, but I'm pretty happy with the text changes and how the design looks like now (maybe needs some minor tweaks). What do you all think?

Changes

  • Add a new link to "Team" in the navigation bar, to describe the groups we now have (Core Team, Trusted Contributors, Active Community Members, Testing Team) (content is in !259)
  • Move most of the links of the navigation bar into a new, sturctured "Explore" page, and add some more links there. This should make it much easier to find, for example, the source code. I've read that people find it hard to find the "src" button, whereas now it should be clear: Explore -> Development section: Source Code
  • Merge the "Chats and Social Media" page into explore as well.
  • A new, modern design (again, huge thanks to @dikasetyaprayogi!!)
    • New header
      • Currently opened page is highlighted
      • "Download" was renamed to "Install"
    • Start page:
      • One image with the current default wallpaper for edge shown on both a phone and a laptop, to indicate the types of devices that pmOS can run on
      • To not only highlight GNOME (the UI shown in that image), prominently add the logos of KDE, Phosh and SXMO too and link to their homepages
      • Shorten the "about" text, don't go into detail with the architecture there; instead link to the explore page
      • Update the "what others say" section while at it
  • "State of postmarketOS" page is linked from the install page now, instead of having it in the header (makes the header cleaner)
  • Blog: now has a short introduction section, with RSS link (close #168) and link to the edge blog

Screenshots

Start page:

(hovered the team button while taking the screenshot by accident)

Screenshot_2024-05-12_at_18-35-29_postmarketOS____real_Linux_distribution_for_phones

Explore:

(hovered the team button while taking the screenshot by accident)

Screenshot_2024-05-12_at_18-36-15_postmarketOS____Explore_postmarketOS

Blog:

Screenshot_2024-05-12_at_18-35-54_postmarketOS____blog

TODO

  • make it adaptive (responsive)
  • implement dark mode
  • credit @dikasetyaprayogi in the footer
  • make code less ugly
  • add architecture related text that was on the start page before to the FAQ
  • tweak graphics files (there was a comment about svgs not working in tor browser, look into that... after all we use a svg for the logo in the current design too)

Close #169

Edited by Oliver Smith

Merge request reports