atlas_assets 0.0.7

data/.gitignore

@@ -0,0 +1,2 @@
+.DS_Store
+_site

data/Gemfile

@@ -0,0 +1,15 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in atlas_assets.gemspec
+gemspec
+
+gem "rake"
+gem "jekyll"
+gem "sass"
+gem 'jekyll-assets', :git => "git://github.com/ixti/jekyll-assets.git"
+gem 'rack-contrib'
+gem "rack-rewrite"
+gem "pygmentize", "~> 0.0.3"
+gem "kramdown"
+gem "coderay"
+gem "puma"

data/Gemfile.lock

@@ -0,0 +1,86 @@
+GIT
+  remote: git://github.com/ixti/jekyll-assets.git
+  revision: a04c7628f4746f2b159cb0c5925876368d0029c1
+  specs:
+    jekyll-assets (0.5.1)
+      jekyll (~> 1.0)
+      sprockets (~> 2.9)
+
+PATH
+  remote: .
+  specs:
+    atlas_assets (0.0.7)
+      handlebars_assets (~> 0.12.1)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    classifier (1.3.3)
+      fast-stemmer (>= 1.0.0)
+    coderay (1.0.9)
+    colorator (0.1)
+    commander (4.1.3)
+      highline (~> 1.6.11)
+    directory_watcher (1.4.1)
+    execjs (1.4.0)
+      multi_json (~> 1.0)
+    fast-stemmer (1.0.2)
+    handlebars_assets (0.12.1)
+      execjs (>= 1.2.9)
+      sprockets (>= 2.0.3)
+      tilt
+    highline (1.6.19)
+    hike (1.2.2)
+    jekyll (1.0.2)
+      classifier (~> 1.3)
+      colorator (~> 0.1)
+      commander (~> 4.1.3)
+      directory_watcher (~> 1.4.1)
+      kramdown (~> 1.0.2)
+      liquid (~> 2.3)
+      maruku (~> 0.5)
+      pygments.rb (~> 0.5.0)
+      safe_yaml (~> 0.7.0)
+    kramdown (1.0.2)
+    liquid (2.5.0)
+    maruku (0.6.1)
+      syntax (>= 1.0.0)
+    multi_json (1.7.3)
+    posix-spawn (0.3.6)
+    puma (2.0.1)
+      rack (>= 1.1, < 2.0)
+    pygmentize (0.0.3)
+    pygments.rb (0.5.0)
+      posix-spawn (~> 0.3.6)
+      yajl-ruby (~> 1.1.0)
+    rack (1.5.2)
+    rack-contrib (1.1.0)
+      rack (>= 0.9.1)
+    rack-rewrite (1.3.3)
+    rake (10.0.4)
+    safe_yaml (0.7.1)
+    sass (3.2.9)
+    sprockets (2.9.3)
+      hike (~> 1.2)
+      multi_json (~> 1.0)
+      rack (~> 1.0)
+      tilt (~> 1.1, != 1.3.0)
+    syntax (1.0.0)
+    tilt (1.4.1)
+    yajl-ruby (1.1.0)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  atlas_assets!
+  coderay
+  jekyll
+  jekyll-assets!
+  kramdown
+  puma
+  pygmentize (~> 0.0.3)
+  rack-contrib
+  rack-rewrite
+  rake
+  sass

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Rune Skjoldborg Madsen
+
+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/Procfile

@@ -0,0 +1 @@
+web: bundle exec puma -p $PORT config.ru

data/README.md

