quickstart.bat

@echo off
setlocal enabledelayedexpansion

REM Leaf Quickstart Script for Windows
REM Interactive site generator

echo.
echo ==========================================
echo      Leaf Site Generator v1.0
echo      Lightning-fast static sites
echo ==========================================
echo.

REM Check if leaf is installed
where leaf >nul 2>&1
if %ERRORLEVEL% neq 0 (
    echo [WARNING] Leaf is not installed. Installing now...
    cargo install --path .
)

echo Let's create your site!
echo.

REM Prompt for site information
set /p site_type="What type of site do you want? (portfolio/blog/docs/landing): "
if "!site_type!"=="" set site_type=portfolio

set /p project_name="Project name (e.g., my-awesome-site): "
if "!project_name!"=="" set project_name=my-site

set /p site_title="Site title: "
if "!site_title!"=="" set site_title=My Site

set /p site_description="Site description: "
if "!site_description!"=="" set site_description=A beautiful site built with Leaf

set /p author_name="Your name: "
if "!author_name!"=="" set author_name=Anonymous

set /p site_url="Site URL (e.g., https://mysite.com): "
if "!site_url!"=="" set site_url=https://example.com

echo.
echo Creating your !site_type! site...
echo.

REM Create the project
call leaf new "!project_name!"
cd "!project_name!"

REM Update leaf.json
(
echo {
echo   "title": "!site_title!",
echo   "description": "!site_description!",
echo   "url": "!site_url!",
echo   "author": "!author_name!"
echo }
) > leaf.json

REM Create content based on site type
if /i "!site_type!"=="portfolio" (
    echo Setting up portfolio site...
    call :create_portfolio
) else if /i "!site_type!"=="blog" (
    echo Setting up blog site...
    call :create_blog
) else if /i "!site_type!"=="docs" (
    echo Setting up documentation site...
    call :create_docs
) else if /i "!site_type!"=="landing" (
    echo Setting up landing page site...
    call :create_landing
) else (
    echo Setting up default site...
    call :create_portfolio
)

REM Create enhanced templates
call :create_templates

REM Create enhanced CSS
call :create_css

echo.
echo [SUCCESS] Your !site_type! site is ready!
echo.
echo Quick commands:
echo   leaf dev              - Start dev server
echo   leaf build            - Build for production
echo   leaf create page ^<n^> - Create new page
echo.
echo Next steps:
echo   1. Run: leaf dev
echo   2. Open: http://localhost:3000
echo   3. Edit: http://localhost:3000/editor
echo.
echo Happy building!
goto :eof

:create_portfolio
(
echo ---
echo {
echo   "title": "About Me",
echo   "layout": "page"
echo }
echo ---
echo.
echo # About Me
echo.
echo Welcome! I'm a creative professional passionate about design and technology.
echo.
echo ## What I Do
echo.
echo - User Interface Design
echo - User Experience Research
echo - Frontend Development
echo - Creative Direction
echo.
echo ## Get in Touch
echo.
echo Feel free to reach out if you'd like to collaborate!
) > content\about.md

(
echo ---
echo {
echo   "title": "Projects",
echo   "layout": "page"
echo }
echo ---
echo.
echo # My Projects
echo.
echo ## Project One
echo.
echo A stunning web application that showcases modern design principles.
echo.
echo **Technologies:** React, TypeScript, Tailwind CSS
echo.
echo ## Project Two
echo.
echo An innovative mobile experience focused on user delight.
echo.
echo **Technologies:** React Native, Node.js, PostgreSQL
echo.
echo ## Project Three
echo.
echo A comprehensive design system used across multiple products.
echo.
echo **Technologies:** Figma, Storybook, Design Tokens
) > content\projects.md

(
echo ---
echo {
echo   "title": "Contact",
echo   "layout": "page"
echo }
echo ---
echo.
echo # Get in Touch
echo.
echo I'd love to hear from you! Whether it's a project inquiry, collaboration opportunity, or just to say hello.
echo.
echo **Email:** hello@example.com
echo **Twitter:** @yourhandle
echo **LinkedIn:** linkedin.com/in/yourprofile
echo.
echo Let's create something amazing together!
) > content\contact.md
goto :eof

