feat: Redesign the website

[ilikecereal1]

The current website is not consistent with the PWindows style. Styles are inconsistent, readability is poor in places, and some pages in the site are incomplete or contain duplicate content.

Changes

Styles

• Improve typography

  • Use Noto Sans as the default body font
  • Use Minecraft Ten for headings
  • Use Minecraft Seven for emphasis and interface elements
  • Improve text contrast and readability

• Modularise shared styles

  • Add reusable colour variables
  • Add shared card styles
  • Add shared page-layout styles
  • Add shared button styles
  • Add width variables

• Refresh the visual design to be more Minecrafty

  • Reduce excessive rounded cards and buttons
  • Use Minecraft-inspired square cards
  • Add Minecraft-style buttons
  • Add textures, icons, and project imagery
  • Redesign article cards and standard content pages

• Improve responsive design

  • Improve mobile navigation layout
  • Prevent content overflow at small widths
  • Improve card layouts on mobile
  • Reduce wasted space in some pages
  • Test layouts at mobile, tablet, and desktop widths

• Incorporate a more unified design across sections of the website

  • Ensure all home sections are the same width
  • Make sure content is not allowed to stretch out endlessly
  • Many more small visual errors in edge cases...

• Add more visual effects for non-reduce motion users

  • More glowing effects and motion for the games to make users more interested
  • Add videos and moving visuals to make home page more interesting

Fixes

• Fix flip cards

  • Preserve button-driven flipping on touch devices
  • Preserve hover and focus behaviour on desktop
  • Support hybrid touch and mouse devices
  • Keep inactive card faces hidden from keyboard and screen-reader access

• Fix mobile navigation

  • Use a better menu button
  • Trap keyboard focus while open
  • Close with Escape
  • Restore focus after closing
  • Lock background scrolling while open
  • Restore scrolling when at a higher width

• Improve page structure

  • Add a 404 page
  • Ensure public pages have one primary heading
  • Add page descriptions and canonical URLs
  • Preserve existing public page URLs while reorganising source files

New features

• Add a footer with site links

  • Add About and Rules links
  • Add game links
  • Add department links
  • Add other page links
  • Add disclaimer

• Add sitemap support

  • Add a human-readable site map
  • Add generated sitemap.xml
  • Link the site map from the footer

• Add CI testing

  • Build the Jekyll site
  • Validate generated HTML and internal links
  • Validate public routes and metadata
  • Validate game, department, and staff data
  • Auto update list

• Add a data-driven automatic pages

  • Add game data
  • Add department data
  • Expand staff data
  • Reuse article-card and staff-card components
  • Reuse shared page and department layouts
  • Generate footer links from data

• Improve news features

  • Add reusable article cards
  • Add featured news
  • Add article sorting
  • Add latest-news cards to the homepage
  • Add author and publication information to articles
  • Add empty states for news sections

• Improve metadata and discovery

  • Add Open Graph metadata
  • Add Twitter card metadata
  • Add organisation structured data
  • Add article structured data
  • Exclude development-only files from publishing

Documentation

• Add full documentation (Create documentation #28)

New and changed pages

• Home

  • Update home to be more than just a Minecraft Server join page
  • Highlight more important information than just joining the server
  • Redesign page layout to be more useful and visually interesting

• News

  • Make more news updates.

• Games

  • Games overview
  • Sacred Cubes
  • Obby of Dominance
  • Development status labels
  • Engine and language labels
  • Add game information

• Departments

  • Department overview
  • Roblox
  • Minecraft
  • Unity
  • Department staff listings
  • Add more in depth information

• About

  • Replace placeholder information
  • Add links to project news

• Rules

  • Add rules
  • Finish adding specific content

• Support

  • Create support website (Create a support website #26)
  • Add feedback form
  • Add feedback placeholder page
  • Add contact page
  • Link to support and Discord

• Shop

  • Update shop to the new style (Update shop to match website redesign. Shop#1)
  • Allow people to, well, actually buy stuff...
  • Allow automatic syncing of styles and stuff with this page

• Staff

  • Add public staff list
  • Group staff by department
  • Add staff roles, biographies, and social links
  • Hide private or placeholder records
  • Remove placeholder user profile pictures

• Navigation

  • Add site map page
  • Add custom 404 page
  • Add accessible mobile navigation
  • Add homepage join, project, and news sections

This will be updated occasionally.