Democratic People's Republic Of Noise

No Gods, No Masters, just salads and pasta.

DPRN are a loose collective of punk, grind and noise bands. We put on shows in Glasgow, Scotland.

├── src/
│   ├── _data/             # Global data files
│   │   └── metadata.json  # Site metadata
│   ├── _includes/         # Layout templates and partials
│   │   ├── layouts/
│   │   │   ├── base.njk   # Base layout template
│   │   │   └── post.njk   # Post layout template
│   │   └── postslist.njk  # Post list partial
│   ├── posts/             # Blog posts (markdown)
│   │   ├── posts.json     # Post defaults
│   │   ├── welcome-to-my-blog.md
│   │   ├── building-with-eleventy.md
│   │   └── markdown-guide.md
│   ├── css/               # Stylesheets
│   │   ├── index.css      # Main stylesheet
│   │   └── prism-base16-monokai.dark.css # Code highlighting
│   ├── index.md           # Homepage
│   ├── posts.md           # Posts archive page
│   ├── about.md           # About page
│   └── feed.njk           # RSS feed template
├── .eleventy.js           # 11ty configuration
├── package.json           # Dependencies
├── index.ts               # Val Town HTTP handler
└── README.md

• ✅ Working Blog - Fully functional with multiple posts
• ✅ Responsive Design - Mobile-friendly layout
• ✅ Post Collections - Organized blog posts with metadata
• ✅ Navigation - Header navigation between pages
• ✅ Tags System - Posts can be tagged and categorized
• ✅ Date Formatting - Human-readable post dates
• ✅ SEO-Friendly - Proper meta tags and descriptions
• ✅ Modern CSS - Clean, professional styling
• ✅ Code Highlighting - Syntax highlighting for code blocks

The blog includes these working pages:

• Homepage (/) - Welcome page with recent posts
• All Posts (/posts/) - Complete list of blog posts
• Individual Posts (/posts/[slug]/) - Full post content
• About Page (/about/) - Information about the blog
• CSS Styling (/css/index.css) - Responsive stylesheet

This implementation uses a simplified approach that works within Val Town's constraints:

• Static Content Serving - Serves pre-built HTML content
• Mock Data - Uses JavaScript objects to simulate 11ty collections
• Template Processing - Basic template engine for dynamic content
• File Serving - Serves CSS and other static assets
• Responsive Design - Mobile-first CSS with modern styling

The blog comes with three sample posts:

1. Welcome to My Blog - Introduction post about Eleventy
2. Building Static Sites with Eleventy - Tutorial on 11ty features
3. Markdown Writing Guide - Guide to writing in Markdown

To add new blog posts, you can:

1. Add new post objects to the mockData.posts array in index.ts
2. Include proper metadata (title, date, description, tags)
3. Write content in HTML format
4. Update the URL routing if needed

• Styling - Modify /src/css/index.css for visual changes
• Content - Update the mock data in index.ts
• Layout - Adjust the HTML templates in the response handlers
• Metadata - Update site information in the mockData.metadata object

This implementation demonstrates 11ty concepts while working within Val Town's serverless environment. The original 11ty configuration files are preserved to show the intended structure, but the actual serving is handled by a custom TypeScript handler that mimics 11ty's output.

The blog is fully functional and demonstrates all the key features you'd expect from an 11ty static site!