failure-modes icon indicating copy to clipboard operation
failure-modes copied to clipboard

Rewamp website

Open electron0zero opened this issue 2 years ago • 1 comments

right now website is very plane and boring.

  • homepage: chronological feed of incident stories, and a quick summary next to each incident, served as single feed on homepage after intro, and other stuff (maybe broken into pages by year and only show incident from last few months on homepage, and old Incidents are moved to archive page.

  • Get rid of most pages of current page structure, and only have following pages:

    • /about page, talks about the initiative and when we meet, and how to contribute new incidents, etc.
    • /meetup page for into about current and past meetups that we did
    • learn page for other literature like talks, research and blog posts, page /learn where we link to educational content about failure modes in systems.
    • archive, old incidents that used to be on homepage.

each incident will be shown as a short card on the homepage, with details like Company, when it happened, how long it lasted, and sources, and other links to the chatter about the incident.

goal of redesign is to make website useful and users can just open it and see recent incidents, and learn from them.

I am also planning to make substack active again, and send an email each time we add new incidents on website. content can be short form or copy of what we add to website.

electron0zero avatar May 12 '23 20:05 electron0zero

phase 1 - https://github.com/electron0zero/failure-modes/commit/f4c4e935c0faca6e1a5c26bf2d103c1aa85ebd2e

TODO

  • [ ] turn stories into posts
  • [ ] render stories on homepage with pagination.
  • [x] Hide redirected pages from navbar (make nav bar opt-in where we configure pages that should be in navbar using metadata on the page.)
  • [x] Fix Hovering anchor tag heading #57
  • [x] Build tag pages and tag based navigation - refer to https://longqian.me/2017/02/09/github-jekyll-tag
  • [x] script to generate a story page with front matter and tags.
  • [x] contributing.md page
  • [x] local setup details in readme.

electron0zero avatar May 14 '23 16:05 electron0zero