web3/meta/projects/website-v0.1.md

created	due
2022-03-10	2022-03-11

Website v0.1

Launchable and announceable website.

Sketch of home page

Mockup of home page (design): https://excalidraw.com/#room=8bc8a0afb0afc89015dc,W3jd48r8_B2llA2CZ8A33A

Acceptance

• Home Page
  • ⏫ Looks reasonable
  • Hero section
  • 🔼 Latest 2-3 videos up somewhere on the front page
  • Guide section
  • Library section
  • About the project
  • Get Involed
• About page ✅ with SCQH
• Library page
• ⏫ Sign up to get updates / news …
• Misc
  • ⏫ Analytics
  • Navbar
  • Footer

Bonus

• Subscribe to our youtube channel
• Guide page
• SCQH page (? worth doing separate from about??)

Tasks

• Home page - see below
• Library page
• Guide page
• Notes section (wiki)

Home Page

• Hero
  • Layout
  • Fix "get updates"
    • EITHER: Remove "Get updates" & replace with CTA OR keep Get Updates using netlify form support => Choose what to do
    • Do it
• Latest releases
  • Working
  • Replace images either with YouTube video embed or the thumbnail image (?) @eilidh
• Guide section
  • Needs longer text
• Library section
  • Image needs changing
• Why the project
• Get involved (front page)

Library Page

Acceptance

• /library landing page exists
• brief overview
• links to zotero
• Also explanation of how to contribute incl organizational structure

Tasks

• Basic text for library page e.g. what, etc
• Link or embed the full library

Guide

plan of content https://coggle.it/diagram/YidoEewvuAnxT9LA/t/web3-crypto-guide-toc

• Stub /guide/ page and could reuse quite a bit of about as introduction

Get involved /get-involved/

• Developers => contribute on github
• Non-developers
  • Researchers / academics etc
    • Contribute to the library, for example by adding articles and research on web3 and background topics.
    • Write up key concepts and ideas.
    • Proof edit articles and transcribe dialogs.
• General: check out our videos and resources
  • Share the work with others
• Feedback: share it on the discussions

Inbox

• Logo and favicon (could auto-generate)
• Issue tree image
  • Export it or embed?
  • Make it simpler
• can we use symlinks to display content from main part of the repo into the site itself ✅ Yes you can. Rufus has this working

Someday

• (Front page?) Aside: Turning the SCQH into a tree esp the complication (note we have a bunch of this structure in the long version of the SCQH with bullet points). Why? A

Analysis

Online location and website

• Do we want a "dedicated" website for this? ✅Yes because running of a github repo? See more analysis below
• Where is that dedicated website e.g. at labs.lifeitself.us/web3/ or lifeitself.us/web3/? ✅suggest at subdomain because a) can be powered by a repo which others can contribute to b) a little more independent. => https://web3.lifeitself.us ...
• How do we build a website?
  • What is the "backend"? ✅2022-02-26 will start with markdown in github and see if that cuts it
    • What are options? ✅ a)markdown on github b) a headless cms like sanity c) wordpress
    • Which do we choose ✅ choose github + markdown because simple, allows for open contribution (have a reasonably tech-y contributor base)
  • What do we use for the frontend? ✅ NextJS as already using it and solid.
    • Is raw github sufficient? ✅ No we want something nicer.
    • Do we use a template? ✅ Not much - keep it barebones for now
• ⏫ What is the home page ✅ See https://excalidraw.com/#room=f31febc4be4500863e2c,j3FmcGnhKLb8xlw53pBe6w
• Is there a need for a blog? ✅ No, Maybe in the future
  • Do we need comments / discussion? ✅ Maybe and if so we can use github discussions?? or giscus ...?
• Do we need user signup? ✅ No - people are publishing via github

Design

• How nice to we make this look ✅ To start with can be very basic ... and we'd like to make it look good
• What's the vibe? ✅ Friendly, yet authoritative/rigorous. It will be content heavy not many images ...
• Where can we find inspiration? 🏃‍♂️ Look at https://www.awwwards.com/websites/tailwind/, dribble, https://www.lapa.ninja