krakenrails 0.0.2

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in krakenrails.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Jordan K. Burke
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,29 @@
+# Krakenrails
+
+TODO: Write a gem description
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'krakenrails'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install krakenrails
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/app/assets/javascripts/kraken.js

@@ -0,0 +1,60 @@
+/* =============================================================
+ * ios-orientation-change-fix.js v1.0.0
+ * Fixes zoom on rotation bug in iOS.
+ * Script by @scottjehl, rebound by @wilto
+ * https://github.com/scottjehl/iOS-Orientationchange-Fix
+ * MIT / GPLv2 License
+ * ============================================================= */
+
+(function(w){
+	
+	// This fix addresses an iOS bug, so return early if the UA claims it's something else.
+	var ua = navigator.userAgent;
+	if( !( /iPhone|iPad|iPod/.test( navigator.platform ) && /OS [1-5]_[0-9_]* like Mac OS X/i.test(ua) && ua.indexOf( "AppleWebKit" ) > -1 ) ){
+		return;
+	}
+
+    var doc = w.document;
+
+    if( !doc.querySelector ){ return; }
+
+    var meta = doc.querySelector( "meta[name=viewport]" ),
+        initialContent = meta && meta.getAttribute( "content" ),
+        disabledZoom = initialContent + ",maximum-scale=1",
+        enabledZoom = initialContent + ",maximum-scale=10",
+        enabled = true,
+		x, y, z, aig;
+
+    if( !meta ){ return; }
+
+    function restoreZoom(){
+        meta.setAttribute( "content", enabledZoom );
+        enabled = true;
+    }
+
+    function disableZoom(){
+        meta.setAttribute( "content", disabledZoom );
+        enabled = false;
+    }
+	
+    function checkTilt( e ){
+		aig = e.accelerationIncludingGravity;
+		x = Math.abs( aig.x );
+		y = Math.abs( aig.y );
+		z = Math.abs( aig.z );
+				
+		// If portrait orientation and in one of the danger zones
+        if( (!w.orientation || w.orientation === 180) && ( x > 7 || ( ( z > 6 && y < 8 || z < 8 && y > 6 ) && x > 5 ) ) ){
+			if( enabled ){
+				disableZoom();
+			}        	
+        }
+		else if( !enabled ){
+			restoreZoom();
+        }
+    }
+	
+	w.addEventListener( "orientationchange", restoreZoom, false );
+	w.addEventListener( "devicemotion", checkTilt, false );
+
+})( this );

data/app/assets/javascripts/readme.txt

@@ -0,0 +1,4 @@
+Add your javascript to this directory.
+
+For performance reasons, you should concatenate 
+your scripts into a single file if you can.

data/app/assets/stylesheets/kraken.css

