Bones/index.html

<!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="g-16">
			<h1 class="remove-bottom" style="margin-top: 40px">Skeleton</h1>
			<h5>Version 2.0</h5>
			<hr />
		</div>
		<div class="g-1-3rd">
			<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="g-1-3rd">
			<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="g-1-3rd">
			<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>
fixing the app.js to become tabs.js and refactoring based on some awesome input from napcs on github 2011-08-17 21:37:22 -04:00			`<!DOCTYPE html>`
started building out the documentation and trying to include a fluid grid (but nesting seems impossible) 2011-05-03 10:36:26 -04:00			`<!--[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]-->`
a couple quick updates to the CSS and denoted that it was version 1.0.2 2011-05-29 12:46:46 -04:00			`<!--[if (gte IE 9)\|!(IE)]><!--><html lang="en"> <!--<![endif]-->`
started building out the documentation and trying to include a fluid grid (but nesting seems impossible) 2011-05-03 10:36:26 -04:00			`<head>`

			`<!-- Basic Page Needs`
			`================================================== -->`
removing jquery (only using Google CDN now); refactoring layout.css media queries to be more straightforward and better commented; Fixed tabs for CSS to use first-child so it would have all the borders even in IE 2011-08-18 00:05:28 -04:00			`<meta charset="utf-8">`
changed the initial download page to have some quick information about the product 2011-05-16 19:06:10 -04:00			`<title>Your Page Title Here :)</title>`
started building out the documentation and trying to include a fluid grid (but nesting seems impossible) 2011-05-03 10:36:26 -04:00			`<meta name="description" content="">`
			`<meta name="author" content="">`
changed the git repo to the src folder, browser tested, changed the tabs to work cross browser and to stack...removed the IE conditional stylesheet 2011-05-15 19:13:52 -04:00			`<!--[if lt IE 9]>`
			`<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>`
			`<![endif]-->`
fixing the app.js to become tabs.js and refactoring based on some awesome input from napcs on github 2011-08-17 21:37:22 -04:00
started building out the documentation and trying to include a fluid grid (but nesting seems impossible) 2011-05-03 10:36:26 -04:00			`<!-- Mobile Specific Metas`
			`================================================== -->`
removing jquery (only using Google CDN now); refactoring layout.css media queries to be more straightforward and better commented; Fixed tabs for CSS to use first-child so it would have all the borders even in IE 2011-08-18 00:05:28 -04:00			`<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">`
fixing the app.js to become tabs.js and refactoring based on some awesome input from napcs on github 2011-08-17 21:37:22 -04:00
started building out the documentation and trying to include a fluid grid (but nesting seems impossible) 2011-05-03 10:36:26 -04:00			`<!-- CSS`
			`================================================== -->`
removing jquery (only using Google CDN now); refactoring layout.css media queries to be more straightforward and better commented; Fixed tabs for CSS to use first-child so it would have all the borders even in IE 2011-08-18 00:05:28 -04:00			`<link rel="stylesheet" href="stylesheets/base.css">`
			`<link rel="stylesheet" href="stylesheets/skeleton.css">`
			`<link rel="stylesheet" href="stylesheets/layout.css">`
fixing the app.js to become tabs.js and refactoring based on some awesome input from napcs on github 2011-08-17 21:37:22 -04:00
Add Apple Touch Icon sizes and linked those in, added active button CSS, changed some unneeded CSS in base.css, changed the Favicon to be square and cleaner, updated the app.js to include awesome suggestions made from Github community to be faster. Honestly, shocked at how awesome Github community has been already and thanks so much to everyone for the help 2011-05-17 20:54:18 -04:00			`<!-- Favicons`
started building out the documentation and trying to include a fluid grid (but nesting seems impossible) 2011-05-03 10:36:26 -04:00			`================================================== -->`
removing jquery (only using Google CDN now); refactoring layout.css media queries to be more straightforward and better commented; Fixed tabs for CSS to use first-child so it would have all the borders even in IE 2011-08-18 00:05:28 -04:00			`<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">`
fixing the app.js to become tabs.js and refactoring based on some awesome input from napcs on github 2011-08-17 21:37:22 -04:00
started building out the documentation and trying to include a fluid grid (but nesting seems impossible) 2011-05-03 10:36:26 -04:00			`</head>`
			`<body>`


