0.7.4 website layout and content, draft 1

[rolyp]

Content and layout tasks previously part of #924.

See also:

• 0.7.4 website infrastructure #924
• Eliminate data pane toggle initialisation #1156
• 0.7.4 website layout and content, final version #1168
• Line number gutter: transform: scale breaks line height #1164

Done/dropped:

• Obviate need for web folder and copy-static step
  • Generalise “copy other HTML files” step of bundle-website to cp -rL all files with lowercase prefix
  • bundle-website to gather files to copy first (without tracing) and then copy (with tracing)
  • Move pdf and student-projects from web folder to FluidOrg; verify manually
    • Fix up student-projects/index.html to work with grid container
    • Modify header.html to remove landing-page specifics and include into student-projects/index.html
  • Move css and favicon.ico from web folder to FluidOrg and add symbolic links to other websites
  • Move template.html from web to FluidOrg and update cp step to pick up from there
  • Inline remaining step of util/copy-static.sh (Fluid folders under fluid)
• Extract fetch(‘header.html’) to common .js file
• Replace src/Website by website (retain Website module); update sources paths in spago.dhall
• Font experiments for body text, logo
  • Local font folder with appropriate woff2 files
  • otf to woff2 conversion for GraphikLight/GraphikMedium
  • ttf to woff2 conversion for Odisean Tech
• New Fluid logo in header.html
• Heading colours
• Revisit glowing active links
• Insert header.html into every page
• Collaborators/funders on separate page
• Light background for header; fix padding/margin after h2
• Distinct grid for header; set columns to more conventional layout; include into each page
• Ubuntu Mono for code listings
• Replace shading on data pane by right-hand border
• Fix background on v0.7.4 (or remove)
• Adjust right/top margin of “previous versions” nav
• Move “previous versions” nav to column 1 (under logo)?
• Remove verticle centering
• Maximum content width
• Current and past contributors
• Add table-view class to TableView tables (to distinguish from other tables)
• Shared nav in header with an entry for each set of related pages (e.g. examples, contributors)
• Schmidt Sciences logo
• “Internal” shared nav (sub-header.html?) for each such set
• Revisit active-page (dynamically add via argument to loadSubHeader)
• New nav style with centre-dot delimiter and visible focus
• Thin full-width border under <h3> elements; then set <h4> to same font-size
• Narrower grid column when data pane hidden
  • Hide column or narrower column? ➡️ set column with to 0
  • Centre final result (set rightmost column to 800px and drop max-width)
  • Set width of data pane to width of content?
  • Lose first 10px dummy column
• Light grey border under h3 extends only to width of title on Contributors and Roadmap pages
• Right-justified text that respects max-width (e.g. for “continued..”)
• Puppeteer tests borked because viewport too small
  • Larger height and width in Chrome
  • Generalise launchFirefox to support DefaultViewPort
  • Parameterise on headless: false?
• Logo baseline at bottom of element (or replace with image?)
• New nav style for external links at the top
• Tweaks to vertical spacing in header
• Replace middle column in header by padding-left on rightmost column
• Intro explaining goals of project
• Non-renewables text
• Move links to previous versions to Contributors
• Contributors: role of organisations
• Restore padding-left on ul not under nav
• New nav to change visual appearance of active-page
• Convolution text
• Initial pass over FAQ
• “How to contribute” into FAQ
• Drop Roadmap for now
• Link to ESOP 2025 preprint
• Moving average text

Font ideas

Retrofuturistic:

• Odisean Tech
• Michaelangelo
• Future Light
• Spondulix
• Echo Station