Lossless Changelog
product

Banner Site

lossless-group/emblem-sitemain

2026-07-06 · 1 entry2026-04-20 · 5 entries2026-04-17 · 1 entry2026-04-16 · 1 entry2026-01-19 · 4 entries2026-04-20 · 12 commits · 2,755 code · 415 changelog
Jan 20252026Sept 2026
  • colour = whenJan 2025 → Sept 2026

52 commits · +19,969 lines

Code
16k82%
Changelog
4k18%

Flag Pixel Spacing Variants

Added two new FlagPixel variants — FlagPixelLoose and FlagPixelLooser — exploring progressively sparser tile grids with rounded corners and asymmetric spacing.

Michael Staton
  • Flare
  • Three.js
  • Design System

Wobble Rings Flare Component

Added WobbleRings — an interactive Canvas 2D flare component with concentric rings, simplex noise wobble, hover repulsion, and click ripple effects. Inspired by greenoaks.com.

Michael Staton
  • Flare
  • Canvas
  • Interactive
  • Design System

Vibrant Mode, Brand Mark Wrapper, and Animated Grain Overlay

Differentiated vibrant mode with a distinct background color, added mode-aware brand mark switching in the header, introduced an animated SVG grain noise overlay with per-mode intensity, added --fx-flare-color token for mode-adaptive canvas elements, and extended the --fx-* effect token system.

Michael Staton
  • Themes
  • Modes
  • Vibrant
  • Design Tokens
  • Brand Mark
  • SVG Filter
  • +1

OpenGraph Meta Tags and Share Banner

Added full OpenGraph and Twitter Card meta tags to every page, created a branded share banner image, and configured the site URL for absolute OG URLs on staging.

Michael Staton
  • OpenGraph
  • SEO
  • Social Sharing
  • Metadata
  • iMessage
  • WhatsApp

Vibrant Mode Token Refactor, Snippet Sanitization, and Department Filters

Refactored vibrant mode tokens to use named colors instead of improvised rgba values, fixed broken job grid layout caused by unclosed HTML in snippets, added department filter chips for large companies, and fixed company logo mode switching.

Michael Staton
  • Themes
  • Vibrant
  • Design Tokens
  • Jobs
  • Color System

New Flare Components & Simplified Homepage

Added two new flag-themed flare components (FlagCloth and FlagPixel), simplified the homepage to a radically minimal hero with FlagPixel, and trimmed the header down to two links.

Michael Staton
  • Flare
  • Three.js
  • Homepage
  • Header
  • Design System

Jobs Page & Pinpoint API Integration

Added Pinpoint job board API integration, bringing Impulse Space online with 141 jobs. All 3 portfolio companies now live with 194 total jobs. HTML snippets preserved and sanitized at dispatcher level.

Michael Staton
  • Jobs
  • API
  • Pinpoint
  • Portfolio

Emblem Theme System Implementation

Implemented a complete multi-mode theming system for banner-site following the dark-matter pattern. The 'emblem' theme supports light, dark, and vibrant modes with semantic color tokens, effect tokens, and CSS variable-based architecture.

Michael Staton
  • Theme
  • CSS Variables
  • Tailwind 4
  • Dark Mode
  • Light Mode
  • Vibrant Mode
  • +1

Changelog System Implementation

Implemented a complete changelog system following the dark-matter pattern with three view modes (Timeline, Cards, Releases), syntax-highlighted code blocks, Mermaid diagram support, and full emblem theme integration.

Michael Staton
  • Changelog
  • Content Collections
  • Astro
  • Markdown
  • Shiki
  • Mermaid

Design System Documentation Hub

Created an internal design system hub with a comprehensive theme token reference page documenting all emblem colors, semantic tokens, effect tokens, and mode characteristics.

Michael Staton
  • Design System
  • Theme
  • Tokens
  • Documentation
  • Shiki

Flare: Three.js Visual Effects System

Introduced Flare — a collection of animated Three.js visual effects for hero backgrounds and decorative elements. Includes PlanetRising (dotted sphere), EclipseEnding (crescent illumination), and BannerFlag (animated brand icon).

Michael Staton
  • Three.js
  • WebGL
  • Animation
  • Design System
  • Flare
  • Visual Effects