:create_blog
(
echo ---
echo {
echo   "title": "Getting Started with Blogging",
echo   "date": "2025-01-15",
echo   "author": "Blog Author",
echo   "tags": ["writing", "blogging"],
echo   "description": "My first blog post"
echo }
echo ---
echo.
echo # Getting Started with Blogging
echo.
echo Welcome to my blog! This is where I'll share my thoughts, experiences, and insights.
echo.
echo ## Why I'm Blogging
echo.
echo Writing helps me organize my thoughts and share knowledge with others. I'm excited to document my journey.
echo.
echo ## What to Expect
echo.
echo - Regular updates on my projects
echo - Tutorials and how-tos
echo - Personal reflections
echo - Industry insights
echo.
echo Stay tuned for more content!
) > content\getting-started.md

(
echo ---
echo {
echo   "title": "5 Design Tips for Beginners",
echo   "date": "2025-01-14",
echo   "author": "Blog Author",
echo   "tags": ["design", "tips"],
echo   "description": "Essential design principles"
echo }
echo ---
echo.
echo # 5 Design Tips for Beginners
echo.
echo If you're just starting out in design, these tips will help you create better work.
echo.
echo ## 1. Less is More
echo.
echo Simplicity often leads to better design. Remove unnecessary elements.
echo.
echo ## 2. Consistency Matters
echo.
echo Use consistent spacing, colors, and typography throughout your design.
echo.
echo ## 3. White Space is Your Friend
echo.
echo Don't be afraid of empty space. It helps content breathe.
echo.
echo ## 4. Typography is Key
echo.
echo Choose fonts carefully and limit yourself to 2-3 typefaces maximum.
echo.
echo ## 5. Get Feedback Early
echo.
echo Share your work and iterate based on feedback.
echo.
echo Happy designing!
) > content\5-design-tips.md
goto :eof

:create_docs
(
echo ---
echo {
echo   "title": "Introduction",
echo   "layout": "page"
echo }
echo ---
echo.
echo # Introduction
echo.
echo Welcome to the documentation! This guide will help you get started quickly.
echo.
echo ## Overview
echo.
echo This documentation covers everything you need to know about using our product effectively.
echo.
echo ## Quick Start
echo.
echo Follow these steps to get up and running:
echo.
echo 1. Install the required dependencies
echo 2. Configure your environment
echo 3. Run the application
echo 4. Explore the features
echo.
echo ## Need Help?
echo.
echo If you run into any issues, check our FAQ or reach out to support.
) > content\introduction.md

(
echo ---
echo {
echo   "title": "Installation Guide",
echo   "layout": "page"
echo }
echo ---
echo.
echo # Installation Guide
echo.
echo ## Prerequisites
echo.
echo Before you begin, ensure you have:
echo.
echo - Node.js 18+ installed
echo - npm or yarn package manager
echo - Git for version control
echo.
echo ## Installation Steps
echo.
echo ### Step 1: Clone the Repository
echo.
echo ```bash
echo git clone https://github.com/yourusername/yourproject.git
echo cd yourproject
echo ```
echo.
echo ### Step 2: Install Dependencies
echo.
echo ```bash
echo npm install
echo ```
echo.
echo ### Step 3: Run the Application
echo.
echo ```bash
echo npm run dev
echo ```
) > content\installation.md

(
echo ---
echo {
echo   "title": "API Reference",
echo   "layout": "page"
echo }
echo ---
echo.
echo # API Reference
echo.
echo Complete reference for all API endpoints.
echo.
echo ## Authentication
echo.
echo All API requests require authentication using an API key.
echo.
echo ## Endpoints
echo.
echo ### GET /users
echo.
echo Retrieve a list of users.
echo.
echo **Parameters:**
echo - `page` ^(optional^): Page number
echo - `limit` ^(optional^): Results per page
) > content\api-reference.md
goto :eof

