lion 0.0.1

data/.gitignore

@@ -0,0 +1,4 @@
+*.gem
+.bundle
+Gemfile.lock
+pkg/*

data/Gemfile

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

data/Rakefile

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

data/bin/lion-new.rb

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+libdir = File.join(File.dirname(File.dirname(__FILE__)), "lib")
+$LOAD_PATH.unshift(libdir) unless $LOAD_PATH.include?(libdir)
+require 'lion'
+
+#Create a new project in the current directory
+
+args = ARGV.dup.unshift()
+if args.length > 0
+	Lion::Installer.create(args[0], libdir, Dir.pwd)
+else
+	$stdout.puts "No project name specified. Try lion-new project_name"
+end

data/bin/lion-server.rb

@@ -0,0 +1,6 @@
+#!/usr/bin/env ruby
+libdir = File.join(File.dirname(File.dirname(__FILE__)), "lib")
+$LOAD_PATH.unshift(libdir) unless $LOAD_PATH.include?(libdir)
+require 'lion'
+
+Lion.start_server()

data/lib/lion.rb

@@ -0,0 +1,23 @@
+require "lion/version"
+libdir = File.dirname(__FILE__)
+$LOAD_PATH.unshift(libdir) unless $LOAD_PATH.include?(libdir)
+
+module Lion
+	autoload :Base, "lion/base"
+	autoload :Installer, "lion/installer"
+	
+	def self.current_directory?
+		Dir.pwd
+	end
+	
+	def self.start_server(options={})
+		if File.exist?("config.ru")
+			$stdout.puts "*** Lion has taken the stage ***"
+			system "rackup"
+		else
+			$stdout.puts "Could not find config.ru. Are you in the right directory?"
+		end
+	end
+	
+end
+

data/lib/lion/base.rb

@@ -0,0 +1,4 @@
+module Lion
+	module Base
+	end
+end

data/lib/lion/installer.rb

@@ -0,0 +1,18 @@
+require 'Fileutils'
+
+module Lion
+	module Installer
+		def self.create(project_name, libdir, cwd, *args)
+			unless File.directory?(project_name)
+				#Make a new folder in the current directory
+				dir = File.dirname(__FILE__)
+				Dir.mkdir(dir + '/' + project_name)
+				#Recursively copy the gravity files into our new project directory
+				FileUtils.cp_r "#{libdir}/src/.", "#{cwd}/#{project_name}/"
+				puts "New project #{project_name} successfully created in #{cwd}"
+			else
+				$stdout.puts "That project already exists. Please try another name"
+			end
+		end
+	end
+end

data/lib/lion/version.rb

@@ -0,0 +1,3 @@
+module Lion
+  VERSION = "0.0.1"
+end

data/lib/src/config.ru

@@ -0,0 +1,5 @@
+require 'rubygems'
+require 'slim'
+require './lion'
+
+run Lion

data/lib/src/lion.rb

@@ -0,0 +1,33 @@
+#Lion
+require 'sinatra/base'
+
+class Lion < Sinatra::Base
+	configure do
+		set :views, "./views"
+		set :public, "./public"
+		set :slim, :pretty => true
+		set :port, 4567
+		set :run, true
+		set :static, true
+		set :server, %w[thin mongrel webrick]
+	end  
+	
+	@pages = []
+	@template = slim
+	
+	Dir['./views/*.slim'].each do |template|
+		@pages << File.basename(template).chomp(File.extname(template) )
+	end
+	
+	get '/' do
+	  slim :index
+	end
+
+	@pages.each do |page|
+		get '/' + page do
+			slim page
+		end
+	end
+
+	run! if app_file == $0
+end

data/lib/src/public/coffeescripts/application.js.coffee

@@ -0,0 +1,6 @@
+#Adds namespace functionality to CoffeeScript.
+namespace = (target, name, block) ->
+  [target, name, block] = [(if typeof exports isnt 'undefined' then exports else window), arguments...] if arguments.length < 3
+  top    = target
+  target = target[item] or= {} for item in name.split '.'
+  block target, top

data/lib/src/public/javascripts/main.js

@@ -0,0 +1,5 @@
+/*
+
+All your javascript files will get compiled into this file
+
+*/

data/lib/src/public/stylesheets/css/style.css