@@ -0,0 +1,935 @@
+/*
+
+    KRAKEN.CSS
+    A lightweight front-end boilerplate by Chris Ferdinandi.
+    http://gomakethings.com
+
+
+    Licensed under WTFPL.
+    http://www.wtfpl.net/
+
+
+    COLORS
+    Blue: #0088cc
+    Dark Blue: #005580
+    Dark Gray: #272727
+    Meta Gray: #808080
+    Lite Gray: #e5e5e5
+
+
+    FONT STACKS
+    Serif: Georgia, Times, serif
+    Sans-Serif: "Helvetica Neue", Arial, sans-serif
+    Add your own here...
+
+
+    TYPOGRAPHIC SCALE
+    4px, 5px, 8px, 10px, 11px, 14px, 15px, 17px (base), 20px, 23px, 26px, 30px, 34px, 51px, 68px, 85px, 102px
+    
+
+*/
+
+/*  CSS RESET */
+/*  Meyer's CSS Reset, Normalized.css, and custom code */
+
+/*  Mobile Screen Resizing */
+@-webkit-viewport { width: device-width; zoom: 1.0; }
+   @-moz-viewport { width: device-width; zoom: 1.0; }
+    @-ms-viewport { width: device-width; zoom: 1.0; }
+     @-o-viewport { width: device-width; zoom: 1.0; }
+        @viewport { width: device-width; zoom: 1.0; }
+
+/*  Remove browser defaults */
+html, body, div, span, applet, object, iframe, 
+h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
+a, abbr, acronym, address, big, cite, code, 
+del, dfn, em, img, ins, kbd, q, s, samp, 
+small, strike, strong, sub, sup, tt, var, 
+b, u, i, center, 
+dl, dt, dd, ol, ul, li, 
+button, fieldset, form, label, legend, 
+table, caption, tbody, tfoot, thead, tr, th, td, 
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary, 
+time, mark, audio, video { 
+    margin: 0; 
+    padding: 0; 
+    border: 0; 
+    font-family: "Helvetica Neue", Arial, sans-serif;
+    font-size: 100%; 
+    font: inherit; 
+    vertical-align: baseline; 
+}
+
+/*  Set display type for HTML5 semantic elements */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section { 
+    display: block; 
+}
+
+/*  Force scrollbar display to prevent jumping on pages. 
+ *  Fix text resize bug on mobile devices. */
+html { 
+    overflow-y: scroll; 
+    -webkit-text-size-adjust: 100%; 
+        -ms-text-size-adjust: 100%; 
+} 
+
+/*  Display audio, canvas, and video elements as inline block elements. */
+audio, canvas, video { 
+    display: inline-block; 
+    *display: inline; 
+    *zoom: 1; 
+}
+
+/*  Prevent modern browsers from displaying audio without controls. */
+audio:not([controls]) { 
+    display: none; 
+}
+
+/*  Prevent img and video elements from spilling 
+ *  outside of the page on smaller screens. */
+img, video { 
+    max-width: 100%; 
+    height: auto; 
+}
+
+/*  Prevent iframe, object, and embed elements from 
+ *  spilling outside of the page on smaller screens. */
+iframe, object, embed {
+    max-width: 100%; 
+}
+
+/*  Prevents IE from making scaled images look like crap */
+img { 
+    -ms-interpolation-mode: bicubic; 
+}
+
+/*  Address outline inconsistency between Chrome and other browsers. */
+a:focus,
+button:focus { 
+    outline: thin dotted;
+    outline: .294117647em auto -webkit-focus-ring-color; 
+    outline-offset: -.142857143em; 
+}
+
+/*  Improve readability when focused and also mouse hovered in all browsers. */
+a:hover, a:active { 
+    outline: 0; 
+}
+
+
+
+
+
+/*  THE GRID */
+/*  Structure and layout */
+
+/*  Mobile-first. Single-column layout by default
+ *  Container sets the maximum page width. Adjust as needed. */
+.container { 
+    max-width: 80em;
+    width: 88%;
+    margin-left: auto; 
+    margin-right: auto;
+}
+
+
+/*  Still mostly single-column.
+ *  Grid-third, grid-half, and grid-img 
+ *  provide sub-gridding on smaller screens.  */
+@media (min-width: 30em) {
+
+	.row {
+        margin-left: -1.515151515152%;
+        margin-right: -1.515151515152%;
+	}
+
+    [class^="grid-"], 
+    [class*=" grid-"] {
+        float: left;
+        width:96.969696969697%;
+        margin-left: 1.515151515152%;
+        margin-right: 1.515151515152%;
+    }
+
+    .grid-third {
+        width: 30.30303030303%;
+    }
+
+    .grid-half,
+    .grid-img {
+        width: 46.969696969697%;
+    }
+
+    .grid-two-thirds {
+        width: 63.636363636364%;
+    }
+
+    /*  Reverses order of grid for content choreography */
+    .grid-flip {
+        float: right;
+    }
+
+}
+
+
+/*  6-column grid  */
+@media (min-width: 40em) {
+
+    .grid-1 {
+        width: 13.636363636364%;
+    }
+
+    .grid-2,
+    .grid-third,
+    .grid-img {
+        width: 30.30303030303%;
+    }
+
+    .grid-3,
+    .grid-half { 
+        width: 46.969696969697%;
+    }
+
+    .grid-4,
+    .grid-two-thirds { 
+        width: 63.636363636364%;
+    }
+
+    .grid-5 { 
+        width: 80.30303030303%;
+    }
+
+    .grid-6,
+    .grid-full { 
+        width: 96.969696969697%;
+    }
+
+
+    /*  Offets let you shift grid elements to the right 
+     *  but stay aligned to the grid. */
+    .offset-1 {
+        margin-left: 18.181818181818%;
+    }
+
+    .offset-2 {
+        margin-left: 34.848484848485%;
+    }
+
+    .offset-3 {
+        margin-left: 51.515151515152%;
+    }
+
+    .offset-4 {
+        margin-left: 68.181818181818%;
+    }
+
+    .offset-5 {
+        margin-left: 84.848484848485%;
+    }
+
+}
+
+
+/*  Additional gridding for grid-img on bigger screens.
+ *  Adjust as needed. */
+@media (min-width: 60em) {
+    .grid-img {
+        width: 13.636363636364%;
+    }
+}
+
+
+
+
+
+/*  TYPOGRAPHY */
+/*  Sets font styles for entire site. */
+
+body { 
+    font-family: "Helvetica Neue", Arial, sans-serif;
+    font-size: 106.25%; 
+    line-height: 1.470588235; 
+    color: #272727; 
+    background: #ffffff;
+}
+
+p { 
+    margin-bottom: 1.529411765em; 
+}
+
+@media (min-width: 40em) {
+    body {
+        line-height: 1.588235294;
+    }
+}
+
+
+/*  Sizes 
+ *  For smaller and larger text */
+
+.text-small { 
+    font-size: .882352941em; 
+    line-height: 1.533333333; 
+}
+
+.text-tall { 
+    font-size: 1.166666667em; 
+    line-height: 1.4;
+}
+
+@media (min-width: 40em) {
+    .text-tall {
+        font-size: 1.352941176em;
+    }
+}
+
+
+/*  Colors 
+ *  For alternate text colors */
+
+.text-muted { 
+    color: #808080; 
+}
+
+
+/*  Links 
+ *  Hyperlink styling */
+
+a { 
+    color: #0088cc;
+    text-decoration: none;
+}
+
+a:hover { 
+    color: #005580; 
+    text-decoration: underline; 
+}
+
+a img { 
+    border: none; 
+    background: none; 
+} 
+
+/*  Prevents border/background on linked image hover.
+ *  Adds slight opacity. */
+a:hover img { 
+    border: none; 
+    background: none; 
+    opacity:0.8; 
+    filter:alpha(opacity=80); 
+}
+
+
+/*  Lists 
+ *  Styling for lists */
+
+ul, ol { 
+    margin-bottom: 1.529411765em; 
+    margin-left: 2em;
+}
+
+ul ul, ul ol, ol ol, ol ul { 
+    margin-bottom: 0; 
+}
+
+ul { 
+    list-style: disc; 
+}
+
+ol { 
+    list-style: decimal; 
+}
+
+/*  Removes list styling.
+ *  For semantic reasons, should only 
+ *  be used on unordered lists. */
+.list-unstyled { 
+    margin-left: 0; 
+    list-style: none; 
+}
+
+
+/*  Headings
+ *  h1 through h6 styling
+ *  Heading class lets you use one heading type for semantics
+ *  but style it as another heading type. */
+
+h1, h2, h3, h4, h5, h6 { 
+    line-height: 1.2; 
+    font-weight: normal;
+    margin-bottom: 1em; 
+    padding-top: 1em;
+}
+
+h1, .h1 { 
+    font-size: 1.529411765em; 
+    padding-top: .5em;
+}
+
+h2, .h2 { 
+    font-size: 1.352941176em; 
+}
+
+h3, .h3 { 
+    font-size: 1.176470588em; 
+}
+
+h4, h5, h6,
+.h4, .h5, .h6 { 
+    font-size: .882352941em; 
+    font-style: italic; 
+}
+
+h4, .h4 { 
+    text-transform: uppercase; 
+}
+
+@media (min-width: 40em) {
+    h1, .h1 {
+        font-size: 1.764705882em;
+    }
+}
+
+
+/*  Lines, Quotes and Emphasis */
+
+/*  Lines */
+hr { 
+    margin: 2em auto; 
+    border: 0; 
+    border-top: .071428571em solid #e5e5e5; 
+    border-bottom: .071428571em solid #ffffff; 
+}
+
+/*  Bold */
+strong { 
+    font-weight: bold; 
+}
+
+/*  Italics */
+em { 
+    font-style: italic; 
+}
+
+/*  Subscript & Superscript */
+sub, sup { 
+    position: relative; 
+    font-size: 85%; 
+    font-weight: bold;
+    line-height: 0; 
+    vertical-align: baseline; 
+    margin-left: .3em;
+}
+
+sup { 
+    top: -0.5em; 
+}
+
+sub { 
+    bottom: -0.25em; 
+}
+
+/*  Highlighting colors */
+::selection { 
+    color: #ffffff; 
+    background: #0088cc; 
+}
+
+::-moz-selection { 
+    color: #ffffff; 
+    background: #0088cc; 
+}
+
+/*  Blockquotes */
+blockquote { 
+    border-left: .235294118em solid #e5e5e5; 
+    margin-bottom:1.529411765em; 
+    padding-left: 1.529411765em;
+    padding-right: 1.529411765em;
+}
+
+blockquote, q {
+	quotes: none;
+}
+
+blockquote:before, blockquote:after, 
+q:before, q:after { 
+    content: ''; 
+    content: none; 
+}
+
+
+
+
+
+/*  CODE */
+/*  Styling for code and preformatted text */
+
+code, pre { 
+    font-family: Menlo, Monaco, "Courier New", monospace; 
+    font-size: .764705882em;
+    border-radius: .176470588em;
+}
+
+code { 
+    color: #d14;
+    background-color: #f7f7f9;
+    padding: .235294118em;
+    border: .085em solid #e1e1e8;
+}
+
+pre { 
+    display: block; 
+    margin-bottom: 1.529411765em;
+    line-height: 1.538461538em;
+    background-color: #f5f5f5;
+    padding: .5em;
+    border: .085em solid #ccc; 
+    border-radius: .235294118em; 
+    white-space: pre; 
+    white-space: pre-wrap; 
+    word-break: break-all; 
+}
+
+pre code { 
+    padding: 0; 
+    color: inherit; 
+    background-color: transparent; 
+    border: 0; 
+}
+
+
+
+
+
+/*  BUTTONS */
+/*  Styling for CSS3 buttons */
+
+.btn {
+    display: inline-block;
+    font-size: .882352941em;
+    padding: .4em .666666667em;
+    line-height: 1.333333333;
+    font-weight: normal;
+    background-color: #808080;
+    border: .071428571em solid #808080;
+    border-radius: .235294118em;
+    margin-left: .3em;
+    margin-bottom: .3em;
+}
+
+.btn, 
+.btn:hover, 
+a .btn:hover {
+    color: #ffffff;
+}
+
+.btn:hover, 
+a .btn:hover {
+    background-color: #595959;
+    border-color: #595959;
+    text-decoration: none;
+}
+
+.btn-blue {
+    background-color: #0088cc;
+    border-color: #0088cc;
+}
+
+.btn-blue:hover, 
+a .btn-blue:hover {
+    background-color: #005580;
+    border-color: #005580; 
+}
+
+.btn:active {
+    -webkit-box-shadow: inset 0 .142857143em .235294118em rgba(0, 0, 0, 0.15), 0 .071428571em .142857143em rgba(0, 0, 0, 0.05);
+            box-shadow: inset 0 .142857143em .235294118em rgba(0, 0, 0, 0.15), 0 .071428571em .142857143em rgba(0, 0, 0, 0.05);
+    outline: 0; 
+}
+
+.btn-large {
+    padding: .588235294em .882352941em;
+    font-size: 1em;
+    line-height: normal;
+    border-radius: .294117647em;
+}
+
+.btn-block,
+input[type="submit"].btn-block,
+input[type="reset"].btn-block,
+input[type="button"].btn-block {
+    display: block;
+    width: 100%;
+    margin-left: 0;
+    padding-right: 0;
+    padding-left: 0;
+    -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+            box-sizing: border-box; 
+}
+
+.btn-block + .btn-block {
+    margin-top: .333333333em; 
+}
+
+button, .btn {
+    cursor: pointer;
+    text-align: center;
+    vertical-align: middle;
+    -webkit-appearance: none; 
+}
+
+.btn:first-child, input.btn {
+    margin-left: 0; 
+}
+
+
+
+
+
+/*  FORMS */
+/*  Styling for form elements */
+
+form, fieldset { 
+    margin-bottom: 1.529411765em;
+}
+
+legend, label { 
+    display: block;
+    font-weight: normal;
+    padding: 0; 
+    margin-bottom: .294117647em; 
+}
+
+input, textarea, select {
+    display: block;
+    width: 100%;
+    font: inherit;
+    line-height: 1.470588235;
+    color: #555555;
+    vertical-align: middle; 
+    margin-bottom: 1.176470588em; 
+    padding: .294117647em; 
+    border: .071428571em solid #b8b8b8; 
+    border-radius: .176470588em;
+    -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+form button, form .btn {
+    margin-bottom: 1.176470588em;
+}
+
+textarea { 
+    height: 12em; 
+}
+
+input[type="image"], 
+input[type="checkbox"], 
+input[type="radio"] {
+    display: inline-block;
+    width: auto; 
+    height: auto; 
+    padding: 0; 
+    margin-bottom: .294117647em; 
+    cursor: pointer; 
+}
+
+input:focus, 
+textarea:focus { 
+    border-color: rgba(82, 168, 236, 0.8); 
+    -webkit-box-shadow: inset 0 .071428571em .071428571em rgba(0, 0, 0, 0.075), 0 0 .470588235em rgba(82, 168, 236, 0.6);
+            box-shadow: inset 0 .071428571em .071428571em rgba(0, 0, 0, 0.075), 0 0 .470588235em rgba(82, 168, 236, 0.6);
+    outline: 0; 
+    outline: thin dotted \9; 
+}
+
+input[type="file"]:focus, 
+input[type="checkbox"]:focus, 
+select:focus { 
+    outline: thin dotted; 
+    outline: .294117647em auto -webkit-focus-ring-color; 
+    outline-offset: -.117647059em; 
+}
+
+@media (min-width: 40em) {
+    input, textarea, select {
+        line-height: 1.588235294;
+    }
+}
+
+
+
+
+
+/*  ICONS */
+/*  A placeholder for icon fonts.
+ *  Learn more at http://gomakethings.com/icon-fonts/ */
+
+/*  @font-face code. Change font names and URLs as need.
+ *  Commented Out.
+@font-face { 
+    font-family: 'icomoon'; 
+    src: url('fonts/icomoon.eot'); 
+    src: url('fonts/icomoon.eot?#iefix') format('embedded-opentype'), 
+         url('fonts/icomoon.woff') format('woff'), 
+         url('fonts/icomoon.ttf') format('truetype'), 
+         url('fonts/icomoon.svg#IcoMoon') format('svg'); 
+    font-weight: normal; 
+    font-style: normal; 
+}
+
+[class^="icon-"]:before, 
+[class*=" icon-"]:before { 
+    font-family: 'icomoon'; 
+    font-style: normal; 
+    speak: none; 
+    font-weight: normal; 
+    -webkit-font-smoothing: antialiased; 
+    font-smoothing: antialiased; 
+    text-rendering: optimizeLegibility; 
+}
+*/
+
+
+
+
+
+/*  IMAGES */
+/*  A placeholder for image styling.
+ *  Try Snapshot: Basic image styling.
+ *  http://cferdinandi.github.com/snapshot/ */
+
+
+
+
+
+/*  TABLES */
+/*  A placeholder for table styling.
+ *  Try Tables: Simple CSS table styling.
+ *  http://cferdinandi.github.com/tables/ */
+
+
+
+
+
+/*  BAR GRAPHS */
+/*  A placeholder for bar graph styling.
+ *  Try Bar Graph: Simple CSS bar graphs.
+ *  http://cferdinandi.github.com/bar-graph/ */
+
+
+
+
+
+/*  DROPDOWN MENUS */
+/*  A placeholder for dropdown menu styling.
+ *  Try Drop: Simple, mobile-friendly dropdown menus. 
+ *  http://cferdinandi.github.com/drop/ */
+
+
+
+
+
+/*  COLLAPSE & EXPAND */
+/*  A placeholder for collapse-and-expand widget styling.
+ *  Try Houdini: A simple collapse-and-expand widget.
+ *  http://cferdinandi.github.com/houdini/ */
+
+
+
+
+
+/*  TOGGLE TABS */
+/*  A placeholder for toggle tab styling.
+ *  Try Tabby: Lightweight, mobile-first toggle tabs.
+ *  http://cferdinandi.github.com/tabby/ */
+
+
+
+
+
+/*  MODALS */
+/*  A placeholder for modal styling.
+ *  Try Not-A-Modal: Kinda, sorta, not really modals.
+ *  http://cferdinandi.github.com/not-a-modal/ */
+
+
+
+
+
+/*  NAVIGATION */
+/*  A placeholder for navigation styling.
+ *  Try Astro: A collection of mobile-first navigation patterns.
+ *  http://cferdinandi.github.com/astro/ */
+
+
+
+
+
+/*  CAROUSELS */
+/*  A placeholder for image carousel styling.
+ *  Try FlexSlider by WooThemes.
+ *  https://github.com/cferdinandi/slider */
+
+
+
+
+
+/*  CSS ANIMATIONS */
+/*  A placeholder for CSS animations.
+ *  Try Spinners: Simple CSS3 rotation animations.
+ *  http://cferdinandi.github.com/spinners/ */
+
+
+
+
+
+/*  ALIGNMENT, SPACING & VISIBILITY */
+
+/*  Text alignment */
+
+.text-center { 
+    text-align: center; 
+}
+
+.text-right { 
+    text-align: right; 
+}
+
+.text-left { 
+    text-align: left; 
+}
+
+
+/*  Spacing */
+
+.no-space { 
+    margin: 0; 
+    padding: 0; 
+}
+
+.no-space-bottom { 
+    margin-bottom: 0; 
+    padding-bottom: 0; 
+}
+
+.no-space-top { 
+    margin-top: 0; 
+    padding-top: 0; 
+}
+
+.space-bottom { 
+    margin-bottom: 2em; 
+}
+
+.space-bottom-small { 
+    margin-bottom: .470588235em; 
+    padding-bottom: 0; 
+}
+
+.space-top { 
+    padding-top: .82352941234em; 
+}
+
+
+/*  Screen Reader Text */
+
+.screen-reader { 
+    position: absolute; 
+    top: -9999em; 
+    left:-9999em; 
+}
+
+
+/*  Clearfix */
+
+.group:before, .group:after, 
+.container:before, .container:after, 
+.row:before, .row:after { 
+    display: table; 
+    content: ""; 
+    *zoom: 1; 
+}
+
+.group:after, 
+.container:after, 
+.row:after { 
+    clear: both; 
+}
+
+
+
+
+
+/*  PRINT STYLES */
+/*  Styling for printed content. 
+ *  Adapted from HTML5BP.
+ *  http://html5boilerplate.com/ */
+
+@media print {
+
+    /*  Universal selector.
+     *  Reset all content to transparent background,
+     *  black color, and remove box and text shadows. */
+    * {
+        background: transparent !important;
+        color: #000 !important;
+        box-shadow: none !important;
+        text-shadow: none !important;
+    }
+
+    /*  Specifies page margin */
+    @page {
+        margin: 0.5cm;
+    }
+
+    /*  Underline all links */
+    a, a:visited {
+        text-decoration: underline;
+    }
+
+    /*  Show URL after links */
+    a[href]:after {
+        content: " (" attr(href) ")";
+    }
+
+    /*  Don't show URL for internal links */
+    a[href^="#"]:after {
+        content: "";
+    }
+
+    /*  Specifies the minimum number of lines to print at the top and bottom of a page. */
+    p, h1, h2, h3 {
+        orphans: 3;
+        widows: 3;
+    }
+
+    /*  Avoid inserting a page break after headers */
+    h1, h2, h3 {
+        page-break-after: avoid;
+    }
+
+    /*  Change border color on blockquotes and preformatted text.
+     *  Avoid page breaks inside the content */
+    pre, blockquote {
+        border-color: #999;
+        page-break-inside: avoid;
+    }
+
+    /*  Displayed as a table header row group */
+    thead {
+        display: table-header-group;
+    }
+
+    /*  Avoid inserting a page break inside table rows and images */
+    tr, img {
+        page-break-inside: avoid;
+    }
+    
+}

data/krakenrails.gemspec

@@ -0,0 +1,24 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'krakenrails/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "krakenrails"
+  spec.version       = Krakenrails::VERSION
+  spec.authors       = ["Jordan K. Burke", "Chris Ferdinandi"]
+  spec.email         = ["me@jordankburke.com"]
+  spec.description   = %q{Kraken framework from Chris Ferdinandi for Rails 3.1+}
+  spec.summary       = %q{Kraken framework from Chris Ferdinandi for Rails 3.1+}
+  spec.homepage      = "https://github.com/PendragonDevelopment/krakenrails"
+  spec.license       = "WTFPL"
+
+  spec.files         = `git ls-files`.split($/)
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.3"
+  spec.add_development_dependency "rake"
+  spec.add_runtime_dependency 'railties', '>= 3.1.1'
+end

data/lib/krakenrails/engine.rb

@@ -0,0 +1,4 @@
+module KrakenRails
+	class Engine < ::Rails::Engine
+	end
+end

data/lib/krakenrails/version.rb

@@ -0,0 +1,3 @@
+module Krakenrails
+  VERSION = "0.0.2"
+end

data/lib/krakenrails.rb

@@ -0,0 +1,4 @@
+module Krakenrails
+	require "krakenrails/engine"
+	require "krakenrails/version"
+end

metadata

@@ -0,0 +1,107 @@
+--- !ruby/object:Gem::Specification
+name: krakenrails
+version: !ruby/object:Gem::Version
+  version: 0.0.2
+  prerelease: 
+platform: ruby
+authors:
+- Jordan K. Burke
+- Chris Ferdinandi
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-03-31 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 3.1.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 3.1.1
+description: Kraken framework from Chris Ferdinandi for Rails 3.1+
+email:
+- me@jordankburke.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/assets/javascripts/kraken.js
+- app/assets/javascripts/readme.txt
+- app/assets/stylesheets/kraken.css
+- krakenrails.gemspec
+- lib/krakenrails.rb
+- lib/krakenrails/engine.rb
+- lib/krakenrails/version.rb
+homepage: https://github.com/PendragonDevelopment/krakenrails
+licenses:
+- WTFPL
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.24
+signing_key: 
+specification_version: 3
+summary: Kraken framework from Chris Ferdinandi for Rails 3.1+
+test_files: []