recleaned all of the code and formatting to be BEAUTIFUL 2011-05-15 19:50:51 -04:00
changed the git repo to the src folder, browser tested, changed the tabs to work cross browser and to stack...removed the IE conditional stylesheet 2011-05-15 19:13:52 -04:00			`<!-- Primary Page Layout`
			`================================================== -->`
fixing the app.js to become tabs.js and refactoring based on some awesome input from napcs on github 2011-08-17 21:37:22 -04:00
changed the initial download page to have some quick information about the product 2011-05-16 19:06:10 -04:00			`<!-- Delete everything in this .container and get started on your own site! -->`
started building out the documentation and trying to include a fluid grid (but nesting seems impossible) 2011-05-03 10:36:26 -04:00
fixing the app.js to become tabs.js and refactoring based on some awesome input from napcs on github 2011-08-17 21:37:22 -04:00			`<div class="container">`
creating a new branch to experiment with a new grid. 2011-08-30 00:57:53 -04:00			`<div class="g-16">`
changed the initial download page to have some quick information about the product 2011-05-16 19:06:10 -04:00			`<h1 class="remove-bottom" style="margin-top: 40px">Skeleton</h1>`
creating a new branch to experiment with a new grid. 2011-08-30 00:57:53 -04:00			`<h5>Version 2.0</h5>`
changed the initial download page to have some quick information about the product 2011-05-16 19:06:10 -04:00			`<hr />`
			`</div>`
creating a new branch to experiment with a new grid. 2011-08-30 00:57:53 -04:00			`<div class="g-1-3rd">`
fixing the app.js to become tabs.js and refactoring based on some awesome input from napcs on github 2011-08-17 21:37:22 -04:00			`<h3>About Skeleton?</h3>`
removing some of the type=text/javascript since it is the default 2011-08-18 00:06:51 -04:00			`<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>`
changed the initial download page to have some quick information about the product 2011-05-16 19:06:10 -04:00			`</div>`
creating a new branch to experiment with a new grid. 2011-08-30 00:57:53 -04:00			`<div class="g-1-3rd">`
fixing the app.js to become tabs.js and refactoring based on some awesome input from napcs on github 2011-08-17 21:37:22 -04:00			`<h3>Three Core Principles</h3>`
changed the initial download page to have some quick information about the product 2011-05-16 19:06:10 -04:00			`<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>`
changed the git repo to the src folder, browser tested, changed the tabs to work cross browser and to stack...removed the IE conditional stylesheet 2011-05-15 19:13:52 -04:00			`</div>`
creating a new branch to experiment with a new grid. 2011-08-30 00:57:53 -04:00			`<div class="g-1-3rd">`
fixing the app.js to become tabs.js and refactoring based on some awesome input from napcs on github 2011-08-17 21:37:22 -04:00			`<h3>Docs & Support</h3>`
made a couple last minor changes to the download package before I push this bad boy live 2011-05-16 19:09:48 -04:00			`<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>`
changed the initial download page to have some quick information about the product 2011-05-16 19:06:10 -04:00			`</div>`
changed the git repo to the src folder, browser tested, changed the tabs to work cross browser and to stack...removed the IE conditional stylesheet 2011-05-15 19:13:52 -04:00			`</div><!-- container -->`
started building out the documentation and trying to include a fluid grid (but nesting seems impossible) 2011-05-03 10:36:26 -04:00
fixing the app.js to become tabs.js and refactoring based on some awesome input from napcs on github 2011-08-17 21:37:22 -04:00

changed the git repo to the src folder, browser tested, changed the tabs to work cross browser and to stack...removed the IE conditional stylesheet 2011-05-15 19:13:52 -04:00			`<!-- JS`
			`================================================== -->`
fixing the app.js to become tabs.js and refactoring based on some awesome input from napcs on github 2011-08-17 21:37:22 -04:00			`<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>`
removing some of the type=text/javascript since it is the default 2011-08-18 00:06:51 -04:00			`<script src="javascripts/tabs.js"></script>`
fixing the app.js to become tabs.js and refactoring based on some awesome input from napcs on github 2011-08-17 21:37:22 -04:00
changed the git repo to the src folder, browser tested, changed the tabs to work cross browser and to stack...removed the IE conditional stylesheet 2011-05-15 19:13:52 -04:00			`<!-- End Document`
			`================================================== -->`
			`</body>`
started building out the documentation and trying to include a fluid grid (but nesting seems impossible) 2011-05-03 10:36:26 -04:00			`</html>`