Skip to content

v0.3

Latest
Latest

Choose a tag to compare

View all tags
@Fanoflix Fanoflix released this 21 Sep 21:53
0.3
456d3fa
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Launch-ready landing page, a new logo and a page swipe transition. Full details in #5.

Major

  • Landing page redesign. The hero shows the rawgrid logo and name with "handy engineering tools". The hero image fades softly into the page, with the intro text over its faded bottom edge.
  • Features section. "do everything via keyboard" and "arrange your own grid" showcases, each with an image fading out on every side and text beside it.
  • Light and dark images. Every landing image has a light and a dark version that follows the theme toggle.
  • New rawgrid logo. A rough, etched-line mark (stem, arches and crossbar) in public/rawgrid-logo.svg. It's the favicon, and the app shows it through a CSS mask so it follows the light/dark theme.
  • Page swipe transition. Opening the toolbox sweeps a full-screen panel from right to left. It holds while the logo and "rawgrid" fade in at the centre (85% opacity), then reveals the toolbox. Going back plays the swipe in reverse, and browser Back and Forward trigger it without rewriting history.

Minor

  • The landing page lists all 10 tools (Base64 and JSON Prettify were missing).
  • The highlights line now reads "extreme care for UX", "drag & drop layout", "persistent" and "no ads". The tool count is gone.
  • The "open toolbox" and "contribute" buttons also appear at the bottom of the page.
  • The dev server redirects /rawgrid-client to /rawgrid-client/, matching GitHub Pages, instead of showing Vite's base URL error.
  • Users with reduced motion get an instant page change instead of the swipe.

UX

  • A sticky, translucent navbar always shows "open toolbox", "star // contribute" and the theme toggle. The logo and name appear after scrolling past the hero.
  • The page-change panel is white in light mode and black in dark mode, and both slides ease in.
  • The keyword pills, the tools heading and the tool card borders are removed.
  • The footer reads "rawgrid · built by ammarnasir.com · github".
  • The command palette search bar in the toolbox is wider, with more room around its icon and no border on the ⌘K key.
Assets 2
Loading