Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 4646632
Showing
27 changed files
with
940 additions
and
0 deletions.
There are no files selected for viewing
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,6 @@ | ||
class HomeController < ApplicationController | ||
def index | ||
|
||
end | ||
|
||
end |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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
21
lib/generators/skeleton_layout/skeleton_layout_generator.rb
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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 not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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
BIN
+9.88 KB
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
BIN
+3.78 KB
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.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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 & 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 & 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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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 & 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 & 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 not shown.
42 changes: 42 additions & 0 deletions
42
lib/generators/skeleton_layout/templates/javascripts/tabs.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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'); | ||
|
||
} | ||
}); | ||
}); | ||
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
# www.robotstxt.org/ | ||
# www.google.com/support/webmasters/bin/answer.py?hl=en&answer=156449 | ||
|
||
User-agent: * | ||
|
Oops, something went wrong.