:create_landing
(
echo ---
echo {
echo   "title": "Welcome",
echo   "layout": "page"
echo }
echo ---
echo.
echo # Transform Your Ideas Into Reality
echo.
echo We help businesses create stunning digital experiences that users love.
echo.
echo ## Why Choose Us
echo.
echo **Fast ^& Reliable**
echo Lightning-fast performance that scales with your business.
echo.
echo **Beautiful Design**
echo Pixel-perfect interfaces that delight your users.
echo.
echo **Easy to Use**
echo Intuitive workflows that save you time and effort.
echo.
echo ## Ready to Get Started?
echo.
echo Join thousands of satisfied customers and transform your business today.
) > content\home.md

(
echo ---
echo {
echo   "title": "Features",
echo   "layout": "page"
echo }
echo ---
echo.
echo # Powerful Features
echo.
echo Everything you need to succeed, all in one place.
echo.
echo ## Lightning Fast
echo.
echo Optimized for performance, your site loads in milliseconds.
echo.
echo ## Fully Responsive
echo.
echo Perfect on desktop, tablet, and mobile devices.
echo.
echo ## SEO Optimized
echo.
echo Built with best practices to help you rank higher.
echo.
echo ## Easy Customization
echo.
echo No coding required. Customize everything with our visual editor.
echo.
echo ## 24/7 Support
echo.
echo Our team is always here to help you succeed.
) > content\features.md

(
echo ---
echo {
echo   "title": "Pricing",
echo   "layout": "page"
echo }
echo ---
echo.
echo # Simple, Transparent Pricing
echo.
echo Choose the plan that's right for you.
echo.
echo ## Starter - $9/month
echo.
echo Perfect for personal projects and small sites.
echo.
echo - 5 pages
echo - 1GB storage
echo - Basic support
echo - SSL included
echo.
echo ## Professional - $29/month
echo.
echo Great for growing businesses.
echo.
echo - Unlimited pages
echo - 10GB storage
echo - Priority support
echo - Custom domain
echo.
echo ## Enterprise - Custom
echo.
echo For large organizations with specific needs.
echo.
echo - Everything in Professional
echo - Dedicated support
echo - Custom integrations
) > content\pricing.md
goto :eof

:create_templates
if not exist templates mkdir templates

(
echo ^<!DOCTYPE html^>
echo ^<html lang="en"^>
echo ^<head^>
echo     ^<meta charset="UTF-8"^>
echo     ^<meta name="viewport" content="width=device-width, initial-scale=1.0"^>
echo     ^<title^>{{ site.title }}^</title^>
echo     ^<meta name="description" content="{{ site.description }}"^>
echo     ^<link rel="stylesheet" href="/style.css"^>
echo ^</head^>
echo ^<body^>
echo     ^<nav class="navbar"^>
echo         ^<div class="container"^>
echo             ^<h1 class="logo"^>{{ site.title }}^</h1^>
echo             ^<ul class="nav-links"^>
echo                 {%% for page in pages %%}
echo                 ^<li^>^<a href="{{ page.url }}"^>{{ page.frontmatter.title }}^</a^>^</li^>
echo                 {%% endfor %%}
echo             ^</ul^>
echo         ^</div^>
echo     ^</nav^>
echo.
echo     ^<header class="hero"^>
echo         ^<div class="container"^>
echo             ^<h1^>{{ site.title }}^</h1^>
echo             ^<p class="subtitle"^>{{ site.description }}^</p^>
echo         ^</div^>
echo     ^</header^>
echo.
echo     ^<main class="container"^>
echo         ^<section class="pages-grid"^>
echo             {%% for page in pages %%}
echo             ^<article class="page-card"^>
echo                 ^<h2^>^<a href="{{ page.url }}"^>{{ page.frontmatter.title }}^</a^>^</h2^>
echo                 {%% if page.frontmatter.description %%}
echo                 ^<p^>{{ page.frontmatter.description }}^</p^>
echo                 {%% endif %%}
echo                 {%% if page.frontmatter.date %%}
echo                 ^<time^>{{ page.frontmatter.date }}^</time^>
echo                 {%% endif %%}
echo             ^</article^>
echo             {%% endfor %%}
echo         ^</section^>
echo     ^</main^>
echo.
echo     ^<footer^>
echo         ^<div class="container"^>
echo             ^<p^>^&copy; 2025 {{ site.author }}. Built with Leaf.^</p^>
echo         ^</div^>
echo     ^</footer^>
echo ^</body^>
echo ^</html^>
) > templates\index.html

