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" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">	<!-- Force Latest IE rendering engine -->
	<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.0</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 &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.5.1/jquery.js"></script>
	<script>window.jQuery || document.write("<script src='javascripts/jquery-1.5.1.min.js'>\x3C/script>")</script>
	<script src="javascripts/app.js"></script>
	
<!-- End Document
================================================== -->
</body>
</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			`<!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" />`
			`<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <!-- Force Latest IE rendering engine -->`
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]-->`
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`
			`================================================== -->`
broke the grid into a spearate file from base called skeleton, really really refined the grid across different devices (although it still needs a lot of testing). I've also started a documentation 2011-05-04 21:20:56 -04:00			`<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />`
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`
			`================================================== -->`
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			`<link rel="stylesheet" href="stylesheets/base.css">`
			`<link rel="stylesheet" href="stylesheets/skeleton.css">`
			`<link rel="stylesheet" href="stylesheets/layout.css">`
started building out the documentation and trying to include a fluid grid (but nesting seems impossible) 2011-05-03 10:36:26 -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			`================================================== -->`
changed the initial download page to have some quick information about the product 2011-05-16 19:06:10 -04:00			`<link rel="shortcut icon" href="images/favicon.ico">`
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			`<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" />`
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
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`
			`================================================== -->`
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
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 class="container">`
			`<div class="sixteen columns">`
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>`
			`<h5>Version 1.0</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>`
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>`
changed the initial download page to have some quick information about the product 2011-05-16 19:06:10 -04:00			`<div class="one-third column">`
			`<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

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			`<!-- JS`
			`================================================== -->`
			`<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>`
			`<script>window.jQuery \|\| document.write("<script src='javascripts/jquery-1.5.1.min.js'>\x3C/script>")</script>`
			`<script src="javascripts/app.js"></script>`

			`<!-- 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>`