11ty Ultra minimalism A barebones Eleventy (3.1.2, ESM) starter with just the essentials. https://ultra.000000076.xyz/ 2025-12-28T00:00:00.000Z Adam DJ Brett info@adamdjbrett.com https://ultra.000000076.xyz Style Guide https://ultra.000000076.xyz/blog/style/ 2025-12-28T00:00:00.000Z From https://11tytheme.sjoy.lol

A whole load of Elements to style!

^ That was heading level 1 :)

Heading level 2

Heading level 3

Heading level 4

Heading level 5
Heading level 6

Narrow (320px wide) image:

A small bird standing on top of a wet beach
Photo by Grant Durr on Unsplash

Oversize (960px wide) image:

A view of a mountain range at sunset
Photo by Marek Piwnicki on Unsplash

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id risus quis purus mollis lobortis vel ac tellus. Nam pharetra lorem quis dui commodo dapibus. Curabitur aliquet sapien vitae ligula pretium sollicitudin. Sed sed magna eu risus placerat gravida non sit amet augue. Morbi volutpat lobortis imperdiet. Sed elit purus, commodo a mi in, condimentum sagittis urna. Etiam condimentum pharetra cursus. Aliquam erat volutpat. In vel diam nulla. Praesent faucibus augue quis dui vehicula, a consequat est fringilla. Sed nec nisi fermentum, maximus nunc ac, hendrerit lorem. Proin mollis metus in erat dictum egestas. Proin nec ipsum viverra, scelerisque nisi in, faucibus nulla.

Just a random block of text inside an aside element!

Aliquam erat volutpat. Donec sagittis libero ac justo suscipit laoreet. Suspendisse ut sem vel augue vulputate sodales blandit sit amet metus. Quisque porta consectetur efficitur. Duis venenatis nisl in mollis convallis. Pellentesque quis accumsan orci. Nulla porta arcu quis laoreet sagittis. Aliquam erat volutpat. Suspendisse sagittis, turpis vel posuere suscipit, dolor nunc sodales est, quis cursus dui elit vel nisl.

Donec tempus vestibulum odio vel consectetur. Donec sed feugiat tortor. Mauris iaculis nunc in orci suscipit, vel egestas orci pulvinar. In dapibus tortor ornare, eleifend eros eu, suscipit neque. Morbi quis pellentesque turpis, sit amet imperdiet augue. Mauris porttitor congue imperdiet. Quisque aliquet id quam a placerat. Fusce maximus in nibh vel ultricies.

Normal, abbr, del, dfn, em, ins, mark, strike through, small, strong, ~sub~, ^sup^, u

Links

These are links: never visited link, visited link. Mouse hover to see effects.

Lists

Unordered list

  • List item with a much longer description or more content.
  • List item
  • List item
    • Nested list item
    • Nested list item
    • Nested list item
  • List item
  • List item
  • List item

Ordered list

  1. List item with a much longer description or more content.
  2. List item
  3. List item
    1. Nested List Item
    2. Nested List Item
    3. Nested List Item
  4. List item
  5. List item
  6. List item

Mixed

  • List item with a much longer description or more content.
  • List item
  • List item
    1. Nested list item
    2. Nested list item
    3. Nested list item
  • List item
  • List item
  • List item
  1. List item with a much longer description or more content.
  2. List item
  3. List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
      1. Nested List Item
      2. Nested List Item
      3. Nested List Item
        1. Nested List Item
        2. Nested List Item
        3. Nested List Item
          • Nested list item
          • Nested list item
          • Nested list item
    • Nested List Item
    • Nested List Item
  4. List item
  5. List item
  6. List item

Definition list

Definition list

Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet

Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Details & Summary

Question 1

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis.

Related documents

Question 2

Duis consequat metus et eros rutrum, interdum facilisis urna interdum. Etiam facilisis diam in libero varius ultricies id id est. Sed lacinia pellentesque sem vel sagittis.

Blockquote

Those people who think they know everything are a great annoyance to those of us who do.Isaac Asimov

Code

This is inline code <div>div element</div>. This is sample output sample And below is block code.

div element

paragraph

The input keyboard Ctrl+S. This is variable: y = m**x + b

Table

Table heading Table heading
Table footer Table footer
Table data Table data
Table data Table data
Table data Table data
Table data Table data

Form elements

Form elements

Input types



































]]> Welcome to μ Eleventy https://ultra.000000076.xyz/blog/welcome/ 2025-12-27T00:00:00.000Z Welcome to this minimalist blog! This site combines the simplicity of Eleventy with the brutalist aesthetic of the μ css framework.

Why μ?

The μ (mu) framework weighs in at just 1 kilobyte. It provides just enough styling to make semantic HTML look good without any classes needed.

Features

This blog includes:

  • Fast static site generation with Eleventy 3.1.2
  • Minimalist design with μ css
  • RSS/Atom feeds for syndication
  • Full sitemap for SEO
  • No JavaScript required (except for build tools)

Getting Started

Writing posts is simple. Just create a Markdown file in the blog/ directory with frontmatter:

---
title: Your Post Title
description: A brief description
date: 2025-12-29
---

Then write your content in Markdown. That's it!

Next Steps

Check out the blog for more posts, or learn more about this site.

]]> Simple Web Design Principles https://ultra.000000076.xyz/blog/simple-design/ 2025-12-26T00:00:00.000Z The web has become bloated with unnecessary JavaScript frameworks, complex CSS, and huge images. But it doesn't have to be this way.

Keep It Simple

A good website should:

  1. Load fast - No multi-megabyte frameworks
  2. Be accessible - Work for everyone, everywhere
  3. Be readable - Clear typography and spacing
  4. Be semantic - Use proper HTML elements

The μ Philosophy

The μ framework embodies these principles:

  • Just 1kb of CSS
  • No classes required
  • Semantic HTML that just works
  • Mobile-first responsive design

Code Example

Here's how simple it can be:

<article>
  <h1>My Article</h1>
  <p>Some content here.</p>
</article>

No frameworks, no build steps for the HTML - just clean, semantic markup.

Conclusion

Sometimes the best solution is the simplest one. Start with good HTML, add minimal CSS, and only add complexity when absolutely necessary.

]]> Hello, world https://ultra.000000076.xyz/blog/2025-01-01-hello-world/ 2025-01-01T00:00:00.000Z This is a sample blog post. Create more posts in src/blog/ and they’ll appear on the blog index.

# new post idea
cp src/blog/2025-01-01-hello-world.md src/blog/2025-02-01-my-post.md
]]> This is a sample blog post. Create more posts in src/blog/ and they’ll appear on the blog index.

# new post idea
cp src/blog/2025-01-01-hello-world.md src/blog/2025-02-01-my-post.md
]]>