From 54081880a975764171560b47d815e40227966051 Mon Sep 17 00:00:00 2001 From: Lars Henrik Mai Date: Sun, 6 Apr 2014 15:39:51 +0200 Subject: initial commit with barebones middleman app --- .gitignore | 17 ++ Gemfile | 11 ++ Gemfile.lock | 98 ++++++++++ config.rb | 70 ++++++++ source/images/background.png | Bin 0 -> 2726 bytes source/images/middleman.png | Bin 0 -> 25282 bytes source/index.html.erb | 10 ++ source/javascripts/all.js | 1 + source/layouts/layout.erb | 19 ++ source/stylesheets/all.css | 55 ++++++ source/stylesheets/normalize.css | 375 +++++++++++++++++++++++++++++++++++++++ 11 files changed, 656 insertions(+) create mode 100644 .gitignore create mode 100644 Gemfile create mode 100644 Gemfile.lock create mode 100644 config.rb create mode 100644 source/images/background.png create mode 100644 source/images/middleman.png create mode 100644 source/index.html.erb create mode 100644 source/javascripts/all.js create mode 100644 source/layouts/layout.erb create mode 100644 source/stylesheets/all.css create mode 100644 source/stylesheets/normalize.css diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..c779352 --- /dev/null +++ b/.gitignore @@ -0,0 +1,17 @@ +# See http://help.github.com/ignore-files/ for more about ignoring files. +# +# If you find yourself ignoring temporary files generated by your text editor +# or operating system, you probably want to add a global ignore instead: +# git config --global core.excludesfile ~/.gitignore_global + +# Ignore bundler config +/.bundle + +# Ignore the build directory +/build + +# Ignore Sass' cache +/.sass-cache + +# Ignore .DS_store file +.DS_Store diff --git a/Gemfile b/Gemfile new file mode 100644 index 0000000..db7c964 --- /dev/null +++ b/Gemfile @@ -0,0 +1,11 @@ +# If you have OpenSSL installed, we recommend updating +# the following line to use "https" +source 'http://rubygems.org' + +gem "middleman", "~>3.2.2" + +# Live-reloading plugin +gem "middleman-livereload", "~> 3.1.0" + +# For faster file watcher updates on Windows: +gem "wdm", "~> 0.1.0", :platforms => [:mswin, :mingw] \ No newline at end of file diff --git a/Gemfile.lock b/Gemfile.lock new file mode 100644 index 0000000..3a02cd2 --- /dev/null +++ b/Gemfile.lock @@ -0,0 +1,98 @@ +GEM + remote: http://rubygems.org/ + specs: + activesupport (3.2.17) + i18n (~> 0.6, >= 0.6.4) + multi_json (~> 1.0) + chunky_png (1.3.0) + coffee-script (2.2.0) + coffee-script-source + execjs + coffee-script-source (1.7.0) + compass (0.12.4) + chunky_png (~> 1.2) + fssm (>= 0.2.7) + sass (~> 3.2.17) + em-websocket (0.5.0) + eventmachine (>= 0.12.9) + http_parser.rb (~> 0.5.3) + eventmachine (1.0.3) + execjs (1.4.0) + multi_json (~> 1.0) + ffi (1.9.3) + fssm (0.2.10) + haml (4.0.5) + tilt + hike (1.2.3) + http_parser.rb (0.5.3) + i18n (0.6.9) + json (1.8.1) + kramdown (1.3.3) + listen (1.3.1) + rb-fsevent (>= 0.9.3) + rb-inotify (>= 0.9) + rb-kqueue (>= 0.2) + middleman (3.2.2) + coffee-script (~> 2.2.0) + compass (>= 0.12.2) + execjs (~> 1.4.0) + haml (>= 3.1.6) + kramdown (~> 1.2) + middleman-core (= 3.2.2) + middleman-sprockets (>= 3.1.2) + sass (>= 3.1.20) + uglifier (~> 2.4.0) + middleman-core (3.2.2) + activesupport (~> 3.2.6) + bundler (~> 1.1) + i18n (~> 0.6.9) + listen (~> 1.1) + rack (>= 1.4.5) + rack-test (~> 0.6.1) + thor (>= 0.15.2, < 2.0) + tilt (~> 1.4.1) + middleman-livereload (3.1.1) + em-websocket (>= 0.2.0) + middleman-core (>= 3.0.2) + multi_json (~> 1.0) + rack-livereload + middleman-sprockets (3.3.2) + middleman-core (>= 3.2) + sprockets (~> 2.2) + sprockets-helpers (~> 1.1.0) + sprockets-sass (~> 1.0.0) + multi_json (1.9.2) + rack (1.5.2) + rack-livereload (0.3.15) + rack + rack-test (0.6.2) + rack (>= 1.0) + rb-fsevent (0.9.4) + rb-inotify (0.9.3) + ffi (>= 0.5.0) + rb-kqueue (0.2.2) + ffi (>= 0.5.0) + sass (3.2.19) + sprockets (2.12.0) + hike (~> 1.2) + multi_json (~> 1.0) + rack (~> 1.0) + tilt (~> 1.1, != 1.3.0) + sprockets-helpers (1.1.0) + sprockets (~> 2.0) + sprockets-sass (1.0.3) + sprockets (~> 2.0) + tilt (~> 1.1) + thor (0.19.1) + tilt (1.4.1) + uglifier (2.4.0) + execjs (>= 0.3.0) + json (>= 1.8.0) + +PLATFORMS + ruby + +DEPENDENCIES + middleman (~> 3.2.2) + middleman-livereload (~> 3.1.0) + wdm (~> 0.1.0) diff --git a/config.rb b/config.rb new file mode 100644 index 0000000..ad3a260 --- /dev/null +++ b/config.rb @@ -0,0 +1,70 @@ +### +# Compass +### + +# Change Compass configuration +# compass_config do |config| +# config.output_style = :compact +# end + +### +# Page options, layouts, aliases and proxies +### + +# Per-page layout changes: +# +# With no layout +# page "/path/to/file.html", :layout => false +# +# With alternative layout +# page "/path/to/file.html", :layout => :otherlayout +# +# A path which all have the same layout +# with_layout :admin do +# page "/admin/*" +# end + +# Proxy pages (http://middlemanapp.com/basics/dynamic-pages/) +# proxy "/this-page-has-no-template.html", "/template-file.html", :locals => { +# :which_fake_page => "Rendering a fake page with a local variable" } + +### +# Helpers +### + +# Automatic image dimensions on image_tag helper +# activate :automatic_image_sizes + +# Reload the browser automatically whenever files change +# activate :livereload + +# Methods defined in the helpers block are available in templates +# helpers do +# def some_helper +# "Helping" +# end +# end + +set :css_dir, 'stylesheets' + +set :js_dir, 'javascripts' + +set :images_dir, 'images' + +# Build-specific configuration +configure :build do + # For example, change the Compass output style for deployment + # activate :minify_css + + # Minify Javascript on build + # activate :minify_javascript + + # Enable cache buster + # activate :asset_hash + + # Use relative URLs + # activate :relative_assets + + # Or use a different image path + # set :http_prefix, "/Content/images/" +end diff --git a/source/images/background.png b/source/images/background.png new file mode 100644 index 0000000..8681d44 Binary files /dev/null and b/source/images/background.png differ diff --git a/source/images/middleman.png b/source/images/middleman.png new file mode 100644 index 0000000..c685e56 Binary files /dev/null and b/source/images/middleman.png differ diff --git a/source/index.html.erb b/source/index.html.erb new file mode 100644 index 0000000..7537cd6 --- /dev/null +++ b/source/index.html.erb @@ -0,0 +1,10 @@ +--- +title: Welcome to Middleman +--- + +
+