(
echo ^<!DOCTYPE html^>
echo ^<html lang="en"^>
echo ^<head^>
echo     ^<meta charset="UTF-8"^>
echo     ^<meta name="viewport" content="width=device-width, initial-scale=1.0"^>
echo     ^<title^>{{ page.frontmatter.title }} - {{ site.title }}^</title^>
echo     ^<meta name="description" content="{{ page.frontmatter.description }}"^>
echo     ^<link rel="stylesheet" href="/style.css"^>
echo ^</head^>
echo ^<body^>
echo     ^<nav class="navbar"^>
echo         ^<div class="container"^>
echo             ^<a href="/" class="logo"^>{{ site.title }}^</a^>
echo         ^</div^>
echo     ^</nav^>
echo.
echo     ^<main class="container"^>
echo         ^<article class="content-page"^>
echo             ^<header^>
echo                 ^<h1^>{{ page.frontmatter.title }}^</h1^>
echo                 {%% if page.frontmatter.date %%}
echo                 ^<time^>{{ page.frontmatter.date }}^</time^>
echo                 {%% endif %%}
echo                 {%% if page.frontmatter.author %%}
echo                 ^<span class="author"^>by {{ page.frontmatter.author }}^</span^>
echo                 {%% endif %%}
echo             ^</header^>
echo.
echo             ^<div class="content"^>
echo                 {{ page.content ^| safe }}
echo             ^</div^>
echo.
echo             {%% if page.frontmatter.tags %%}
echo             ^<div class="tags"^>
echo                 {%% for tag in page.frontmatter.tags %%}
echo                 ^<span class="tag"^>{{ tag }}^</span^>
echo                 {%% endfor %%}
echo             ^</div^>
echo             {%% endif %%}
echo         ^</article^>
echo     ^</main^>
echo.
echo     ^<footer^>
echo         ^<div class="container"^>
echo             ^<p^>^&copy; 2025 {{ site.author }}. Built with Leaf.^</p^>
echo         ^</div^>
echo     ^</footer^>
echo ^</body^>
echo ^</html^>
) > templates\page.html
goto :eof

