Skip to content

About

my agency website

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Latest commit

 

History

51 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Cyclobrain — Digital Product Studio 🧠

Website Live Build System

Cyclobrain is an elite digital product studio specializing in high-ROI, full-stack digital services. We build software that ships and businesses that scale, focusing exclusively on five specialized verticals.

👉 Visit the Live Platform


🚀 Core Services

We don't do generalist "digital marketing." We go deep into exactly five high-leverage verticals:

  1. 👻 Snapchat Publisher Portals (RevShare) We engineer high-retention content pipelines, editorial frameworks, and thumbnail science to maximize daily RPMs and algorithm reach on Snapchat Discover.

  2. ▶️ YouTube Playables & HTML5 Games Sub-2s load time architecture. We build addictive, cross-platform HTML5 browser games and YouTube Playables using Phaser, PixiJS, and PlayCanvas.

  3. 📱 Native iOS App Development Production-grade iOS apps built natively in Swift and SwiftUI. From CoreML integrations to HealthKit and StoreKit 2 monetization, we build to pass App Store review the first time.

  4. ◎ Solana dApp Development Web3 infrastructure built to last cycles. We develop and audit Rust/Anchor smart contracts and high-throughput React + web3.js frontends leveraging Helius RPCs.

  5. 🤖 Autonomous AI Agents Multi-agent systems powered by GPT-4o and Claude 3. We architect RAG knowledge bases and autonomous workflows to put operations, content, and lead generation on autopilot.


💻 Tech Stack

This repository houses the static frontend architecture for the Cyclobrain platform, built for maximum speed and SEO performance:

  • Frontend: HTML5, Vanilla JavaScript, Tailwind CSS (Glassmorphism & Custom Theming)
  • Typography: Plus Jakarta Sans, Outfit, JetBrains Mono
  • Build System: Custom Python orchestration (build.py) for static site generation, component unification, and class fixing.
  • Hosting: Cloudflare Pages / Workers

🛠 Local Development & Build System

Cyclobrain utilizes a lightweight, custom Python build pipeline to inject shared components (like the Navigation bar and Footer) across all static HTML pages, ensuring extremely fast load times without the need for a heavy JavaScript framework.

Prerequisites

  • Python 3.x installed on your machine.

Running the Build Pipeline

Whenever you make changes to shared components in index.html or update the CSS, run the build orchestrator to unify the platform:

python build.py

This orchestrator automatically runs:

  1. unify.py (Injects updated Nav, Footer, and Tailwind configs across all pages)
  2. fix.py (Repairs class names and aligns formatting)
  3. fix_nav.py (Ensures dynamic "active" states on the navigation bar)

Previewing Locally

To preview the site locally, you can start a simple Python HTTP server:

python -m http.server 8000

Then, open http://localhost:8000 in your web browser.


🏗 Pre-Launch Production Audit (2026-04-05)

The platform has been audited for SEO, security, performance, and accessibility to ensure production readiness for Cloudflare deployment.

🔍 SEO & Structured Data

  • Organization JSON-LD: Injected into index.html for brand clarity.
  • Service & BreadcrumbList JSON-LD: Injected into services.html for search visibility.
  • Sitemap & Robots.txt: Generated and linked in the header of index.html.
  • Canonical & Metadata: Globally verified <link rel="canonical"> and OpenGraph tags.

🛡 Security

  • Security Headers: Content-Security-Policy, X-Content-Type-Options, and Referrer-Policy configured in _headers.
  • Secret Audit: Scanned codebase for hardcoded keys or sensitive data.
  • HTTPS Enforcement: Verified all external and internal assets utilize secure protocols.

⚡ Performance

  • Font Optimization: Critical fonts preloaded with display: block to prevent FOIT/FLOUT.
  • Script Deferral: Non-critical scripts deferred and moved to the end of the <body>.
  • Image Lazy-Loading: Native loading="lazy" enabled on all images to optimize LCP.

📊 Analytics & Tracking

  • GA4 Setup: Placeholder script (G-XXXXXXXXXX) ready for production ID.
  • LinkedIn Insight: Placeholder tag ready for B2B conversion tracking.
  • Event Tracking: Custom form_submit event listener active on contact page.

♿ Accessibility

  • Semantic HTML: Standardized lang="en", nav, and footer roles.
  • ARIA Integration: Added aria-label and aria-expanded states to interactive components.
  • Form Accessibility: Associated <label> elements and enforced aria-required patterns.

📄 License & Copyright

© 2026 Cyclobrain. All rights reserved.

This repository represents the public-facing platform and frontend UI of Cyclobrain.

About

my agency website

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages