Skip to content

Commit

Permalink
Intial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@ruprict
ruprict committed Nov 9, 2011
0 parents commit 4646632
Show file tree
Hide file tree
Showing 27 changed files with 940 additions and 0 deletions.
Binary file added .skeleton_rails.gemspec.swp
Binary file not shown.
Binary file added lib/.DS_Store
Binary file not shown.
Binary file added lib/generators/.DS_Store
Binary file not shown.
Binary file added lib/generators/skeleton_layout/.DS_Store
Binary file not shown.
Binary file added lib/generators/skeleton_layout/.layout_generator.rb.swp
Binary file not shown.
Binary file added lib/generators/skeleton_layout/.skeleton_layout_generator.rb.swo
Binary file not shown.
Binary file added lib/generators/skeleton_layout/.skeleton_layout_generator.rb.swp
Binary file not shown.
6 changes: 6 additions & 0 deletions lib/generators/skeleton_layout/3
@@ -0,0 +1,6 @@
class HomeController < ApplicationController
def index

end

end
8 changes: 8 additions & 0 deletions lib/generators/skeleton_layout/USAGE
@@ -0,0 +1,8 @@
Description:
Explain the generator

Example:
rails generate skeleton_layout Thing

This will create:
what/will/it/create
21 changes: 21 additions & 0 deletions lib/generators/skeleton_layout/skeleton_layout_generator.rb
@@ -0,0 +1,21 @@
class SkeletonLayoutGenerator < Rails::Generators::Base
source_root File.expand_path('../templates', __FILE__)
argument :layout_name, :type => :string, :default => 'application'

# TODO: Option for haml?

def create_layout
template "index.html.erb", "app/views/layouts/#{file_name}.html.erb"
copy_file '404.html', 'public/404.html'
copy_file 'robots.txt', 'public/robots.txt'
# Do these need to go in vendor/assets?
directory 'stylesheets/', 'app/assets/stylesheets/'
directory 'images/', 'public/images/'
copy_file 'javascripts/tabs.js', 'app/assets/javascripts/tabs.js'
end

private
def file_name
layout_name.underscore
end
end
Binary file added lib/generators/skeleton_layout/templates/.index.html.erb.swp
Binary file not shown.
Binary file added lib/generators/skeleton_layout/templates/.index.html.swp
Binary file not shown.
47 changes: 47 additions & 0 deletions lib/generators/skeleton_layout/templates/404.html
@@ -0,0 +1,47 @@
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Your Page Title Here :)</title>
<meta name="description" content="">
<meta name="author" content="">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- CSS
================================================== -->
<link rel="stylesheet" href="stylesheets/base.css">
<link rel="stylesheet" href="stylesheets/skeleton.css">
<link rel="stylesheet" href="stylesheets/layout.css">

<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

</head>
<body>

<!-- Primary Page Layout
================================================== -->
<div class="container">
<h1 style="margin-top: 100px; text-align:center">Sorry. Couldn't Find That Page!</h1>
</div>

<!-- End Document
================================================== -->
</body>
</html>
Binary file added lib/generators/skeleton_layout/templates/images/apple-touch-icon-114x114.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added lib/generators/skeleton_layout/templates/images/apple-touch-icon-72x72.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added lib/generators/skeleton_layout/templates/images/apple-touch-icon.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added lib/generators/skeleton_layout/templates/images/favicon.ico
Binary file not shown.
81 changes: 81 additions & 0 deletions lib/generators/skeleton_layout/templates/index.html
@@ -0,0 +1,81 @@
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Your Page Title Here :)</title>
<meta name="description" content="">
<meta name="author" content="">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- CSS
================================================== -->
<link rel="stylesheet" href="stylesheets/base.css">
<link rel="stylesheet" href="stylesheets/skeleton.css">
<link rel="stylesheet" href="stylesheets/layout.css">

<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

</head>
<body>



<!-- Primary Page Layout
================================================== -->

<!-- Delete everything in this .container and get started on your own site! -->

