|
|
|
|
(ns NoteHub.views.common
|
|
|
|
|
(:use
|
|
|
|
|
[cssgen]
|
|
|
|
|
[noir.core :only [defpartial]]
|
|
|
|
|
[hiccup.page :only [include-js html5]]
|
|
|
|
|
[hiccup.element :only [javascript-tag]]))
|
|
|
|
|
|
|
|
|
|
(defn gen-comma-list [fonts] (apply str (interpose "," fonts)))
|
|
|
|
|
|
|
|
|
|
(def global-css
|
|
|
|
|
(css
|
|
|
|
|
(rule ".centerized"
|
|
|
|
|
:text-align :center)
|
|
|
|
|
(def helvetica-neue
|
|
|
|
|
(mixin
|
|
|
|
|
:font-weight 300
|
|
|
|
|
:font-family (gen-comma-list ["'Helvetica Neue'"
|
|
|
|
|
"Helvetica"
|
|
|
|
|
"Arial"
|
|
|
|
|
"'Lucida Grande'"
|
|
|
|
|
"sans-serif"])))
|
|
|
|
|
(rule ".button"
|
|
|
|
|
:box-shadow [0 :2px :5px :#aaa]
|
|
|
|
|
:text-decoration :none
|
|
|
|
|
:font-size :1.5em
|
|
|
|
|
:background :#0a2
|
|
|
|
|
:color :white
|
|
|
|
|
:border :none
|
|
|
|
|
:border-radius :10px
|
|
|
|
|
:padding :10px
|
|
|
|
|
helvetica-neue
|
|
|
|
|
(rule "&:hover"
|
|
|
|
|
:background :#2b3))
|
|
|
|
|
(rule "html, body"
|
|
|
|
|
:color :#333
|
|
|
|
|
:margin 0
|
|
|
|
|
:padding 0)
|
|
|
|
|
(rule "#hero"
|
|
|
|
|
:padding-top :5em
|
|
|
|
|
:padding-bottom :5em
|
|
|
|
|
:text-align :center
|
|
|
|
|
(rule "h2"
|
|
|
|
|
helvetica-neue))
|
|
|
|
|
(rule ".article-font"
|
|
|
|
|
:font-family :Georgia
|
|
|
|
|
:font-size :1.3em)
|
|
|
|
|
(rule ".max-width"
|
|
|
|
|
:width "900px")
|
|
|
|
|
(rule "*:focus"
|
|
|
|
|
:outline [:0px :none :transparent])
|
|
|
|
|
(rule "textarea"
|
|
|
|
|
:font-family :Courier
|
|
|
|
|
:font-size :1.3em
|
|
|
|
|
:border :none
|
|
|
|
|
:height :600px)
|
|
|
|
|
(rule "#form-button"
|
|
|
|
|
helvetica-neue
|
|
|
|
|
:display :none
|
|
|
|
|
:cursor :pointer
|
|
|
|
|
:border [:1px :solid]
|
|
|
|
|
:background :white
|
|
|
|
|
:font-size :0.8em
|
|
|
|
|
:opacity :0.8)
|
|
|
|
|
(rule ".central-body"
|
|
|
|
|
:margin-top :5em
|
|
|
|
|
:margin-bottom :5em
|
|
|
|
|
:margin-left "auto"
|
|
|
|
|
:margin-right "auto")
|
|
|
|
|
(rule "h1, h2, h3, h4" :font-family "'Noticia Text'")))
|
|
|
|
|
|
|
|
|
|
(defpartial layout [title & content]
|
|
|
|
|
(html5
|
|
|
|
|
[:head
|
|
|
|
|
[:title "NoteHub - " title]
|
|
|
|
|
[:link {:href "http://fonts.googleapis.com/css?family=Noticia+Text:400,700"
|
|
|
|
|
:rel "stylesheet"
|
|
|
|
|
:type "text/css"}]
|
|
|
|
|
[:style {:type "text/css"} global-css]]
|
|
|
|
|
[:body
|
|
|
|
|
content
|
|
|
|
|
(javascript-tag "var CLOSURE_NO_DEPS = true;")
|
|
|
|
|
(include-js "/js/main.js")]))
|
