60 lines
2.4 KiB
HTML
60 lines
2.4 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>
|
||
|
|
||
|
<div class="container">
|
||
|
<h1>Blueprint test pages</h1>
|
||
|
<hr>
|
||
|
|
||
|
<p>Welcome to the Blueprint Plugin test pages. The HTML files below tests most HTML elements, and especially classes provided
|
||
|
by Blueprint.</p>
|
||
|
|
||
|
<table border="0" cellspacing="0" cellpadding="0">
|
||
|
<tr>
|
||
|
<th class="span-6">Test page</th>
|
||
|
<th class="span-8">Main files tested</th>
|
||
|
<th class="span-10">Description</th>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td><a href="parts/fancy_type.html">Fancy Type</a></td>
|
||
|
<td>
|
||
|
<a href="../../src/modules/_grid.sass">grid.sass</a>,
|
||
|
<a href="../../src/modules/_typography.sass">typography.sass</a>,
|
||
|
<a href="../../src/modules/_fancy_type.sass">fancy_type.sass</a>
|
||
|
</td>
|
||
|
<td>A simple sample page, with common elements and fancy type.</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 class="box">
|
||
|
<p>For more information and help, try these resources:</p>
|
||
|
<ul class="bottom">
|
||
|
<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" class="top"></a></p>
|
||
|
|
||
|
</div>
|
||
|
</body>
|
||
|
</html>
|