Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Middleman Static Site Generation

Middleman Static Site Generation

A quick presentation on the Middleman static site generator. Talking about the advantages of leveraging it for your next site.

Jared Koumentis

March 27, 2014
Tweet

More Decks by Jared Koumentis

Other Decks in Programming

Transcript

  1. $-> gem install middleman $-> middleman init $-> middleman server

    $-> middleman build $-> middleman init <project_name>
  2. <!doctype html> <html> <head> <meta charset="utf-8"> ! <!-- Always force

    latest IE rendering engine or request Chrome Frame --> <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"> ! <!-- Use title if it's in the page YAML frontmatter --> <title><%= current_page.data.title || "The Middleman" %></title> ! <%= stylesheet_link_tag "normalize", "all", "application" %> <%= javascript_include_tag "all" %> </head> ! <body class="<%= page_classes %>"> <%= yield %> </body> </html>
  3. %html %head %meta{:charset => 'utf-8'} %meta{'http-equiv' => 'X-UA-Compatible', :content =>

    'IE=edge,chrome=1'} %title= current_page.data.title = stylesheet_link_tag "normalize", "all", "application" = javascript_include_tag "all" %body{:class => page_classes} .container-fluid .row .navbar.navbar-inverse.navbar-fixed-top .navbar-inner Hi .row = yield
  4. %html %head %meta{:charset => 'utf-8'} %meta{'http-equiv' => 'X-UA-Compatible', :content =>

    'IE=edge,chrome=1'} %title= current_page.data.title = stylesheet_link_tag "normalize", "all", "application" = javascript_include_tag "all" %body{:class => page_classes} .container-fluid = yield
  5. .index { h1 { color: rgba(0, 0, 0, 1); font-weight:

    bold; font-size: 32px; letter-spacing: -1px; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); padding: 125px 0px 10px; margin: 0; } h2 { color: rgba(0, 0, 0, 0.85); font-weight: light; font-size: 26px; letter-spacing: -1px; padding: 5px, 0px, 0px; margin-top: 5px; margin-bottom: 2px; } }