CRASH Space LA

Widget Directory & Sandbox

A premium directory and live playground showcasing the operational calendar grids, detailed status buttons, and schedules for the CRASH Space hackerspace.

Active Server: Sign-server / Google Calendar API V1.2 PRODUCTION
⚡

Interactive Status Banner

NewButtonV1.html
Status Banner

A beautiful, full-width status banner showing the current state of the space (Open or Closed). Queries a custom sign server with automatic fallbacks to Google Calendar API public events. Includes an advanced interactive test console/debug panel.

Config: GCAL_API_KEY Tags: SHOW_BUTTON_STATUS Width: Fluid (Responsive)
Open in New Tab
⏰

Next Open Hours (At-a-Glance)

AtAGlanceWidget.html
Mini Widget

A beautiful double-pill card layout designed to show the next upcoming public open hours and member open hours side-by-side. Provides live, dynamic real-time countdown tags (e.g. "in 3 hours", "in 2 days").

Config: PUBLIC_TAG, MEMBERS_TAG Window: 30-Day Lookahead
Open in New Tab
🟢

Compact Status Bar

WidgetButtonBasic.html
Mini Widget

A highly optimized, ultra-thin status bar widget featuring a pulsing status light, status text, and current/next event titles. Designed specifically for WordPress sidebar custom HTML blocks or narrow inline layouts.

Type: Inline Sidebar Target: iFrames / Sidebars
Open in New Tab
📅

Weekly Hours Grid (Horizontal V1)

HorizontalCalendarV1.html
Calendar

A gorgeous horizontal 7-day calendar block indicating open times per day based on Google Calendar events. Features custom tag filtering, grayed-out untagged schedules, and a diagnostic debug console built right in.

Source: Google Calendar Filter: OPEN_TAG Height: Responsive Grid
Open in New Tab
💜

Member Open Hours Calendar (V2)

HorizontalCalendarV2-Member.html
Calendar

An advanced member-focused two-week calendar display. Displays public and member events overlayed in a premium dashboard layout, complete with weekly navigation filters and an advanced simulation event-injector.

Colors: Accent Violet (#6c5ce7) Features: Test Injector Control
Open in New Tab
📊

Weekly Hours Table (Vertical)

VerticalCalendarV1.html
Calendar

An accessible vertical table presentation of the space's weekly events and open hours. Built for seamless styling inside generic post pages, it features "This Week / Next Week" tabs, and active highlighting for the current day.

Layout: Table Column Nav: Tab-based navigation
Open in New Tab
🌐

Public Open Hours Calendar (V2)

HorizontalCalendarV2-Public.html
Calendar

A gorgeous public-focused calendar mapping public open hours block grids, complete with simulation tools and interactive debug controls. Configured to automatically isolate public events.

Colors: Accent Teal (#00b894) Features: Event Sandbox Injector
Open in New Tab
🎛️

High-Density Status Widget

WidgetButtonDetailed.html
Mini Widget

A premium high-density status panel. Features active glowing open/closed alerts alongside a real-time upcoming schedule displaying the next three events queried from Google Calendar.

Type: Status & Schedule Card Display: Curated Event Feed
Open in New Tab
🕐

Open Hours Bar (with Mode Toggle)

TopBarHoursV1.2.html
Status Banner

A horizontal open hours bar with a public/members mode toggle. Reads open hours from Google Calendar and highlights the current day. Designed for embedding as a top-bar widget.

Type: Hours Banner Display: Horizontal Bar
Open in New Tab
📅

Next Public Event Banner

TopBarNextPublicEvent.html
Status Banner

A compact banner showing the next upcoming public event, designed to pair directly below the Open Hours Bar. Pulls from Google Calendar and displays title, date, and time.

Type: Event Banner Display: Next Event Strip
Open in New Tab
📊

Open Hours Grid (Compact)

HorizontalHoursGrid.html
Calendar Grid

A compact weekly hours grid with no event details — just open/closed status blocks per day. Supports public and members modes via a configuration flag.

Type: Hours Grid Display: Compact Weekly
Open in New Tab
Live Playground

Integration details

Var Name Purpose & Default
GCAL_API_KEY Google Calendar V3 API credential key.
CALENDAR_ID Google Calendar address (e.g. crashspacela@gmail.com).
OPEN_TAG Hashtag or tag string filter for events (e.g. #crashopen).

iframe Embed Code

<iframe src="NewButtonV1.html" width="100%" height="450" frameborder="0" style="border:none; overflow:hidden;"></iframe>