eQuill-Labs

eQuill Labs Website

Static website for eQuill Labs showcasing recent projects and tools. Discord: https://discord.gg/sp8AQQhMJ7

Development

The website uses a lightweight build system with Handlebars for templating and a dark mode design.

Project Structure

Source files:

src/
├── static/          # Static assets (CSS, JS, images)
│   ├── css/        # Stylesheets
│   ├── js/         # JavaScript files
│   └── images/     # Image assets
└── templates/       # Handlebars templates
    ├── layouts/    # Layout templates (default, project)
    ├── pages/      # Page content
    └── partials/   # Reusable components (header, footer)

Build output:

pages/             # Production build output
├── css/           # Processed stylesheets
├── js/            # Processed scripts
├── images/        # Optimized images
├── index.html     # Homepage
└── projects/      # Project pages
    ├── project-xyz.html
    ├── project-abc.html

Setup

  1. Install dependencies:
    npm ci
    
  2. Start development server:
    npm run watch
    
  3. Build for production:
    npm run build
    

Adding New Pages

  1. Create a new .hbs file in src/templates/pages/
  2. Add frontmatter:
    ---
    layout: default|project  # Use 'project' layout for project pages
    title: Page Title
    relative: ../           # Relative path to root from page location
    ---
    
  3. Add your page content using HTML and Handlebars syntax
  4. Run build command

Projects

Obsidian Plugins

NPM Packages

NodeJS Apps

Features