site/layout/bootstrap.moon

105 lines
3.2 KiB
Plaintext

import Widget from require "lapis.html"
class Layout extends Widget
head: =>
meta charset: "UTF-8"
title ->
if @title
text "#{@title} - Christine Dodrill"
else
text "Christine Dodrill"
if @meta_description
meta property: "og:description", content: @meta_description
meta name: "description", content: @meta_description
link rel: "stylesheet", href: "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"
link rel: "stylesheet", href: "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css"
link rel: "stylesheet", href: "/static/css/font-awesome.min.css"
link rel: "stylesheet", href: "/static/css/readable.css"
link rel: "stylesheet", href: "/static/css/main.css"
link type: "text/plain", rel: "author", href: "/humans.txt"
script src: "https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"
script src: "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"
script src: "/static/js/instantclick.min.js"
meta name: "viewport", content: "ya-title=#FFF9FD,ya-dock=#FFF9FD"
header: =>
nav class: "navbar navbar-fixed-top", ->
div class: "container", ->
div class: "navbar-header", ->
button type: "button", class: "navbar-toggle collapsed", ["data-toggle"]: "collapse", ["data-target"]: "#navbar", ["aria-expanded"]: "false", ["aria-controls"]: "navbar", ->
span class: "sr-only", ->
text "Toggle navigation"
for i=1,3
span class: "icon-bar"
a class: "navbar-brand", href: "/", ->
text "Christine Dodrill"
div id: "navbar", class: "collapse navbar-collapse", ->
ul class: "nav navbar-nav", ->
if @page == "blog"
li class: "active", ->
a href: "/blog", "Blog"
else
li ->
a href: "/blog", "Blog"
if @page == "projects"
li class: "active", ->
a href: "/projects", "Projects"
else
li ->
a href: "/projects", "Projects"
if @page == "resume"
li class: "active", ->
a href: "/resume", "Resume"
else
li ->
a href: "/resume", "Resume"
ul class: "nav navbar-nav navbar-right", ->
if @page == "contact"
li class: "active", ->
a href: "/contact", "Contact"
else
li ->
a href: "/contact", "Contact"
footer: =>
footer ->
div class: "container footer", ->
center ->
p class: "text-muted", ->
text "Christine Cadence Dodrill - #{os.date "%Y"}"
if os.getenv "GIT_REV"
text " - revision "
a href: "https://github.com/Xe/christine.website/commit/#{os.getenv("GIT_REV")}", ->
code "#{os.getenv("GIT_REV")\sub 1,8}"
body: =>
div class: "container", ->
if @flash
div class: "flash", ->
text @flash
@content_for "inner"
content: =>
html_5 ->
head ->
@head!
body ->
@header!
@body!
@footer!