Aura Hero Orbit Widget - GitAscii API

The Aura Hero Orbit widget renders an ambient, glassmorphic space banner with animated floating radial gradient orbs (@keyframes floatOrb), concentric radar rings, a rotating radar beam, display typography, and interest tags.

Configuration Schema

export interface CodewebHeroOrbitConfig {
  title?: string // Main display headline (default: user.name || user.login)
  subtitle?: string // Monospace eyebrow subheadline (default: user.bio)
  tags?: string[] // Interest pill tags (default: ['Minimalism', 'Open Source', 'Web'])
  staticMode?: boolean // Disables CSS keyframe float animations
  orbColor1?: string // RGBA color string (default: 'rgba(108,195,130,0.55)')
  orbColor2?: string // RGBA color string (default: 'rgba(230,100,115,0.5)')
  orbColor3?: string // RGBA color string (default: 'rgba(195,155,255,0.35)')
  orbColor4?: string // RGBA color string (default: 'rgba(255,195,110,0.28)')
  orbColor5?: string // RGBA color string (default: 'rgba(80,160,220,0.3)')
  bgColor?: string // Canvas background color (default: '#08080d')
}

Real Code Example

import { renderWidgetSvg, WidgetInstance } from '@/engine'

const heroOrbitWidget: WidgetInstance = {
  instanceId: 'orbit_01',
  widgetId: 'codeweb-hero-orbit',
  name: 'Aura Hero Orbit',
  position: { x: 0, y: 0 },
  size: { width: 800, height: 360 },
  config: {
    title: 'THE OCTOCAT',
    subtitle: 'OPEN SOURCE DEVELOPER & SYSTEM ARCHITECT',
    tags: ['Distributed Systems', 'TypeScript', 'Cryptography', 'Next.js'],
  },
  locked: false,
  visible: true,
  zIndex: 1,
}

const svgOutput = renderWidgetSvg(heroOrbitWidget, profileData, globalStyles)