-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathchassis.html
More file actions
200 lines (167 loc) · 9.93 KB
/
chassis.html
File metadata and controls
200 lines (167 loc) · 9.93 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!doctype html>
<!--[if IEMobile]> <html class="no-js ie-mobile" lang="en"> <![endif]-->
<!--[if (lt IE 7)&!(IEMobile) ]> <html class="no-js ie6" lang="en"> <![endif]-->
<!--[if (IE 7)&!(IEMobile) ]> <html class="no-js ie7" lang="en"> <![endif]-->
<!--[if (IE 8)&!(IEMobile) ]> <html class="no-js ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<title>Chassis 2.0</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- uncomment and remove above to lockdown a specific version of
IE rendering. Not recommended: may be required to testing deltas.
<meta http-equiv="X-UA-Compatible" content="IE=8" />
-->
<meta name="description" content="CSS HTML And Structured Scripts In Standards" />
<meta name="author" content="Rozario Chivers" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="search" type="application/opensearchdescription+xml" title="Site Search" href="http://www.site.com/osd.xml" />
<link rel="shortcut icon" href="favicon.ico" />
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
<link rel="apple-touch-startup-image" href="img/startup.png" />
<link rel="apple-touch-startup-image" href="img/Default-Portrait.png" />
<!--iOS web app, deletable if not needed -->
<!--
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
-->
<!-- Mobile IE allows us to activate ClearType technology for smoothing fonts for easy reading -->
<meta http-equiv="cleartype" content="on">
<!-- Uncomment if you are specifically targeting less enabled mobile browsers
<link rel="stylesheet" media="handheld" href="css/handheld.css?v=1"> -->
<link rel="stylesheet" href="css/site.css" />
<link rel="copyright" href="#copyright" />
<!-- uncomment if HTML5 tags are required
<script src="js/lib/modernizr-min.js"></script> -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>
<script>window.jQuery || document.write('<script src="js/lib/jquery-min.js">\x3C/script>')</script>
<link rel="stylesheet" href="css/site.css" />
<link rel="stylesheet" href="dev/css/debug.css" />
<!-- Less CSS: for development only, should not be used on production (uncomment to use Less.js) -->
<!--
<link rel="stylesheet/less" type="text/css" href="dev/less/templates/layouts/layouts.less" />
<link rel="stylesheet/less" type="text/css" href="dev/less/templates/components/components.less" />
<link rel="stylesheet/less" type="text/css" href="dev/less/templates/pages/pages.less" />
<script src="dev/less/less.js"></script>
<script> less.env = "development"; less.watch(); </script>
-->
<!-- Compiled Less CSS -->
<link rel="stylesheet" type="text/css" href="css/templates/layouts/layouts.css" />
<link rel="stylesheet" type="text/css" href="css/templates/components/components.css" />
<link rel="stylesheet" type="text/css" href="css/templates/pages/pages.css" />
</head>
<body class="debug-grid">
<!-- begin Component: Accessibility links -->
<div id="skiplinks" data-component-name="skip-links">
<ul>
<li><a href="#header">Jump to main navigation</a></li>
<li><a href="#main">Jump to main content</a></li>
<li><a href="#footer">Jump to footer</a></li>
</ul>
</div>
<!-- end Component accessibility links -->
<!-- layout -->
<div id="wrapper"><!-- wrapper used to provide extra stylistic hooks -->
<!-- contextual CSS (Class names must remain in the correct order)
en-gb : language (e.g. en-us)
chassis site name (e.g. baseplate)
pg-home : page name (e.g. pg-home)
home : section (e.g. home, registration, search)
cat-1 : category context (category name agnostic to cater for category changes)
cat-1-2 : sub category context (category name agnostic to cater for category changes)
cms-seasonal : seasonal skin (allows overriding of all layout components e.g. Christmas and Summer styles for Header)
-->
<div id="container" class="en-gb chassis home pg-chassis-home cat-1 cat-1-2 cms-seasonal"><!-- to allow for customised seasonal layouts -->
<div id="main" class="layout-3-column"><!-- components: source order important for layout, order can be changed to cater for new layout requirements -->
<div id="content-subnav" class="aside">
<!-- side navigation (typically) -->
<a href="http://www.w3.org/html/logo/"><!-- 'extreme' baseline shift example -->
<img src="http://www.w3.org/html/logo/badge/html5-badge-v-css3-device-semantics-storage.png" width="38" height="202" alt="HTML5 Powered with CSS3 / Styling, Device Access, Semantics, and Offline & Storage" title="HTML5 Powered with CSS3 / Styling, Device Access, Semantics, and Offline & Storage">
</a>
</div><!-- id="content-subnav" -->
<div id="content" role="main">
<!-- main content -->
<h1>Chassis 2.0</h1>
<img src="img/chassis-logo.png" class="logo" alt="Chassis Logo" />
<p>
Chassis is Web development starter kit, initially created by Rozario Chivers in 2005. It includes everything you will need for a new project, from templates, debugging tools through to process documents. All in order to work quickly and effectively.
</p>
<p>
In order to leverage a solid foundation Chassis is built on top of the <a href="http://html5boilerplate.com/">HTML5 Boilerplate</a> and <a href="baseplate.php">Baseplate</a>.
</p>
<h3>Pages</h3>
<ul class="view"><li><a href="baseplate.php">baseplate.php</a></li><li><a href="chassis.php">chassis.php</a></li><li><a href="homepage.php">homepage.php</a></li><li><a href="layout-maker.php">layout-maker.php</a></li><li><a href="manifest.php">manifest.php</a></li></ul>
<h3>Layouts</h3>
<ul><li><a href="homepage.php">homepage.php</a></li></ul>
<h3>Components</h3>
<ul><li><a href="action.php">action.php</a></li><li><a href="breadcrumb.php">breadcrumb.php</a></li><li><a href="category-nav.php">category-nav.php</a></li><li><a href="footer-links.php">footer-links.php</a></li><li><a href="footer.php">footer.php</a></li><li><a href="header-links.php">header-links.php</a></li><li><a href="header.php">header.php</a></li><li><a href="homepage-promo.php">homepage-promo.php</a></li><li><a href="links.php">links.php</a></li><li><a href="message-area.php">message-area.php</a></li><li><a href="nav-main.php">nav-main.php</a></li><li><a href="pagination.php">pagination.php</a></li><li><a href="search.php">search.php</a></li><li><a href="skip-links.php">skip-links.php</a></li></ul>
</div><!-- id="content" -->
<div id="content-related" class="aside" role="complementary">
<h2>Documentation</h2>
<p>
<a href="https://github.com/flipflop/Chassis/wiki">Chassis Wiki</a>
</p>
<h2>Micellaneous</h2>
<ul class="misc">
<li><a href="osd.xml">Open Search XML</a></li>
<li><a href="manifest.php">HTML5 Manifest</a></li>
<li><a href="dev/harviewer/harviewer/index.php">Harviewer</a></li>
<li><a href="dev/css/creategrid.php">Less PHP Grid Generator</a></li>
<li><a href="layout-maker.php">Layout Maker (Experimental)</a></li>
<li><a href="javascript:(function(){console.log(chassis.debug.writeUITests());alert('UI Tests written to console');})()">Generate UI Tests (Bookmarklet)</a></li>
</ul>
<h2>Debug (classes added to Body tag)</h2>
<ul class="tooling">
<li><a href="#" id="debug">debug</a></li>
<li><a href="#" id="debug-grid">debug-grid</a></li>
<li><a href="#" id="debug-grid-body">debug-grid-body</a></li>
<li><a href="#" id="debug-layouts">debug-layouts</a></li>
</ul>
<strong>Note:</strong> for browsers that do not support CSS gradients, a <a href="dev/css/creategrid.php">dynamic debug grid background</a> is available in PHP.
</div><!-- id="content-related" -->
</div><!-- id="main" -->
<div id="header" role="banner">
<blockquote>
<p>"A reusable set of Markup, CSS and JavaScript patterns"</p>
</blockquote>
</div><!-- id="header" -->
<div id="footer">
<h3>Contributors</h3>
<ul>
<li>Anna Huang @nnFlip</li>
<li>Adam Osbourne @degenerate</li>
<li>Adam Silver @adambsilver</li>
<li>Lawrence Carvalho @shinyloz</li>
<li>Rozario Chivers @terraflop</li>
<li>Tony Kabalan @tkabbs</li>
</ul>
</div><!-- id="footer" -->
</div><!-- id="container" -->
</div><!-- id="wrapper" -->
<!-- scripts concatenated and minified via build script-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>
<script>window.jQuery || document.write('<script src="js/lib/jquery-min.js">\x3C/script>')</script>
<script src="js/chassis.js"></script>
<script src="js/site.js"></script>
<script src="js/templates/components/search/search.js"></script>
<!-- end scripts-->
<!-- development QA only (remove), not for production use -->
<script src="js/plugins.js"></script>
<!--
<script src="dev/js/chassis.lang.annotations.js"></script>
-->
<!-- Uncomment is profiling is required
http://remysharp.com/2007/04/20/performance-profiling-javascript/
<script src="dev/js/time.js"></script>
<script src="dev/js/jq_time.js"></script>
-->
<script src="dev/js/chassis.debug.js"></script>
<script src="dev/js/chassis.annotations.js"></script>
<!-- end development scripts -->
<!--[if lt IE 7 ]>
<script src="js/lib/dd_belatedpng.js"></script>
<script>DD_belatedPNG.fix('img, .png_bg'); // Fix any <img> or .png_bg bg-images. Also, please read goo.gl/mZiyb </script>
<![endif]-->
<script src="dev/js/baseplate.events.js"></script>
</body>
</html>