68 lines
3.0 KiB
HTML
68 lines
3.0 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
|
"http://www.w3.org/TR/html4/strict.dtd">
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<title>Blueprint test pages</title>
|
|
|
|
<!-- Framework CSS -->
|
|
<link rel="stylesheet" href="stylesheets/screen.css" type="text/css" media="screen, projection">
|
|
<link rel="stylesheet" href="stylesheets/print.css" type="text/css" media="print">
|
|
<!--[if IE]><link rel="stylesheet" href="stylesheets/ie.css" type="text/css" media="screen, projection"><![endif]-->
|
|
</head>
|
|
<body id="index" class="blueprint">
|
|
|
|
<div class="container">
|
|
<h1>Blueprint Semantic Test Pages</h1>
|
|
<hr>
|
|
|
|
<p>Welcome to the Blueprint Semantic test pages. The HTML files below test the assignment of styles to semantic classes and ids using Sass mixins.</p>
|
|
|
|
<table border="0" cellspacing="0" cellpadding="0">
|
|
<tr>
|
|
<th id="page-header">Test page</th>
|
|
<th id="files-header">Main files tested</th>
|
|
<th id="description-header">Description</th>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="parts/fancy_type.html">Fancy Type</a></td>
|
|
<td>
|
|
<a href="../../frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass">grid.sass</a>,
|
|
<a href="../../frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass">typography.sass</a>,
|
|
<a href="../../frameworks/blueprint/stylesheets/blueprint/modules/_fancy_type.sass">fancy_type.sass</a>
|
|
</td>
|
|
<td>A simple sample page, with common elements and fancy type.</td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="parts/liquid.html">Liquid Grid</a></td>
|
|
<td>
|
|
<a href="../../frameworks/blueprint/stylesheets/blueprint/modules/_liquid.sass">liquid.sass</a>,
|
|
<a href="../../frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass">typography.sass</a>,
|
|
<a href="../../frameworks/blueprint/stylesheets/blueprint/modules/_fancy_type.sass">fancy_type.sass</a>
|
|
</td>
|
|
<td>Like Fancy Type, but using a liquid percent based grid.</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<p><em><strong>Note about the css files:</strong></em>
|
|
These test files utilize the css files that are generated from
|
|
<a href="http://haml.hamptoncatlin.com/docs/rdoc/classes/Sass.html">Sass templates</a>.
|
|
In other words, if you change any of the source files,
|
|
you'll have to re-build them with <code>rake examples</code> to see any changes.</p>
|
|
|
|
<div id="info">
|
|
<p>For more information and help, try these resources:</p>
|
|
<ul>
|
|
<li><a href="http://code.google.com/p/blueprintcss">The Blueprint home page.</a></li>
|
|
<li><a href="http://groups.google.com/group/blueprintcss">Our anything-goes mailing list.</a></li>
|
|
<li><a href="http://bjorkoy.com">The blog where news about Blueprint gets posted.</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<p><a href="http://validator.w3.org/check?uri=referer">
|
|
<img src="parts/valid.png" alt="Valid HTML 4.01 Strict" height="31" width="88" id="w3c"></a></p>
|
|
|
|
</div>
|
|
</body>
|
|
</html> |