@@ -0,0 +1,36 @@
+Atlas Assets
+============
+
+This Ruby gem holds all shared assets used throughout the O'Reilly Atlas platform. 
+
+Style Guide
+-----------
+
+For reference, visit the online [style guide documentation](http://atlas-assets.herokuapp.com) included in this gem.
+
+Usage
+-----
+
+To use in a new Rails application, add the gem to your Gemfile, and add the following to your CSS (`app/assets/stylesheets/application.css`) and JS (`app/assets/javascripts/application.js`) manifest files.
+
+```javascript
+*= require atlas_assets
+```
+
+Along with all the CSS and JS widgets, it will include our base bundle of JS libraries (`JQuery`, `underscore.js`, `backbone.js`, etc)
+
+Adding new styles
+-----------------
+
+If you need to add or change styles in this gem, first get a local environment set up:
+
+1. Clone down the gem to your local machine
+2. Run `bundle` from the gem root
+3. Fire up jekyll by running `jekyll serve --watch`
+
+You now have the site running in your browser on `localhost:4000`. Now follow these steps to add and document the new style(s):
+
+1. Create you own feature branch
+2. Implement your style by tweaking the CSS and checking the documentation on `localhost:4000`. Do not work from the specific Atlas Rails app by updating the gem constantly. All new styles should be developed using the `docs`, and should be independent from a particular application.
+3. When ready, bump the version number in `lib/atlas_assets/version.rb`, and send a pull request to the master branch. We'll then release the new gem version by running `gem build` and `gem push`.
+4. Bump the `atlas_assets` gem version in your apps `Gemfile`, run `bundle`, and use the new styles.

data/Rakefile

@@ -0,0 +1,16 @@
+require "bundler/gem_tasks"
+
+task default: "assets:precompile"
+
+namespace :assets do
+  desc "Precompile assets"
+  task :precompile do
+    Rake::Task["clean"].invoke
+    sh "bundle exec jekyll build"
+  end
+end
+
+desc "Remove compiled files"
+task :clean do
+  sh "rm -rf #{File.dirname(__FILE__)}/_site/*"
+end

data/_config.yml

@@ -0,0 +1,13 @@
+name: O'Reilly Atlas Style Guide
+source: ./docs
+permalink: none
+markdown: kramdown
+kramdown:
+  use_coderay: true
+assets:
+  sources:
+    - ../lib/assets/fonts
+    - ../lib/assets/stylesheets
+    - ../lib/assets/javascripts
+  compress:
+    css:  sass

data/atlas_assets.gemspec

@@ -0,0 +1,21 @@
+# -*- encoding: utf-8 -*-
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'atlas_assets/version'
+
+Gem::Specification.new do |gem|
+  gem.name          = "atlas_assets"
+  gem.version       = Atlas::Assets::VERSION
+  gem.authors       = ["Rune Skjoldborg Madsen"]
+  gem.email         = ["rune@runemadsen.com"]
+  gem.description   = %q{Public repository with assets and design guide for the Atlas platform}
+  gem.summary       = %q{Public repository with assets and design guide for the Atlas platform}
+  gem.homepage      = ""
+
+  gem.files         = `git ls-files`.split($/)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.require_paths = ["lib"]
+
+  gem.add_dependency "handlebars_assets", "~> 0.12.1"
+end

data/config.ru

@@ -0,0 +1,9 @@
+require 'rack/contrib/try_static'
+require 'rack/contrib/not_found'
+ 
+use Rack::TryStatic,
+  :root => "_site",
+  :urls => %w[/],
+  :try  => ['index.html', '/index.html']
+ 
+run Rack::NotFound.new('_site/404.html')

data/docs/.gitignore

@@ -0,0 +1 @@
+_site

data/docs/404.html

@@ -0,0 +1 @@
+Nope!

data/docs/_layouts/default.html

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>{{ page.title }}</title>
+    {% stylesheet atlas_assets %}
+    {% javascript atlas_assets %}
+    <style type="text/css">
+      body {
+        padding: 60px 0px;
+      }
+      h1 {
+        margin-top: 0px;
+      }
+      pre .line-numbers {
+        margin-right: 10px;
+      }
+      .example {
+        padding: 20px;
+        -webkit-border-top-left-radius: 10px;
+        -webkit-border-top-right-radius: 10px;
+        -moz-border-radius-topleft: 10px;
+        -moz-border-radius-topright: 10px;
+        border-top-left-radius: 10px;
+        border-top-right-radius: 10px;
+        border: 3px solid #ececec;
+      }
+      .CodeRay .code {
+        background-color: #ececec;
+        padding: 10px 20px 5px 20px;
+        overflow-x: auto;
+      }
+      .CodeRay pre {
+        margin-top: 0px;
+      }
+    </style>
+  </head>
+  <body>
+  	<div class="container">
+    	<div class="row">
+        <div class="span3">
+          <ul class="list">
+            <li class="list-item"><a href="/">Home<i class="icon-arrow-right-2"></i></a></li>
+            {% for post in site.posts %}
+              <li class="list-item"><a href="{{ post.url }}">{{ post.title }}<i class="icon-arrow-right-2"></i></a></li>
+            {% endfor %}
+          </ul>
+        </div>
+        <div class="span1">&nbsp;</div>
+        <div class="span8">
+          {{ content }}
+        </div>
+      </div>
+  	</div>
+  </body>
+</html>

data/docs/_plugins/jekyll_assets.rb

@@ -0,0 +1,3 @@
+require 'handlebars_assets'
+Sprockets.append_path HandlebarsAssets.path
+require "jekyll-assets"

data/docs/_posts/2013-05-17-buttons.md

@@ -0,0 +1,43 @@
+---
+layout: default
+title:  "Buttons"
+date:   2013-05-17 23:24:04
+---
+
+Buttons
+=======
+
+~~~html
+<a href="#" class="btn">Button</a>
+~~~
+
+Sizes
+------
+
+<p><a href="#" class="btn small">Small</a></p>
+
+<p><a href="#" class="btn">Normal</a></p>
+
+<p><a href="#" class="btn medium">Medium</a></p>
+
+<p><a href="#" class="btn large">Large</a></p>
+
+~~~html
+<a href="#" class="btn small">Small</a>
+<a href="#" class="btn">Normal</a>
+<a href="#" class="btn medium">Medium</a>
+<a href="#" class="btn large">Large</a>
+~~~
+
+Colors
+------
+
+<p><a href="#" class="btn blue">Blue</a></p>
+<p><a href="#" class="btn red">Red</a></p>
+<p><a href="#" class="btn green">Green</a></p>
+
+~~~html
+<a href="#" class="btn blue">Blue</a>
+<a href="#" class="btn red">Red</a>
+<a href="#" class="btn green">Green</a>
+~~~

data/docs/_posts/2013-05-17-flash.md

@@ -0,0 +1,58 @@
+---
+layout: default
+title:  "Flash"
+date:   2013-05-17 23:24:04
+---
+
+Flash
+=====
+
+The `.flash` class is a general style for all user messages.
+
+Basic
+-----
+
+<div class="flash">
+	<div class="flash-item">This is a flash message</div>
+</div>
+
+~~~html
+<div class="flash">
+	<div class="flash-item">This is a flash message</div>
+</div>
+~~~
+
+Colors
+-------
+
+<div class="flash">
+	<div class="flash-item notice">This is a notice message</div>
+	<div class="flash-item warning">This is a warning message</div>
+	<div class="flash-item error">This is an error message</div>
+</div>
+
+~~~html
+<div class="flash">
+	<div class="flash-item notice">This is a notice message</div>
+	<div class="flash-item warning">This is a warning message</div>
+	<div class="flash-item error">This is an error message</div>
+</div>
+~~~
+
+Close button
+------------
+
+You can add a close button with the `.flash-close` class.
+
+<div class="flash">
+	<div class="flash-item">This is a message<a href="#" class="flash-close"><i class="icon-cross-3"></i></a></div>
+</div>
+
+~~~html
+<div class="flash">
+	<div class="flash-item">
+		This is a message
+		<a href="#" class="flash-close"><i class="icon-cross-3"></i></a>
+	</div>
+</div>
+~~~

data/docs/_posts/2013-05-17-fonts.md

@@ -0,0 +1,26 @@
+---
+layout: default
+title:  "Fonts"
+date:   2013-05-17 23:24:04
+---
+
+Fonts
+=====
+
+
+Headings
+--------
+
+All HTML headings, `<h1>` through `<h6>` are available.
+
+<h1>h1. Heading 1</h1>
+
+<h2>h2. Heading 2</h2>
+
+<h3>h3. Heading 3</h3>
+
+<h4>h4. Heading 4</h4>
+
+<h5>h5. Heading 5</h5>
+
+<h6>h6. Heading 6</h6>

data/docs/_posts/2013-05-17-grid.md

@@ -0,0 +1,60 @@
+---
+layout: default
+title:  "Grid"
+date:   2013-05-17 23:24:04
+---
+
+<style type="text/css">
+
+.show-grid {
+	margin-top: 10px;
+	margin-bottom: 20px;
+}
+
+.show-grid [class*="span"] {
+	background-color: #eee;
+	text-align: center;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+	border-radius: 3px;
+	min-height: 40px;
+	line-height: 40px;
+}
+</style>
+
+Grid
+====
+
+The default Atlas grid system is built on the Twitter Bootstrap grid system, which utilizes 12 columns. It's a responsive grid system that adapts to the browser window in 2 different sizes: `940px`, `725px` and for smaller displays, fluid with the columns stacking vertically.
+
+<div class="docs-grid">
+  <div class="row show-grid">
+    <div class="span1">1</div>
+    <div class="span1">1</div>
+    <div class="span1">1</div>
+    <div class="span1">1</div>
+    <div class="span1">1</div>
+    <div class="span1">1</div>
+    <div class="span1">1</div>
+    <div class="span1">1</div>
+  </div>
+  <div class="row show-grid">
+    <div class="span2">2</div>
+    <div class="span3">3</div>
+    <div class="span3">3</div>
+  </div>
+  <div class="row show-grid">
+    <div class="span4">4</div>
+    <div class="span4">4</div>
+  </div>
+  <div class="row show-grid">
+    <div class="span8">8</div>
+  </div>
+</div>
+
+~~~html
+<div class="row">
+  <div class="span4">...</div>
+  <div class="span8">...</div>
+</div>
+~~~

data/docs/_posts/2013-05-17-helpers.md

@@ -0,0 +1,9 @@
+---
+layout: default
+title:  "Helpers"
+date:   2013-05-17 23:24:04
+---
+
+<h1>Helpers</h1>
+
+Style guide goes here!