:create_css
(
echo * {
echo   margin: 0;
echo   padding: 0;
echo   box-sizing: border-box;
echo }
echo.
echo :root {
echo   --primary: #2d5016;
echo   --primary-dark: #1a3009;
echo   --text: #1a1a1a;
echo   --text-light: #666;
echo   --bg: #ffffff;
echo   --bg-alt: #f8f9fa;
echo   --border: #e0e0e0;
echo   --shadow: rgba^(0, 0, 0, 0.1^);
echo }
echo.
echo body {
echo   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
echo   line-height: 1.6;
echo   color: var^(--text^);
echo   background: var^(--bg-alt^);
echo }
echo.
echo .container {
echo   max-width: 1200px;
echo   margin: 0 auto;
echo   padding: 0 2rem;
echo }
echo.
echo /* Navigation */
echo .navbar {
echo   background: var^(--bg^);
echo   border-bottom: 1px solid var^(--border^);
echo   padding: 1rem 0;
echo   position: sticky;
echo   top: 0;
echo   z-index: 100;
echo }
echo.
echo .navbar .container {
echo   display: flex;
echo   justify-content: space-between;
echo   align-items: center;
echo }
echo.
echo .logo {
echo   font-size: 1.5rem;
echo   font-weight: 600;
echo   color: var^(--primary^);
echo   text-decoration: none;
echo }
echo.
echo .nav-links {
echo   display: flex;
echo   list-style: none;
echo   gap: 2rem;
echo }
echo.
echo .nav-links a {
echo   color: var^(--text^);
echo   text-decoration: none;
echo   font-weight: 500;
echo   transition: color 0.2s;
echo }
echo.
echo .nav-links a:hover {
echo   color: var^(--primary^);
echo }
echo.
echo /* Hero */
echo .hero {
echo   background: linear-gradient^(135deg, var^(--primary^) 0%%, var^(--primary-dark^) 100%%^);
echo   color: white;
echo   padding: 6rem 0;
echo   text-align: center;
echo }
echo.
echo .hero h1 {
echo   font-size: 3rem;
echo   font-weight: 700;
echo   margin-bottom: 1rem;
echo }
echo.
echo .subtitle {
echo   font-size: 1.25rem;
echo   opacity: 0.9;
echo }
echo.
echo /* Main Content */
echo main {
echo   padding: 4rem 0;
echo }
echo.
echo .pages-grid {
echo   display: grid;
echo   grid-template-columns: repeat^(auto-fill, minmax^(300px, 1fr^)^);
echo   gap: 2rem;
echo   margin-top: 2rem;
echo }
echo.
echo .page-card {
echo   background: var^(--bg^);
echo   padding: 2rem;
echo   border-radius: 8px;
echo   box-shadow: 0 2px 8px var^(--shadow^);
echo   transition: transform 0.2s, box-shadow 0.2s;
echo }
echo.
echo .page-card:hover {
echo   transform: translateY^(-4px^);
echo   box-shadow: 0 4px 16px var^(--shadow^);
echo }
echo.
echo .page-card h2 {
echo   margin-bottom: 0.5rem;
echo }
echo.
echo .page-card a {
echo   color: var^(--primary^);
echo   text-decoration: none;
echo }
echo.
echo .page-card a:hover {
echo   text-decoration: underline;
echo }
echo.
echo .page-card time {
echo   color: var^(--text-light^);
echo   font-size: 0.875rem;
echo }
echo.
echo /* Content Page */
echo .content-page {
echo   background: var^(--bg^);
echo   padding: 3rem;
echo   border-radius: 8px;
echo   box-shadow: 0 2px 8px var^(--shadow^);
echo   max-width: 800px;
echo   margin: 0 auto;
echo }
echo.
echo .content-page header {
echo   margin-bottom: 2rem;
echo   padding-bottom: 1rem;
echo   border-bottom: 2px solid var^(--border^);
echo }
echo.
echo .content-page h1 {
echo   color: var^(--primary^);
echo   margin-bottom: 0.5rem;
echo }
echo.
echo .content h2 {
echo   margin-top: 2rem;
echo   margin-bottom: 1rem;
echo }
echo.
echo .content p {
echo   margin-bottom: 1rem;
echo }
echo.
echo .content ul,
echo .content ol {
echo   margin-bottom: 1rem;
echo   padding-left: 2rem;
echo }
echo.
echo .content a {
echo   color: var^(--primary^);
echo   text-decoration: none;
echo }
echo.
echo .content a:hover {
echo   text-decoration: underline;
echo }
echo.
echo .content code {
echo   background: var^(--bg-alt^);
echo   padding: 0.2rem 0.4rem;
echo   border-radius: 3px;
echo   font-family: 'Monaco', 'Courier New', monospace;
echo   font-size: 0.9em;
echo }
echo.
echo .content pre {
echo   background: #1a1a1a;
echo   color: #f5f5f5;
echo   padding: 1.5rem;
echo   border-radius: 8px;
echo   overflow-x: auto;
echo   margin: 1.5rem 0;
echo }
echo.
echo /* Tags */
echo .tags {
echo   display: flex;
echo   gap: 0.5rem;
echo   margin-top: 2rem;
echo   padding-top: 1rem;
echo   border-top: 1px solid var^(--border^);
echo }
echo.
echo .tag {
echo   background: var^(--bg-alt^);
echo   padding: 0.25rem 0.75rem;
echo   border-radius: 16px;
echo   font-size: 0.875rem;
echo   color: var^(--primary^);
echo   border: 1px solid var^(--primary^);
echo }
echo.
echo /* Footer */
echo footer {
echo   background: var^(--primary-dark^);
echo   color: white;
echo   padding: 2rem 0;
echo   margin-top: 4rem;
echo   text-align: center;
echo }
echo.
echo /* Responsive */
echo @media ^(max-width: 768px^) {
echo   .hero h1 {
echo     font-size: 2rem;
echo   }
echo.
echo   .nav-links {
echo     gap: 1rem;
echo   }
echo.
echo   .pages-grid {
echo     grid-template-columns: 1fr;
echo   }
echo.
echo   .content-page {
echo     padding: 1.5rem;
echo   }
echo }
) > static\style.css
goto :eof