doctype html html

head
  meta name="viewport" content="width=device-width, initial-scale=1"
  script src="https://code.jquery.com/jquery-3.3.1.min.js"integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="crossorigin="anonymous"
  link href='https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/2.10.0/github-markdown.min.css' rel='stylesheet' type='text/css'

body

  scss:
    .markdown-body {
      box-sizing: border-box;
      min-width: 200px;
      max-width: 980px;
      margin: 0 auto;
      padding: 45px;
    }

    @media (max-width: 767px) {
      .markdown-body {
        padding: 15px;
      }
    }

    .s:hover {
      cursor: pointer;
    }

    .hidden { 
      display: none;
      margin-left: 10px;
    }

  .markdown-body 
    h1 
      a#toggle-all href='#' = title

    == tree

  coffee:
    $ ->
      $('.clickable').on "click", (e) ->
        e.preventDefault()
        target = $(this).attr 'href'
        $(target).toggle()

      $('#toggle-all').on "click", (e) ->
        e.preventDefault()
        $('.hidden').toggle()