Augur Reboot Website

This repository contains the source code for the teaser website announcing the reboot of the Augur prediction market. The site serves as a retro-futuristic landing page showcasing the redevelopment of Augur and offering a glimpse into the future of decentralized forecasting.

The future home of the Augur platform will be: https://augur.net

---

Technical Architecture

This is a modern static website built with cutting-edge web technologies:

• Astro 5.10+ - Static site generator with selective client-side hydration
• React 19 - Interactive components with concurrent features
• Tailwind CSS 4.1 - Utility-first styling with @theme directive approach
• TypeScript - Full type safety across components and utilities
• Nanostores - Lightweight state management for cross-component communication
• ethers.js 6 - Ethereum blockchain interaction for fork risk monitoring

Deployment Strategy

The project supports dual deployment architecture with clear separation of purposes:

Production Deployment:

• GitHub Pages - Primary production deployment at https://augur.net
• Automatically deploys from main branch via GitHub Actions
• Uses static site generation (output: 'static')
• Handles sitemap generation and SEO optimization

Development Environment:

• Cloudflare Pages - Local development and preview environment
• Uses server-side rendering capabilities (output: 'server')
• Provides Wrangler integration for edge computing features
• Optimized for development workflow and testing

Key Features

• Retro-Futuristic Design: CRT monitor aesthetics with power-on/off animations
• 3D Perspective Grid: WebGL-powered animated tunnel background
• Interactive Intro Sequence: Terminal-style typewriter effects with smart skip functionality
• Fork Risk Monitoring: Real-time Augur v2 fork risk assessment with interactive gauge
• Blockchain Integration: Automated hourly data collection from Ethereum mainnet
• Demo Mode: Development-only testing interface for risk scenarios
• View Transitions: Smooth page navigation with animation continuity
• Responsive Layout: Optimized for desktop and mobile experiences
• Performance Optimized: Static-first with selective hydration for interactivity

Project Structure

src/
├── components/           # React and Astro components
│   ├── *.astro          # Server-rendered static components
│   ├── *.tsx            # Client-hydrated interactive components
│   ├── ForkMeter.tsx    # Real-time fork risk gauge
│   ├── GaugeDisplay.tsx # SVG-based risk visualization
│   └── DemoOverlay.tsx  # Development-only demo controls
├── contexts/            # React Context providers
│   ├── ForkRiskContext.tsx # Fork risk data management
│   └── DemoContext.tsx  # Demo mode state
├── pages/               # Route definitions
│   ├── index.astro      # Landing page with intro sequence
│   ├── mission.astro    # Technical roadmap
│   └── team.astro       # Team information
├── scripts/             # Node.js blockchain data collection
│   └── calculate-fork-risk.ts # Ethereum contract interaction
├── layouts/             # Base page layouts
├── stores/              # Nanostores state management
├── styles/              # Tailwind CSS with custom utilities
└── assets/              # Static SVGs and resources

Development

Prerequisites

• Node.js (LTS version recommended)
• npm (comes with Node.js)

Setup

1. Clone the repository:

   git clone <repository-url>
   cd <repository-directory>
   

2. Install dependencies:

   npm install
   

Development Commands

All commands are run from the root of the project:

Core Development

Fork Risk Monitoring

Development Workflow

The development server provides:

• Hot module replacement for rapid iteration
• TypeScript checking and error re

...