@@ -0,0 +1 @@
+html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}textarea{overflow:auto}.ie6 legend,.ie7 legend{margin-left:-7px}input[wtype="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}label,input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer}button,input,select,textarea{margin:0}table{margin-bottom:10px;width:100%}th{font-weight:bold;text-align:left;background:#ccc}th,td{padding:10px}tr:nth-child(odd){background-color:#f5f5f5}tr:nth-child(even){background-color:#eee}tfoot{font-style:italic}caption{background:#ffc}body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea{line-height:20px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#333;font-size:14px}h1,h2,h3,h4,h5{margin-bottom:20px;color:#333;font-weight:900}h1{font-size:40px;line-height:40px}h2{font-size:20px;line-height:20px}h3{font-size:20px;line-height:20px}h4{font-size:20px;line-height:20px}h5{font-size:20px;line-height:20px}p{margin-bottom:20px}ul,ol{margin-bottom:20px}ul{list-style:none}ol{list-style-type:decimal}li{margin-bottom:10px}ul li ul{margin-left:20px;margin-top:10px;margin-bottom:10px}dl{margin-bottom:20px}dl dt{font-weight:bold;margin-bottom:10px}dl dd{margin-bottom:10px}abbr,acronym{border-bottom:1px dotted #000}address{font-style:italic}del{color:#000}a{color:#1c7fc4;text-decoration:none;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;cursor:pointer}a:hover{text-decoration:none}blockquote{display:block}strong{font-weight:bold}em,dfn{font-style:italic}dfn{font-weight:bold}pre,code{margin:10px 0;white-space:pre}pre,code,tt{font:1em monospace;line-height:1.5}tt{display:block}q{font-style:italic;font-weight:bold;font-family:Georgia,Times,serif}cite{display:block;font-weight:bold}img{margin-bottom:10px}figcaption{display:block;font-weight:bold;font-style:italic}.wrap{width:940px;margin:0 auto}.clear{clear:both}.center{text-align:center}.uppercase{text-transform:uppercase}.titlecase{text-transform:capitalize}.invisible{visibility:hidden}.col-1{float:left;width:60px;margin-right:0;margin-right:20px}.col-1:last-child{margin-right:0}.col-2{float:left;width:140px;margin-right:20px}.col-2:last-child{margin-right:0}.col-3{float:left;width:220px;margin-right:20px}.col-3:last-child{margin-right:0}.col-4{float:left;width:300px;margin-right:20px}.col-4:last-child{margin-right:0}.col-5{float:left;width:380px;margin-right:20px}.col-5:last-child{margin-right:0}.col-6{float:left;width:460px;margin-right:20px}.col-6:last-child{margin-right:0}.col-7{float:left;width:540px;margin-right:20px}.col-7:last-child{margin-right:0}.col-8{float:left;width:620px;margin-right:20px}.col-8:last-child{margin-right:0}.col-9{float:left;width:700px;margin-right:20px}.col-9:last-child{margin-right:0}.col-10{float:left;width:780px;margin-right:20px}.col-10:last-child{margin-right:0}.col-11{float:left;width:860px;margin-right:20px}.col-11:last-child{margin-right:0}.col-12{float:left;width:940px;margin-right:20px}.col-12:last-child{margin-right:0}::-moz-focus-inner{border:0;padding:0}input[type="search"]::-webkit-search-decoration{display:none}form{margin-bottom:20px}fieldset{margin-bottom:20px}input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="tel"]:focus,textarea:focus{border:1px solid #aaa;color:#444}textarea{min-height:100px;resize:none;overflow:auto;width:100%}label,legend{display:block;font-weight:bold;font-size:13px}select{width:100%}input[type="checkbox"]{display:inline}label span,legend span{font-weight:normal;font-size:13px;color:#444}input,button,select,textarea{vertical-align:middle}input[type="radio"],input[type="checkbox"]{position:relative;vertical-align:top;top:3px;top:0 \0;*top:-3px;margin-right:5px}@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px){input[type="radio"],input[type="checkbox"]{vertical-align:baseline;top:2px}}@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px){input[type="radio"],input[type="checkbox"]{vertical-align:baseline;top:0}}@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px){input[type="radio"],input[type="checkbox"]{vertical-align:baseline;top:0}}textarea,select,input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"]{-webkit-appearance:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box;border:1px solid #ddd;border-color:#ddd #ddd #ddd;color:#000;padding:5px;outline:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;font:12px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0 0 20px 0;width:100%;display:block;background:#fafafa;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='$from', endColorstr='$to');background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fff));background:-moz-linear-gradient(top, #fafafa, #fff);*padding-top:2px;*padding-bottom:1px;*height:auto}::-webkit-input-placeholder{color:#000}input:-moz-placeholder,textarea:-moz-placeholder{color:#000}:invalid{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}@media (-webkit-min-device-pixel-ratio: 0){select[size],select[multiple]{background-image:none;padding:0}::-webkit-validation-bubble-message{box-shadow:rgba(0,0,0,0.5) 0 0 5px;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));border:#ddd;color:#fff;font:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:15px 15px 17px;text-shadow:#000 0 0 1px}::-webkit-validation-bubble-top-outer-arrow,::-webkit-validation-bubble-top-inner-arrow{display:none}}optgroup{color:#000;font-style:normal;font-weight:normal}button[type=submit],input[type='submit']{padding:7px 12px;text-align:center;font-weight:bold;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#111111;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='$from', endColorstr='$to');background:-webkit-gradient(linear, left top, left bottom, from(#111111), to(#333333));background:-moz-linear-gradient(top, #111111, #333333);border:0;color:#fff}#container{width:940px;margin:0 auto;padding:20px 0;overflow:hidden}body{background:#eee}section{margin-bottom:20px;overflow:hidden}h1,h2,h3,h4,h5,h6,p,li a{text-shadow:1px 1px 1px #fff}h1,h2,h3,h4,h5,h6{text-transform:uppercase}footer p{text-align:center}@media only screen and (min-width: 768px) and (max-width: 959px){#container{width:748px}.col-1{float:left;width:44px;margin-right:0;margin-right:20px}.col-1:last-child{margin-right:0}.col-2{float:left;width:108px;margin-right:20px}.col-2:last-child{margin-right:0}.col-3{float:left;width:172px;margin-right:20px}.col-3:last-child{margin-right:0}.col-4{float:left;width:236px;margin-right:20px}.col-4:last-child{margin-right:0}.col-5{float:left;width:300px;margin-right:20px}.col-5:last-child{margin-right:0}.col-6{float:left;width:364px;margin-right:20px}.col-6:last-child{margin-right:0}.col-7{float:left;width:428px;margin-right:20px}.col-7:last-child{margin-right:0}.col-8{float:left;width:492px;margin-right:20px}.col-8:last-child{margin-right:0}.col-9{float:left;width:556px;margin-right:20px}.col-9:last-child{margin-right:0}.col-10{float:left;width:620px;margin-right:20px}.col-10:last-child{margin-right:0}.col-11{float:left;width:684px;margin-right:20px}.col-11:last-child{margin-right:0}.col-12{float:left;width:748px;margin-right:20px}.col-12:last-child{margin-right:0}}@media only screen and (max-width: 767px){#container{width:300px}.col-1{width:280px;margin:0 10px}.col-2{width:280px;margin:0 10px}.col-3{width:280px;margin:0 10px}.col-4{width:280px;margin:0 10px}.col-5{width:280px;margin:0 10px}.col-6{width:280px;margin:0 10px}.col-7{width:280px;margin:0 10px}.col-8{width:280px;margin:0 10px}.col-9{width:280px;margin:0 10px}.col-10{width:280px;margin:0 10px}.col-11{width:280px;margin:0 10px}.col-12{width:280px;margin:0 10px}}@media only screen and (min-width: 480px) and (max-width: 767px){#container{width:480px}.col-1{width:460px;margin:0 10px}.col-2{width:460px;margin:0 10px}.col-3{width:460px;margin:0 10px}.col-4{width:460px;margin:0 10px}.col-5{width:460px;margin:0 10px}.col-6{width:460px;margin:0 10px}.col-7{width:460px;margin:0 10px}.col-8{width:460px;margin:0 10px}.col-9{width:460px;margin:0 10px}.col-10{width:460px;margin:0 10px}.col-11{width:460px;margin:0 10px}.col-12{width:460px;margin:0 10px}}

data/lib/src/public/stylesheets/sass/lib/_core.sass

@@ -0,0 +1,7 @@
+@import _reset
+@import helpers/_mixins
+@import helpers/_tables
+@import _typography
+@import helpers/_classes
+@import _grid
+@import helpers/_forms

data/lib/src/public/stylesheets/sass/lib/_elements.sass

@@ -0,0 +1,100 @@
+/* --------------------------------------------------------------
+ *
+ *PAGE ELEMENTS
+ *
+ *--------------------------------------------------------------
+
+p
+  margin-bottom: $baseline
+
+ul, ol
+  margin-bottom: $baseline
+
+ul
+  list-style: none
+
+ol
+  list-style-type: decimal
+
+li
+  margin-bottom: $baseline / 2
+
+ul li ul
+  margin-left: $baseline
+  margin-top: $baseline / 2
+  margin-bottom: $baseline / 2
+
+dl
+  margin-bottom: $baseline
+
+dl dt
+  font-weight: bold
+  margin-bottom: $baseline / 2
+
+dl dd
+  margin-bottom: $baseline / 2
+
+abbr, acronym
+  border-bottom: 1px dotted #000
+
+address
+  font-style: italic
+
+del
+  color: #000
+
+a
+  color: $links
+  text-decoration: none
+  +transition
+  /* Force a hand pointer for all links
+  cursor: pointer
+
+a:hover
+  text-decoration: none
+
+blockquote
+  display: block
+
+strong
+  font-weight: bold
+
+em, dfn
+  font-style: italic
+
+dfn
+  font-weight: bold
+
+pre, code
+  margin: 10px 0
+  white-space: pre
+
+pre, code, tt
+  font: 1em monospace
+  line-height: 1.5
+
+tt
+  display: block
+
+q
+  font-style: italic
+  font-weight: bold
+  font-family: $serif
+
+cite
+  display: block
+  font-weight: bold
+
+/* --------------------------------------------------------------
+ *
+ *IMAGES
+ *
+ *--------------------------------------------------------------
+
+img
+  margin-bottom: 10px
+
+figcaption
+  display: block
+  font-weight: bold
+  font-style: italic

data/lib/src/public/stylesheets/sass/lib/_grid.sass

@@ -0,0 +1,30 @@
+/* --------------------------------------------------------------
+ *
+ *CSS GRID. www.owainlewis.com
+ *
+ *--------------------------------------------------------------
+
+$col_width: ($width - $gutters * ($columns - 1)) / $columns
+$col_total_width: $col_width + $gutters
+
+=col($n: 1)
+  float: left
+  +buildColumn($n)
+
+=last
+  margin-right: 0
+
+=buildColumn($n: 1)
+  width: $n * $col_width + ($n - 1) * $gutters
+  @if $n == 1
+    +last
+  @if $n == columns
+    +last
+  @else
+    margin-right: $gutters
+
+@for $i from 1 through $columns
+  .col-#{$i}
+    +col($i)
+    &:last-child
+      +last

data/lib/src/public/stylesheets/sass/lib/_reset.sass

@@ -0,0 +1,84 @@
+html,body,div,span,object,iframe,
+h1,h2,h3,h4,h5,h6,p,blockquote,pre,
+abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,
+small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
+fieldset,form,label,legend,
+table,caption,tbody,tfoot,thead,tr,th,td,
+article,aside,canvas,details,figcaption,figure,
+footer,header,hgroup,menu,nav,section,summary,
+time,mark,audio,video
+  margin: 0
+  padding: 0
+  border: 0
+  font-size: 100%
+  font: inherit
+  vertical-align: baseline
+
+article,aside,details,figcaption,figure,
+footer,header,hgroup,menu,nav,section
+  display: block
+
+blockquote,q
+  quotes: none
+
+blockquote:before,blockquote:after,
+q:before,q:after
+  content: ""
+  content: none
+
+ins
+  background-color: #ff9
+  color: #000
+  text-decoration: none
+
+mark
+  background-color: #ff9
+  color: #000
+  font-style: italic
+  font-weight: bold
+
+del
+  text-decoration: line-through
+
+abbr[title],dfn[title]
+  border-bottom: 1px dotted
+  cursor: help
+
+table
+  border-collapse: collapse
+  border-spacing: 0
+
+hr
+  display: block
+  height: 1px
+  border: 0
+  border-top: 1px solid #ccc
+  margin: 1em 0
+  padding: 0
+
+input,select
+  vertical-align: middle
+
+textarea
+  overflow: auto
+
+.ie6 legend,.ie7 legend
+  margin-left: -7px
+
+input[wtype="radio"]
+  vertical-align: text-bottom
+
+input[type="checkbox"]
+  vertical-align: bottom
+
+.ie7 input[type="checkbox"]
+  vertical-align: baseline
+
+.ie6 input
+  vertical-align: text-bottom
+
+label,input[type="button"],input[type="submit"],input[type="image"],button
+  cursor: pointer
+
+button,input,select,textarea
+  margin: 0

data/lib/src/public/stylesheets/sass/lib/_settings.sass

@@ -0,0 +1,42 @@
+/* --------------------------------------------------------------
+ *
+ *Running on Lion
+ *Version 0.1
+ *Developed by: Owain Lewis
+ *www.owainlewis.com
+ *License: MIT
+ *http://www.opensource.org/licenses/mit-license.php
+ *
+ *--------------------------------------------------------------
+
+/*
+ *
+ *Grid Layout
+
+$width: 940px
+$gutters: 20px
+$columns: 12
+$baseline: 20px
+
+/*
+ *
+ *Fonts
+
+$sans: "Helvetica Neue", Helvetica, Arial, sans-serif
+$serif: Georgia, Times, serif
+$mono: "Lucida Console", "Andale Mono", monospace
+$font-size: 14px
+
+/*
+ *
+ *Colors
+
+$background: white
+$text: #333333
+$links: #1c7fc4
+$borders: #dddddd
+$headings: #333333
+
+$white: white
+$grey: #666666
+$black: black

data/lib/src/public/stylesheets/sass/lib/_typography.sass

@@ -0,0 +1,45 @@
+/* --------------------------------------------------------------
+ *
+ *TYPOGRAPHY
+ *
+ *--------------------------------------------------------------
+
+/* Default fonts and colors.
+body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea
+  line-height: $baseline
+  font-family: $sans
+  color: $text
+  font-size: $font-size
+
+/* --------------------------------------------------------------
+ *
+ *HEADINGS
+ *
+ *--------------------------------------------------------------
+
+h1,h2,h3,h4,h5
+  margin-bottom: $baseline
+  color: $headings
+  font-weight: 900
+
+h1
+  font-size: $baseline * 2
+  line-height: $baseline * 2
+
+h2
+  font-size: $baseline
+  line-height: $baseline
+
+h3
+  font-size: $baseline
+  line-height: $baseline
+
+h4
+  font-size: $baseline
+  line-height: $baseline
+
+h5
+  font-size: $baseline
+  line-height: $baseline
+
+@import _elements

data/lib/src/public/stylesheets/sass/lib/helpers/_buttons.sass

@@ -0,0 +1,15 @@
+=button($color, $text_color, $width)
+  +rounded(10px)
+  +gradient(lighten($color, 30%), $color)
+  cursor: pointer
+  font-weight: bold
+  color: $text_color
+  display: block
+  border: 1px solid darken($color, 10%)
+  text-align: center
+  padding: 10px 20px
+  margin: 0 0 20px 0
+  @if $width
+    width: $width
+  &:hover
+    +gradient(lighten($color, 40%), lighten($color, 10%))

data/lib/src/public/stylesheets/sass/lib/helpers/_classes.sass

@@ -0,0 +1,24 @@
+/* --------------------------------------------------------------
+ *
+ *GENERAL CLASSES
+ *
+ *--------------------------------------------------------------
+
+.wrap
+  width: $width
+  margin: 0 auto
+
+.clear
+  clear: both
+
+.center
+  text-align: center
+
+.uppercase
+  text-transform: uppercase
+
+.titlecase
+  text-transform: capitalize
+
+.invisible
+  visibility: hidden

data/lib/src/public/stylesheets/sass/lib/helpers/_forms.sass

@@ -0,0 +1,184 @@
+/* --------------------------------------------------------------
+ *
+ *Form Settings. 
+ *Most of this is inspired by the awesome work of Nathan Smith and formalize css!
+ *
+ *--------------------------------------------------------------
+
+$formPadding: 5px
+
+\::-moz-focus-inner
+  border: 0
+  padding: 0
+
+input[type="search"]::-webkit-search-decoration
+  display: none
+
+form
+  margin-bottom: $baseline
+
+fieldset
+  margin-bottom: $baseline
+
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="email"]:focus,
+input[type="tel"]:focus,
+textarea:focus
+  border: 1px solid #aaa
+  color: #444
+
+textarea
+  min-height: 100px
+  resize: none
+  overflow: auto
+  width: 100%
+
+label,
+legend
+  display: block
+  font-weight: bold
+  font-size: 13px
+
+select
+  width: 100%
+
+input[type="checkbox"]
+  display: inline
+
+label span,
+legend span
+  font-weight: normal
+  font-size: 13px
+  color: #444
+
+input,
+button,
+select,
+textarea
+  vertical-align: middle
+
+input[type="radio"],
+input[type="checkbox"]
+  position: relative
+  vertical-align: top
+  top: 3px
+  /* IE8, IE9, IE10
+  top: 0\0
+  /* IE7
+  *top: -3px
+  margin-right: 5px
+
+/* iPad
+@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px)
+  input[type="radio"],
+  input[type="checkbox"]
+    vertical-align: baseline
+    top: 2px
+
+/* iPhone 3
+@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px)
+  input[type="radio"],
+  input[type="checkbox"]
+    vertical-align: baseline
+    top: 0
+
+/* iPhone 4
+@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px)
+  input[type="radio"],
+  input[type="checkbox"]
+    vertical-align: baseline
+    top: 0
+
+textarea,
+select,
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="password"],
+input[type="search"],
+input[type="tel"],
+input[type="text"],
+input[type="time"],
+input[type="url"],
+input[type="week"]
+  -webkit-appearance: none
+  -moz-border-radius: 0
+  -webkit-border-radius: 0
+  border-radius: 0
+  -webkit-box-sizing: border-box
+  -moz-box-sizing: border-box
+  box-sizing: border-box
+  -moz-background-clip: padding
+  -webkit-background-clip: padding
+  background-clip: padding-box
+  border: 1px solid $borders
+  border-color: $borders $borders $borders
+  color: $black
+  padding: $formPadding
+  outline: none
+  +rounded(2px)
+  font: 12px $sans
+  margin: 0 0 20px 0
+  width: 100%
+  display: block
+  +gradient(#fafafa, white)
+  /* IE7
+  *padding-top: 2px
+  *padding-bottom: 1px
+  *height: auto
+
+/*
+ *Separate rule for Firefox.
+ *Separate rule for IE, too.
+ *Cannot stack with WebKit's.
+\::-webkit-input-placeholder
+  color: $black
+
+input:-moz-placeholder,
+textarea:-moz-placeholder
+  color: $black
+
+\:invalid
+  /*
+   *Suppress red glow that Firefox
+   *adds to form fields by default,
+   *even when user is still typing.
+  -moz-box-shadow: none
+  -webkit-box-shadow: none
+  box-shadow: none
+
+/* Tweaks for Safari + Chrome.
+@media (-webkit-min-device-pixel-ratio: 0)
+  select[size],
+  select[multiple]
+    background-image: none
+    padding: 0
+  \::-webkit-validation-bubble-message
+    box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black))
+    border: $borders
+    color: #fff
+    font: $sans
+    padding: 15px 15px 17px
+    text-shadow: #000 0 0 1px
+  \::-webkit-validation-bubble-top-outer-arrow,
+  ::-webkit-validation-bubble-top-inner-arrow
+    display: none
+
+optgroup
+  color: #000
+  font-style: normal
+  font-weight: normal
+
+button[type=submit], input[type='submit']
+  padding: 7px 12px
+  text-align: center
+  font-weight: bold
+  +rounded(5px)
+  +gradient
+  border: 0
+  color: #FFF

data/lib/src/public/stylesheets/sass/lib/helpers/_media_queries.sass

@@ -0,0 +1,113 @@
+/* --------------------------------------------------------------
+ *
+ *MEDIA QUERIES
+ *
+ *--------------------------------------------------------------
+
+/* #Tablet (Portrait)
+ *==================================================
+
+/* 768px
+
+@media only screen and (min-width: 768px) and (max-width: 959px)
+  #container
+    width: 748px
+  .col-1
+    float: left
+    width: 44px
+    margin-right: 0
+    margin-right: 20px
+  .col-1:last-child
+    margin-right: 0
+  .col-2
+    float: left
+    width: 108px
+    margin-right: 20px
+  .col-2:last-child
+    margin-right: 0
+  .col-3
+    float: left
+    width: 172px
+    margin-right: 20px
+  .col-3:last-child
+    margin-right: 0
+  .col-4
+    float: left
+    width: 236px
+    margin-right: 20px
+  .col-4:last-child
+    margin-right: 0
+  .col-5
+    float: left
+    width: 300px
+    margin-right: 20px
+  .col-5:last-child
+    margin-right: 0
+  .col-6
+    float: left
+    width: 364px
+    margin-right: 20px
+  .col-6:last-child
+    margin-right: 0
+  .col-7
+    float: left
+    width: 428px
+    margin-right: 20px
+  .col-7:last-child
+    margin-right: 0
+  .col-8
+    float: left
+    width: 492px
+    margin-right: 20px
+  .col-8:last-child
+    margin-right: 0
+  .col-9
+    float: left
+    width: 556px
+    margin-right: 20px
+  .col-9:last-child
+    margin-right: 0
+  .col-10
+    float: left
+    width: 620px
+    margin-right: 20px
+  .col-10:last-child
+    margin-right: 0
+  .col-11
+    float: left
+    width: 684px
+    margin-right: 20px
+  .col-11:last-child
+    margin-right: 0
+  .col-12
+    float: left
+    width: 748px
+    margin-right: 20px
+  .col-12:last-child
+    margin-right: 0
+
+/* #Mobile (Portrait)
+ *==================================================
+
+/* 320px. iPhone
+
+@media only screen and (max-width: 767px)
+  #container
+    width: 300px
+  @for $i from 1 through $columns
+    .col-#{$i}
+      width: 280px
+      margin: 0 10px
+
+/* #Mobile (Landscape)
+ *==================================================
+
+/* 480px
+
+@media only screen and (min-width: 480px) and (max-width: 767px)
+  #container
+    width: 480px
+  @for $i from 1 through $columns
+    .col-#{$i}
+      width: 460px
+      margin: 0 10px

data/lib/src/public/stylesheets/sass/lib/helpers/_mixins.sass

@@ -0,0 +1,76 @@
+/* Custom Mixins. You can delare your own mixins here.
+
+/* Add rounded corners to all sides
+=rounded($radius: 10px)
+  border-radius: $radius
+  -moz-border-radius: $radius
+  -webkit-border-radius: $radius
+
+/* Add rounded corners to certain sides
+=roundedSides($topLeft, $topRight, $bottomRight, $bottomLeft)
+  -moz-border-radius-topleft: $topLeft
+  -moz-border-radius-topright: $topRight
+  -moz-border-radius-bottomright: $bottomRight
+  -moz-border-radius-bottomleft: $bottomLeft
+  border-top-left-radius: $topLeft
+  border-top-right-radius: $topRight
+  border-bottom-right-radius: $bottomRight
+  border-bottom-left-radius: $bottomLeft
+
+=textShadow($x-axis: 1px, $y-axis: 1px, $casting: 1px, $color: white)
+  text-shadow: $x-axis $y-axis $casting $color
+
+=shadow($off-y: 1px, $off-x: 1px, $blur: 2px, $color: #444444)
+  -moz-box-shadow: $off-y $off-x $blur $color
+  -webkit-box-shadow: $off-y $off-x $blur $color
+  box-shadow: $off-y $off-x $blur $color
+
+=gradient($from: #111111, $to: #333333)
+  background: $from
+  /* for non-css3 browsers
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$from', endColorstr='$to')
+  /* for IE
+  background: -webkit-gradient(linear, left top, left bottom, from($from), to($to))
+  /* for webkit browsers
+  background: -moz-linear-gradient(top, $from, $to)
+  /* for firefox 3.6+
+
+/* This is a particularly useful mixin if you want to add slick CSS3 animations to elements
+=transition($property: all, $duration: 0.5s, $function: ease-in-out)
+  -moz-transition: $property $duration $function
+  /* FF3.7+
+  -o-transition: $property $duration $function
+  /* Opera 10.5
+  -webkit-transition: $property $duration $function
+  /* Saf3.2+, Chrome
+  transition: $property $duration $function
+
+=scale($scale: 1)
+  -moz-transform: scale($scale)
+  -webkit-transform: scale($scale)
+  -o-transform: scale($scale)
+  -ms-transform: scale($scale)
+  transform: scale($scale)
+
+=rotate($angle)
+  -moz-transform: rotate($angle)
+  -webkit-transform: rotate($angle)
+  -o-transform: rotate($angle)
+  -ms-transform: rotate($angle)
+  transform: rotate($angle)
+  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($angle)}, M12=-#{sin($angle)}, M21=#{sin($angle)}, M22=#{cos($angle)})
+  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($angle)}, M12=-#{sin($angle)}, M21=#{sin($angle)}, M22=#{cos($angle)})"
+  zoom: 1
+
+/* Cross browser opacity mixin
+=opacity($value: 0.8)
+  opacity: $value
+  filter: alpha(opacity = $value * 100)
+
+=fontFace($name, $src: fonts)
+  @font-face
+    font-family: 'FontName'
+    src: url("$src/$name.eot")
+    src: url("$src/$name.eot?iefix") format("eot"), url("$src/$name.woff") format("woff"), url("$src/$name.ttf") format("truetype"), url("$src/$name.svg#webfontZam02nTh") format("svg")
+    font-weight: normal
+    font-style: normal

data/lib/src/public/stylesheets/sass/lib/helpers/_tables.sass

@@ -0,0 +1,29 @@
+/* --------------------------------------------------------------
+ *
+ *TABLES
+ *
+ *--------------------------------------------------------------
+
+table
+  margin-bottom: 10px
+  width: 100%
+
+th
+  font-weight: bold
+  text-align: left
+  background: #ccc
+
+th,td
+  padding: 10px
+
+tr:nth-child(odd)
+  background-color: #f5f5f5
+
+tr:nth-child(even)
+  background-color: #eee
+
+tfoot
+  font-style: italic
+
+caption
+  background: #ffc

data/lib/src/public/stylesheets/sass/style.sass

@@ -0,0 +1,40 @@
+@import lib/_settings
+@import lib/_core
+
+#container
+  width: $width
+  margin: 0 auto
+  padding: 20px 0
+  overflow: hidden
+
+/* --------------------------------------------------------------
+ *
+ *Main CSS. For demo purposes only. You can delete this.
+ *
+ *--------------------------------------------------------------
+
+body
+  background: #eee
+  /* Uncomment to view baseline
+   *background: url(../images/12_col.gif) repeat-y center -1px;
+
+section
+  margin-bottom: $baseline
+  overflow: hidden
+
+h1, h2, h3, h4, h5, h6, p, li a
+  +textShadow
+
+h1, h2, h3, h4, h5, h6
+  text-transform: uppercase
+
+footer p
+  text-align: center
+
+/* --------------------------------------------------------------
+ *
+ *Media Queries for a responsive grid. Delete if not required.
+ *
+ *--------------------------------------------------------------
+
+@import lib/helpers/_media_queries

data/lib/src/views/index.slim

@@ -0,0 +1,3 @@
+h1 Lion
+p Welcome to Lion, a framework for building better websites.
+p You can render partial templates with slim :mypartial

data/lib/src/views/layout.slim

@@ -0,0 +1,10 @@
+doctype html
+html
+  head
+    title Lion Framework
+    meta name="keywords" content="template language"
+	link href="/stylesheets/css/style.css" rel="stylesheet" type="text/css"
+
+  body
+    div id="container" style="text-align:center"
+      == yield

data/lion.gemspec

@@ -0,0 +1,22 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "lion/version"
+
+Gem::Specification.new do |s|
+  s.name        = "lion"
+  s.version     = Lion::VERSION
+  s.authors     = ["Owain Lewis"]
+  s.email       = ["owain@owainlewis.com"]
+  s.homepage    = ""
+  s.summary     = %q{Lion is a sinatra based front end framework}
+  s.description = %q{A sinatra based front end framework}
+
+  s.rubyforge_project = "lion"
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib"]
+  
+  s.add_runtime_dependency "sinatra"
+end

metadata

@@ -0,0 +1,89 @@
+--- !ruby/object:Gem::Specification
+name: lion
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- Owain Lewis
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2011-08-22 00:00:00.000000000Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sinatra
+  requirement: &24359076 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: *24359076
+description: A sinatra based front end framework
+email:
+- owain@owainlewis.com
+executables:
+- lion-new.rb
+- lion-server.rb
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- Rakefile
+- bin/lion-new.rb
+- bin/lion-server.rb
+- lib/lion.rb
+- lib/lion/base.rb
+- lib/lion/installer.rb
+- lib/lion/version.rb
+- lib/src/config.ru
+- lib/src/lion.rb
+- lib/src/public/coffeescripts/application.js.coffee
+- lib/src/public/coffeescripts/spec/application.spec.js.coffee
+- lib/src/public/javascripts/main.js
+- lib/src/public/stylesheets/css/style.css
+- lib/src/public/stylesheets/sass/lib/_core.sass
+- lib/src/public/stylesheets/sass/lib/_elements.sass
+- lib/src/public/stylesheets/sass/lib/_grid.sass
+- lib/src/public/stylesheets/sass/lib/_reset.sass
+- lib/src/public/stylesheets/sass/lib/_settings.sass
+- lib/src/public/stylesheets/sass/lib/_typography.sass
+- lib/src/public/stylesheets/sass/lib/helpers/_buttons.sass
+- lib/src/public/stylesheets/sass/lib/helpers/_classes.sass
+- lib/src/public/stylesheets/sass/lib/helpers/_forms.sass
+- lib/src/public/stylesheets/sass/lib/helpers/_media_queries.sass
+- lib/src/public/stylesheets/sass/lib/helpers/_mixins.sass
+- lib/src/public/stylesheets/sass/lib/helpers/_tables.sass
+- lib/src/public/stylesheets/sass/style.sass
+- lib/src/views/index.slim
+- lib/src/views/layout.slim
+- lion.gemspec
+homepage: ''
+licenses: []
+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: lion
+rubygems_version: 1.8.8
+signing_key: 
+specification_version: 3
+summary: Lion is a sinatra based front end framework
+test_files: []