Middleman is Watching

+

+ <%= link_to "Read Online Documentation", "http://middlemanapp.com/" %> +

+
\ No newline at end of file diff --git a/source/javascripts/all.js b/source/javascripts/all.js new file mode 100644 index 0000000..2becd76 --- /dev/null +++ b/source/javascripts/all.js @@ -0,0 +1 @@ +//= require_tree . \ No newline at end of file diff --git a/source/layouts/layout.erb b/source/layouts/layout.erb new file mode 100644 index 0000000..7bdfeb1 --- /dev/null +++ b/source/layouts/layout.erb @@ -0,0 +1,19 @@ + + + + + + + + + + <%= current_page.data.title || "The Middleman" %> + + <%= stylesheet_link_tag "normalize", "all" %> + <%= javascript_include_tag "all" %> + + + + <%= yield %> + + \ No newline at end of file diff --git a/source/stylesheets/all.css b/source/stylesheets/all.css new file mode 100644 index 0000000..6ff94cf --- /dev/null +++ b/source/stylesheets/all.css @@ -0,0 +1,55 @@ +@charset "utf-8"; + +body { + background: #d4d4d4 url("../images/background.png"); + text-align: center; + font-family: sans-serif; } + +h1 { + color: rgba(0, 0, 0, .3); + font-weight: bold; + font-size: 32px; + letter-spacing: -1px; + text-transform: uppercase; + text-shadow: 0 1px 0 rgba(255, 255, 255, .5); + background: url("../images/middleman.png") no-repeat center 100px; + padding: 350px 0 10px; + margin: 0; } + +.doc { + font-size: 14px; + margin: 0; } + .doc:before, + .doc:after { + opacity: .2; + padding: 6px; + font-style: normal; + position: relative; + content: "•"; } + .doc a { + color: rgba(0, 0, 0, 0.3); } + .doc a:hover { + color: #666; } + +.welcome { + -webkit-animation-name: welcome; + -webkit-animation-duration: .9s; } + +@-webkit-keyframes welcome { + from { + -webkit-transform: scale(0); + opacity: 0; + } + 50% { + -webkit-transform: scale(0); + opacity: 0; + } + 82.5% { + -webkit-transform: scale(1.03); + -webkit-animation-timing-function: ease-out; + opacity: 1; + } + to { + -webkit-transform: scale(1); + } +} \ No newline at end of file diff --git a/source/stylesheets/normalize.css b/source/stylesheets/normalize.css new file mode 100644 index 0000000..73abb76 --- /dev/null +++ b/source/stylesheets/normalize.css @@ -0,0 +1,375 @@ +/*! normalize.css v2.0.1 | MIT License | git.io/normalize */ + +/* ========================================================================== + HTML5 display definitions + ========================================================================== */ + +/* + * Corrects `block` display not defined in IE 8/9. + */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section, +summary { + display: block; +} + +/* + * Corrects `inline-block` display not defined in IE 8/9. + */ + +audio, +canvas, +video { + display: inline-block; +} + +/* + * Prevents modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/* + * Addresses styling for `hidden` attribute not present in IE 8/9. + */ + +[hidden] { + display: none; +} + +/* ========================================================================== + Base + ========================================================================== */ + +/* + * 1. Sets default font family to sans-serif. + * 2. Prevents iOS text size adjust after orientation change, without disabling + * user zoom. + */ + +html { + font-family: sans-serif; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ + -ms-text-size-adjust: 100%; /* 2 */ +} + +/* + * Removes default margin. + */ + +body { + margin: 0; +} + +/* ========================================================================== + Links + ========================================================================== */ + +/* + * Addresses `outline` inconsistency between Chrome and other browsers. + */ + +a:focus { + outline: thin dotted; +} + +/* + * Improves readability when focused and also mouse hovered in all browsers. + */ + +a:active, +a:hover { + outline: 0; +} + +/* ========================================================================== + Typography + ========================================================================== */ + +/* + * Addresses `h1` font sizes within `section` and `article` in Firefox 4+, + * Safari 5, and Chrome. + */ + +h1 { + font-size: 2em; +} + +/* + * Addresses styling not present in IE 8/9, Safari 5, and Chrome. + */ + +abbr[title] { + border-bottom: 1px dotted; +} + +/* + * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. + */ + +b, +strong { + font-weight: bold; +} + +/* + * Addresses styling not present in Safari 5 and Chrome. + */ + +dfn { + font-style: italic; +} + +/* + * Addresses styling not present in IE 8/9. + */ + +mark { + background: #ff0; + color: #000; +} + + +/* + * Corrects font family set oddly in Safari 5 and Chrome. + */ + +code, +kbd, +pre, +samp { + font-family: monospace, serif; + font-size: 1em; +} + +/* + * Improves readability of pre-formatted text in all browsers. + */ + +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} + +/* + * Sets consistent quote types. + */ + +q { + quotes: "\201C" "\201D" "\2018" "\2019"; +} + +/* + * Addresses inconsistent and variable font size in all browsers. + */ + +small { + font-size: 80%; +} + +/* + * Prevents `sub` and `sup` affecting `line-height` in all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +/* ========================================================================== + Embedded content + ========================================================================== */ + +/* + * Removes border when inside `a` element in IE 8/9. + */ + +img { + border: 0; +} + +/* + * Corrects overflow displayed oddly in IE 9. + */ + +svg:not(:root) { + overflow: hidden; +} + +/* ========================================================================== + Figures + ========================================================================== */ + +/* + * Addresses margin not present in IE 8/9 and Safari 5. + */ + +figure { + margin: 0; +} + +/* ========================================================================== + Forms + ========================================================================== */ + +/* + * Define consistent border, margin, and padding. + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/* + * 1. Corrects color not being inherited in IE 8/9. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ + +legend { + border: 0; /* 1 */ + padding: 0; /* 2 */ +} + +/* + * 1. Corrects font family not being inherited in all browsers. + * 2. Corrects font size not being inherited in all browsers. + * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome + */ + +button, +input, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 2 */ + margin: 0; /* 3 */ +} + +/* + * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ + +button, +input { + line-height: normal; +} + +/* + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Corrects inability to style clickable `input` types in iOS. + * 3. Improves usability and consistency of cursor style between image-type + * `input` and others. + */ + +button, +html input[type="button"], /* 1 */ +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; /* 2 */ + cursor: pointer; /* 3 */ +} + +/* + * Re-set default cursor for disabled elements. + */ + +button[disabled], +input[disabled] { + cursor: default; +} + +/* + * 1. Addresses box sizing set to `content-box` in IE 8/9. + * 2. Removes excess padding in IE 8/9. + */ + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/* + * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. + * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome + * (include `-moz` to future-proof). + */ + +input[type="search"] { + -webkit-appearance: textfield; /* 1 */ + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; /* 2 */ + box-sizing: content-box; +} + +/* + * Removes inner padding and search cancel button in Safari 5 and Chrome + * on OS X. + */ + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/* + * Removes inner padding and border in Firefox 4+. + */ + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/* + * 1. Removes default vertical scrollbar in IE 8/9. + * 2. Improves readability and alignment in all browsers. + */ + +textarea { + overflow: auto; /* 1 */ + vertical-align: top; /* 2 */ +} + +/* ========================================================================== + Tables + ========================================================================== */ + +/* + * Remove most spacing between table cells. + */ + +table { + border-collapse: collapse; + border-spacing: 0; +} \ No newline at end of file -- cgit v1.2.1