Workshop Website

An Astro-powered website for the Rooting Pipeline Workshop.

📚 Workshop Code Repository

To follow along with the workshop, checkout the code repository:

Repository: https://github.com/radixia/rooting-agentic-pipeline

git clone https://github.com/radixia/rooting-agentic-pipeline.git
cd rooting-agentic-pipeline

🚀 Quick Start

Development

npm install
npm run dev

Visit http://localhost:4321 to view the workshop site.

Build for Production

npm run build
npm run preview

📁 Structure

site/
├── src/
│   ├── layouts/
│   │   └── Layout.astro      # Main layout with sidebar navigation
│   └── pages/
│       ├── index.astro        # Home page
│       ├── step1.mdx          # Workshop Step 1
│       ├── step2.mdx          # Workshop Step 2
│       ├── step3.mdx          # Workshop Step 3
│       ├── step4.mdx          # Workshop Step 4
│       ├── step5.mdx          # Workshop Step 5
│       ├── step6.mdx          # Workshop Step 6
│       ├── materials-index.mdx # Workshop materials index
│       ├── quick-reference.mdx # Quick reference card
│       ├── troubleshooting.mdx # Troubleshooting guide
│       └── facilitator.mdx     # Facilitator guide
├── public/                    # Static assets
└── astro.config.mjs           # Astro configuration

🎨 Features

• Dark Theme: Easy-on-the-eyes dark color scheme optimized for code
• Sidebar Navigation: Quick access to all workshop steps and resources
• MDX Support: Full markdown with component support
• Syntax Highlighting: GitHub Dark theme for code blocks
• Responsive: Works on desktop and mobile devices
• Step-by-Step Layout: Clear progression through workshop materials

🛠️ Customization

Colors

Edit the CSS variables in src/layouts/Layout.astro:

:root {
  --color-bg: #0f172a;
  --color-surface: #1e293b;
  --color-accent: #3b82f6;
  /* ... more colors */
}

Navigation

Update the sidebar links in src/layouts/Layout.astro:

<ul class="nav-links">
  <li><a href="/step1" class="nav-link">Step 1: Script Agent</a></li>
  <!-- Add more navigation items -->
</ul>

Content

All workshop content is in src/pages/*.mdx files. Edit these to update workshop materials.

📦 Dependencies

• Astro: Static site generator
• @astrojs/mdx: MDX support for Astro
• TypeScript: Type-safe development

🚢 Deployment

Vercel

npm install -g vercel
vercel

Netlify

npm run build
# Upload dist/ directory to Netlify

GitHub Pages

npm run build
# Deploy dist/ directory to gh-pages branch

Static Hosting

Build the site and upload the dist/ folder to any static hosting service:

npm run build
# Upload dist/ folder

📝 License

Part of the rooting-pipeline workshop materials.