divtober2020.pug

extends _layout

block vars
  - var pageTitle = '#divtober 2020'
  - var pageDescription = 'One single div illustration for each day in October.'
  - var bodyClass = 'divtober divtober2020'
  - var cssPath = '/css/divtober.css'

block content

  .content
    h2 Divtober 2020
    p A single div CSS illustration for each day in October.
    .nav-years
      a(href='/divtober2019') 2019
      p 2020
      a(href='/divtober2021') 2021
      a(href='/divtober2022') 2022
      a(href='/divtober2023') 2023
    h3 Rules I guess?
    ul
      li Each drawing is one #[code <div>] + its #[code ::before] and #[code ::after].
      li No SVG or images.
      li I tend to avoid using #[code clip-path] to draw shapes, but do what you want.
      li Tag stuff on Twitter/Codepen with #[strong #divtober].
      li Examples from #[a(href='https://twitter.com/search?q=%23divtober%20until%3A2019-11-02%20since%3A2019-10-01&src=typed_query&f=live') 2019].
    p: a(href='https://twitter.com/lynnandtonic/status/1322943111077588992') View my 2020 collection
    hr
    h3 Prompt List
    ol.prompts
      li Hot
      li Old-timey
      li Boxed
      li Knot
      li Egg
      li Digital
      li Bright
      li Fly
      li Hairy
      li Slow
      li Train
      li Reflection
      li Repeating
      li Radio
      li Ship
      li Music
      li Parasite
      li Little
      li Hidden
      li Winding
      li Iconic
      li Power
      li Surreal
      li Juicy
      li Deep
      li Surprise
      li Sharp
      li Letter
      li Rhyme
      li Turtle
      li Zap