DannyBen/madman

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()