(in-package :whitespace)
 (defun base-template-f (&optional demo)
   (cl-markup:xhtml5
     (:head
       (:title "Whitespace")
       (:script :src "https://code.jquery.com/jquery-2.1.4.min.js" :type "text/javascript" "")
       (:script :src "https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.5/angular.js" :type "text/javascript" "")
       (:script :src "https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.5/angular-resource.js" :type "text/javascript" "")
       (:script :src "https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.5/angular-sanitize.js" :type "text/javascript" "")
       (:script :src "/static/js/fold.js" :type "text/javascript" "")
       (:script :src "/static/js/whitespace-angular.js" :type "text/javascript" "")
       (:link :rel "stylesheet" :href "/static/css/reset.css")
       (:link :rel "stylesheet" :href "/static/css/baseline_post.css")
       (:link :rel "stylesheet" :href "/static/css/formalize.css")
       (:link :rel "stylesheet" :href "/static/css/main.css")
       (:link :rel "stylesheet" :href "/static/css/content.css")
       (:link :rel "stylesheet" :href "/theme/light.css")
       (:link :rel "icon" :href "/static/images/Whitespace_favicon.png" :type "image/x-icon")
       (:link :rel "shortcut icon" :href "/static/images/Whitespace_favicon.png" :type "image/x-icon"))
 
     (:body :ng-app "whitespace" :ng-controller "MainCtrl"
      (:header
        (:button :class "flip-button" "…")
        (:h1 "Whitespace")
        )
      (:section :id "content"
       (:section :id "sidebar"
        (:ul :class "menu" 
         (:li :ng-repeat "feed in feeds.result"
          (:a :ng-click "toggleClosed(feed)" "{{ feed.title }}"))))
       (:main
         (cl-markup:raw
           (unless demo
             (cl-markup:markup
               (:form :name "add-form" :id "add-form" :ng-submit "addFeed()"
                (:input :type "text" :name "url" :class "urltext" :ng-model "addForm.url" :placeholder "http://example.com/feed.rss . . ." "")
                (:input :type "hidden" :name "api" :value "yes" "")
                (:button :type "submit" :class "fsub" "+")))))
         (:img :ng-class "{spinner: true, hide: feeds.result !== undefined}" :src "/static/images/spinner.gif" "")
         (:div :class "hide" :ng-class "{hide: feeds.result === undefined}"
          (:section :ng-class "{feed: true, closed: !feed.closed}" :ng-repeat "feed in feeds.result"
           (:section :class "feed-header" :ng-click "toggleClosed(feed)"
            (:h2 "{{ feed.title }}")
            (:h3 "{{ feed.description }}"))
           (:ul :class "post-list"
            (:li :ng-class "{link: true, closed: !item.closed}" :ng-repeat "item in feed.items"
             (:section :class "link-header" :ng-click "toggleClosed(item)"
              (:h4 "{{item.title}}")
              (:p :class "link-info"
               (:a :target "_blank" :ng-href "{{item.link}}" :class "link-url" "{{item.link}}")
               (:span :class "link-date" "{{item.date}}")))
             (:section :class "link-content"
              (:div :ng-bind-html "renderHtml(item.description)" ""))))))))
      (:footer))))