yeah, added examples and rewrote some tabs n' button code
This commit is contained in:
Dave Gamache
@ -9,30 +9,42 @@
|
||||
================================================== -->
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <!-- Force Latest IE rendering engine -->
|
||||
<title><?= $page_title ?></title>
|
||||
<title>Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<!-- Mobile Specific Metas
|
||||
================================================== -->
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
||||
<meta name="viewport" content="width=960" />
|
||||
<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/ui.css">
|
||||
<link rel="stylesheet" href="stylesheets/layout.css">
|
||||
<!--[if lt IE9]><link rel="stylesheet" href="css/ie.css"><![endif]-->
|
||||
|
||||
<!-- JS (see footer for rest)
|
||||
================================================== -->
|
||||
<script src="javascripts/modernizr-1.7.min.js"></script>
|
||||
|
||||
<!-- Favicons
|
||||
<!-- Favicon
|
||||
================================================== -->
|
||||
<link rel="shortcut icon" href="/favicon.ico">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
|
||||
<link rel="shortcut icon" href="src/images/favicon.ico">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
<div class="container">
|
||||
<h1 style="margin-top: 100px; text-align:center">Sorry. Couldn't Find That Page!</h1>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- 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>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
src/images/favicon.ico
Normal file
BIN
src/images/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
@ -1,9 +0,0 @@
|
||||
|
||||
<!-- 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/modernizr-1.7.min.js"></script>
|
||||
<script src="javascripts/app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
71
src/index.html
Normal file
71
src/index.html
Normal file
@ -0,0 +1,71 @@
|
||||
<!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>Page Title</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<!-- 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">
|
||||
<!--[if lt IE9]><link rel="stylesheet" href="css/ie.css"><![endif]-->
|
||||
|
||||
<!-- Favicon
|
||||
================================================== -->
|
||||
<link rel="shortcut icon" href="favicon.ico">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<!-- Primary Page Layout
|
||||
================================================== -->
|
||||
|
||||
<div class="container">
|
||||
<div class="sixteen columns">
|
||||
<h1 class="bottomless">Skeleton</h1>
|
||||
<p class="lead"><a href="http://www.skeleton.gs">skeleton.gs</a></p>
|
||||
</div>
|
||||
<div class="one column" style="background: #999; height: 400px;"></div>
|
||||
<div class="one column" style="background: #999; height: 400px;"></div>
|
||||
<div class="one column" style="background: #999; height: 400px;"></div>
|
||||
<div class="one column" style="background: #999; height: 400px;"></div>
|
||||
<div class="one column" style="background: #999; height: 400px;"></div>
|
||||
<div class="one column" style="background: #999; height: 400px;"></div>
|
||||
<div class="one column" style="background: #999; height: 400px;"></div>
|
||||
<div class="one column" style="background: #999; height: 400px;"></div>
|
||||
<div class="one column" style="background: #999; height: 400px;"></div>
|
||||
<div class="one column" style="background: #999; height: 400px;"></div>
|
||||
<div class="one column" style="background: #999; height: 400px;"></div>
|
||||
<div class="one column" style="background: #999; height: 400px;"></div>
|
||||
<div class="one column" style="background: #999; height: 400px;"></div>
|
||||
<div class="one column" style="background: #999; height: 400px;"></div>
|
||||
<div class="one column" style="background: #999; height: 400px;"></div>
|
||||
<div class="one column" style="background: #999; height: 400px;"></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>
|
||||
@ -1,29 +0,0 @@
|
||||
<? $title = "Page Title";
|
||||
include("includes/doc-head.php"); ?>
|
||||
|
||||
<div class="container">
|
||||
<nav class="five columns">
|
||||
<h1>Skeleton</h1>
|
||||
<ul>
|
||||
<li><a href="#whatAndWhy">What & Why</a></li>
|
||||
<li><a href="#basics">Basics</a></li>
|
||||
<li><a href="#typography">Typography</a></li>
|
||||
<li><a href="#grid">Grid</a></li>
|
||||
<li><a href="#buttons">Buttons</a></li>
|
||||
<li><a href="#tabs">Tabs</a></li>
|
||||
<li><a href="#forms">Forms</a></li>
|
||||
<li><a href="#mediaQueries">Media Queries</a></li>
|
||||
<li><a href="#theFuture">The Future</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="eleven columns">
|
||||
<header>
|
||||
<p>Skeleton is a lightweight framework for HTML, CSS & jQuery that makes building websites easier.</p>
|
||||
</header>
|
||||
<br class="large" />
|
||||
<h3>What & Why</h3>
|
||||
<p>Here is where I need to chat about what Skeleton is, why it<69>s awesome and how what the file structure is. Focus on: 1) Speed, 2) Best Practices , 3) Across devices</p>
|
||||
</div>
|
||||
</div><!-- container -->
|
||||
|
||||
<? include("includes/doc-foot.php"); ?>
|
||||
5
src/robots.txt
Executable file
5
src/robots.txt
Executable file
@ -0,0 +1,5 @@
|
||||
# www.robotstxt.org/
|
||||
# www.google.com/support/webmasters/bin/answer.py?hl=en&answer=156449
|
||||
|
||||
User-agent: *
|
||||
|
||||
@ -69,8 +69,8 @@
|
||||
h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
|
||||
h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
|
||||
h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
|
||||
h5 { font-size: 17px; line-height: 30px; font-weight: normal; }
|
||||
h6 { font-size: 14px; line-height: 30px; }
|
||||
h5 { font-size: 17px; line-height: 24px; font-weight: normal; }
|
||||
h6 { font-size: 14px; line-height: 21px; }
|
||||
.subheader { color: #777; }
|
||||
|
||||
p { margin: 0 0 20px; }
|
||||
@ -166,7 +166,7 @@
|
||||
|
||||
/* Hovers ---------- */
|
||||
.button:hover { background-color: #000; }
|
||||
.secondary.button:hover { background-color: #555; }
|
||||
.secondary.button:hover { background-color: #777; }
|
||||
|
||||
|
||||
|
||||
@ -194,15 +194,32 @@
|
||||
border: solid 1px #ddd;
|
||||
border-width: 1px 0 0 1px;
|
||||
margin: 0;
|
||||
background: #eee;
|
||||
background: #f5f5f5;
|
||||
font-size: 13px; }
|
||||
ul.tabs li a.active {
|
||||
background: #fff;
|
||||
height: 30px;
|
||||
height: 30px;
|
||||
position: relative;
|
||||
top: -4px;
|
||||
padding-top: 4px;
|
||||
border-right-width: 1px;
|
||||
margin: 0 -1px 0 0;
|
||||
color: #111; }
|
||||
color: #111;
|
||||
-moz-border-radius-topleft: 2px;
|
||||
-webkit-border-top-left-radius: 2px;
|
||||
border-top-left-radius: 2px;
|
||||
-moz-border-radius-topright: 2px;
|
||||
-webkit-border-top-right-radius: 2px;
|
||||
border-top-right-radius: 2px; }
|
||||
ul.tabs li:first-child a {
|
||||
-moz-border-radius-topleft: 2px;
|
||||
-webkit-border-top-left-radius: 2px;
|
||||
border-top-left-radius: 2px; }
|
||||
ul.tabs li:last-child a {
|
||||
border-width: 1px 1px 0 1px; }
|
||||
border-width: 1px 1px 0 1px;
|
||||
-moz-border-radius-topright: 2px;
|
||||
-webkit-border-top-right-radius: 2px;
|
||||
border-top-right-radius: 2px; }
|
||||
|
||||
ul.tabs-content { margin: 0; display: block; }
|
||||
ul.tabs-content > li { display:none; }
|
||||
@ -262,6 +279,11 @@
|
||||
font-weight: normal;
|
||||
font-size: 13px;
|
||||
color: #444; }
|
||||
|
||||
/* #Misc
|
||||
================================================== */
|
||||
.remove-bottom { margin-bottom: 0 !important; }
|
||||
.add-bottom { margin-bottom: 20px !important; }
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user