Pico

A Blurry theme built using Pico.css. Photo by Marek Piwnicki on Unsplash.

Buy Me a Coffee ☕Get Blurry →

Blurry themes

A demo site and testing ground for themes for Blurry, a static site generator.

How to use a Blurry theme

The themes are available here:

  1. Clone the blurry-themes repo (https://github.com/blurry-dev/blurry-themes):

    git clone git@github.com:blurry-dev/blurry-themes.git
    
  2. Try out the different themes by editing the templates_directory_name setting in blurry.toml, or by passing the equivalent environment variable to blurry runserver:

    BLURRY_TEMPLATES_DIRECTORY_NAME=themes/pico blurry runserver
    
  3. Once you find a theme you like, copy its folder into your project at the path that matches your site's TEMPLATES_DIRECTORY_NAME setting, which defaults to templates.


Demo

Below is a quick demonstration of how common Markdown elements appear with this theme.

Typography

These should all look great:

  1. Bold text
  2. Italics
  3. Strikethroughs
    • Indented list items

Yep, they look groovy.

Code

Inline

Inline code and kbd tags should be =ly easy on the eyes.

Block

Block code should work <strong>well</strong>, too.

Tables

Blurry repoTypeStars
blurryCLI10+
blurry-plugin-blur-blurry-namePlugin0

Images

Images are responsive out-of-the-box so they stay in-the-box if the box is a browser's viewport:

Photo by Marek Piwnicki on Unsplash
Photo by Marek Piwnicki on Unsplash