<div class="container">
<div class="sixteen columns">
<h1 class="remove-bottom" style="margin-top: 40px">Skeleton</h1>
<h5>Version 1.1</h5>
<hr />
</div>
<div class="one-third column">
<h3>About Skeleton?</h3>
<p>Skeleton is a small collection of well-organized CSS &amp; JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. It's based on a responsive grid, but also provides very basic CSS for typography, buttons, tabs, forms and media queries. Go ahead, resize this super basic page to see the grid in action.</p>
</div>
<div class="one-third column">
<h3>Three Core Principles</h3>
<p>Skeleton is built on three core principles:</p>
<ul class="square">
<li><strong>A Responsive Grid Down To Mobile</strong>: Elegant scaling from a browser to tablets to mobile.</li>
<li><strong>Fast to Start</strong>: It's a tool for rapid development with best practices</li>
<li><strong>Style Agnostic</strong>: It provides the most basic, beautiful styles, but is meant to be overwritten.</li>
</ul>
</div>
<div class="one-third column">
<h3>Docs &amp; Support</h3>
<p>The easiest way to really get started with Skeleton is to check out the full docs and info at <a href="http://www.getskeleton.com">www.getskeleton.com.</a>. Skeleton is also open-source and has a <a href="https://github.com/dhgamache/skeleton">project on git</a>, so check that out if you want to report bugs or create a pull request. If you have any questions, thoughts, concerns or feedback, please don't hesitate to email me at <a href="mailto:hi@getskeleton.com">hi@getskeleton.com</a>.</p>
</div>

</div><!-- container -->



<!-- JS
================================================== -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="javascripts/tabs.js"></script>

<!-- End Document
================================================== -->
</body>
</html>
87 changes: 87 additions & 0 deletions lib/generators/skeleton_layout/templates/index.html.erb
@@ -0,0 +1,87 @@
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Your Page Title Here :)</title>
<meta name="description" content="">
<meta name="author" content="">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- CSS
================================================== -->
<link rel="stylesheet" href="stylesheets/base.css">
<link rel="stylesheet" href="stylesheets/skeleton.css">
<link rel="stylesheet" href="stylesheets/layout.css">

<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<%%= stylesheet_link_tag "<%= file_name %>" %>
<%%= javascript_include_tag "<%= file_name %>" %>
<%%= csrf_meta_tag %>
</head>
<body>



<!-- Primary Page Layout
================================================== -->

<!-- Delete everything in this .container and get started on your own site! -->

<div class="container">
<div class="sixteen columns">
<h1 class="remove-bottom" style="margin-top: 40px">Skeleton</h1>
<h5>Version 1.1</h5>
<hr />
</div>
<div class="sixteen columns">
<%%= yield %>
</div>
<div class="one-third column">
<h3>About Skeleton?</h3>
<p>Skeleton is a small collection of well-organized CSS &amp; JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. It's based on a responsive grid, but also provides very basic CSS for typography, buttons, tabs, forms and media queries. Go ahead, resize this super basic page to see the grid in action.</p>
</div>

<div class="one-third column">
<h3>Three Core Principles</h3>
<p>Skeleton is built on three core principles:</p>
<ul class="square">
<li><strong>A Responsive Grid Down To Mobile</strong>: Elegant scaling from a browser to tablets to mobile.</li>
<li><strong>Fast to Start</strong>: It's a tool for rapid development with best practices</li>
<li><strong>Style Agnostic</strong>: It provides the most basic, beautiful styles, but is meant to be overwritten.</li>
</ul>
</div>
<div class="one-third column">
<h3>Docs &amp; Support</h3>
<p>The easiest way to really get started with Skeleton is to check out the full docs and info at <a href="http://www.getskeleton.com">www.getskeleton.com.</a>. Skeleton is also open-source and has a <a href="https://github.com/dhgamache/skeleton">project on git</a>, so check that out if you want to report bugs or create a pull request. If you have any questions, thoughts, concerns or feedback, please don't hesitate to email me at <a href="mailto:hi@getskeleton.com">hi@getskeleton.com</a>.</p>
</div>

</div><!-- container -->



<!-- JS
================================================== -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="javascripts/tabs.js"></script>

<!-- End Document
================================================== -->
</body>
</html>
Binary file added lib/generators/skeleton_layout/templates/javascripts/.tabs.js.swp
Binary file not shown.
42 changes: 42 additions & 0 deletions lib/generators/skeleton_layout/templates/javascripts/tabs.js
@@ -0,0 +1,42 @@
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


$(document).ready(function() {

/* Tabs Activiation
================================================== */

var tabs = $('ul.tabs');

tabs.each(function(i) {

//Get all tabs
var tab = $(this).find('> li > a');
tab.click(function(e) {

//Get Location of tab's content
var contentLocation = $(this).attr('href');

//Let go if not a hashed one
if(contentLocation.charAt(0)=="#") {

e.preventDefault();

//Make Tab Active
tab.removeClass('active');
$(this).addClass('active');

//Show Tab Content & add active class
$(contentLocation).show().addClass('active').siblings().hide().removeClass('active');

}
});
});
});
5 changes: 5 additions & 0 deletions lib/generators/skeleton_layout/templates/robots.txt
@@ -0,0 +1,5 @@
# www.robotstxt.org/
# www.google.com/support/webmasters/bin/answer.py?hl=en&answer=156449

User-agent: *

0 comments on commit 4646632

Please sign in to comment.