# General

- Better README with more info for the content section
  - Explain eleventy usage
- Complete CHANGELOG
- Automatic versioning for package.json and CHANGELOG
- Add dynamic content to robots.txt during build process
- Add dynamic content to sitemap.xml

# 11ty

- Look into teh difference of layouts and templates

# CSS

- Check style for every basic element
- Uniform spelling of classes and identifiers
- Direct class dependencies instead of repeating element names in classes
- Change io stuff
  - Find name for styled interactive elements
  - Find name for io module with nested class names 
- Change demo module
  - Keep placeholder and demo stuff
  - Move other things
  - Prevent styles to be global
- Adapt bootstrap utility API
  - https://github.com/twbs/bootstrap/blob/main/scss/utilities/_api.scss
  - https://github.com/twbs/bootstrap/blob/main/scss/_utilities.scss

# JS

- Use delegation for action attributes like: https://javascript.info/event-delegation#delegation-example-actions-in-markup
- Proxy for class options: https://javascript.info/proxy

# Content

- *Intro* 
  - Complete with description for all basic elements, according to [HTML Standard - The elements of HTML](https://html.spec.whatwg.org/multipage/semantics.html#semantics)
      - Sections
          - [x] body
          - [x] article
          - [x] section
          - [x] nav
          - [x] aside
          - [x] h1-h6
          - [x] hgroup
          - [x] header
          - [x] footer
          - [x] address (put to grouping content)
      - Grouping content
          - [x] p
          - [x] hr
          - [x] pre
          - [x] blockquote
          - [x] ol
          - [x] ul
          - [ ] menu (new)
          - [x] li
          - [x] dl
          - [x] dt
          - [x] dd
          - [x] figure
          - [x] figcaption
          - [x] main
          - [ ] search (new)
          - [x] div
      - Text-level semantics
          - [x] a
          - [x] em
          - [x] strong
          - [x] small
          - [x] s
          - [x] cite
          - [x] q
          - [x] dfn
          - [x] abbr
          - [x] ruby
          - [x] rb (deprecated)
          - [x] rt
          - [x] rtc (deprecated)
          - [x] rp
          - [x] data
          - [x] time
          - [x] code
          - [x] var
          - [x] samp
          - [x] kbd
          - [x] sub
          - [x] sup
          - [x] i
          - [x] b
          - [x] u
          - [x] mark
          - [x] bdi
          - [x] bdo
          - [x] span
          - [x] br (mentioned in grouping content)
          - [x] wbr
      - Edits
          - [x] ins
          - [x] del
      - Embedded content
          - [x] picture
          - [x] source
          - [x] img
          - [ ] iframe
          - [ ] embed
          - [ ] object
          - [ ] param (deprecated)
          - [ ] video
          - [ ] audio
          - [ ] track
          - [ ] map
          - [ ] area
      - Tabular data
          - [ ] table
          - [ ] caption
          - [ ] colgroup
          - [ ] col
          - [ ] tbody
          - [ ] thead
          - [ ] tfoot
          - [ ] tr
          - [ ] td
          - [ ] th
      - Forms
          - [x] form
          - [x] label
          - [x] input
          - [x] button
          - [ ] select
          - [ ] datalist
          - [ ] optgroup
          - [ ] option
          - [ ] textarea
          - [ ] output
          - [ ] progress
          - [ ] meter (new)
          - [x] fieldset
          - [x] legend
      - Interactive elements
          - [ ] details
          - [ ] summary
          - [ ] dialog
      - Scripting
          - [ ] script
          - [ ] noscript
          - [ ] template
          - [ ] slot
          - [ ] canvas