mirror of
https://github.com/kennethreitz-archive/kennethreitz.github.com.git
synced 2026-06-05 23:40:17 +00:00
Kenneth Reitz
69 lines
7.1 KiB
HTML
69 lines
7.1 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
|
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title>code.kennethreitz.com :: Typography Debug</title>
|
|
<link href='/stylesheets/screen.css' media='screen, projection' rel='stylesheet' type='text/css' />
|
|
<script src='http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js' type='text/javascript'></script>
|
|
<script src='/javascripts/mootools-1.2.4.2-more.js' type='text/javascript'></script>
|
|
<script type='text/javascript'>
|
|
//<![CDATA[
|
|
var twitter_user = "kennethreitz"
|
|
var show_replies = false;
|
|
var tweet_count = 3;
|
|
//]]>
|
|
</script>
|
|
<script src='/javascripts/octopress.js' type='text/javascript'></script>
|
|
<script src='/javascripts/twitter.js' type='text/javascript'></script>
|
|
<link href='/atom.xml' rel='alternate' title='code.kennethreitz.com' type='application/atom+xml' />
|
|
</head>
|
|
<body id="">
|
|
<div id="header">
|
|
<div class='content'>
|
|
<h1>
|
|
<a class='title' href='/'>code.kennethreitz.com</a>
|
|
</h1>
|
|
</div>
|
|
</div>
|
|
<div id="nav">
|
|
<div class='content'>
|
|
<ul>
|
|
<li class='alpha'>
|
|
<a href='/'>Blog</a>
|
|
</li>
|
|
<li class='omega'>
|
|
<a href='/about.html'>About</a>
|
|
</li>
|
|
<li class='subscribe'>
|
|
<a href='/atom.xml'>Subscribe</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div id="page">
|
|
<div id="content">
|
|
<div id="main">
|
|
<div class="content"><h1>Level 01 Heading</h1>
<h2>Level 02 Heading</h2>
<h3>Level 03 Heading</h3>
<h4>Level 04 Heading</h4>
<h5>Level 05 Heading</h5>
<h6>Level 06 Heading</h6>
<p>
 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce sodales ligula sed urna. Aliquam posuere arcu
 viverra erat. Pellentesque et enim dapibus ante facilisis bibendum. Nam congue dapibus urna. Vestibulum consequat
 arcu at magna. Nunc faucibus mollis lacus. Nulla tempor luctus tellus. Donec blandit lobortis pede. Vestibulum
 vel pede ut urna eleifend lacinia.
</p>
<p>
 Maecenas ligula nibh, imperdiet at, interdum eget, sagittis eu, enim. Vivamus vel urna. Donec fringilla
 ullamcorper sem. In risus arcu, pellentesque cursus, faucibus cursus, consequat quis, est. Aliquam id erat.
 Aliquam arcu. Phasellus vulputate. Integer sem diam, mattis vel, viverra ullamcorper, ultricies quis, nisl. Sed
 sollicitudin quam ut nisi. Vivamus velit sapien, volutpat eu, faucibus id, nonummy id, urna.
</p>
<p>
 Take it<sub>2</sub> to the power of<sup>3</sup>
 Praesent iaculis pellentesque est. Nulla facilisi. Etiam fringilla vehicula orci. Aliquam fermentum ipsum id
 nulla. Aliquam interdum laoreet leo. Cras accumsan. Nam pharetra diam id nunc. Integer blandit tellus vulputate
 felis. Cras aliquam, eros in euismod aliquam, enim nisl mollis metus, quis fringilla ipsum diam ut pede. Mauris a
 libero ac velit interdum pulvinar. Nunc ipsum mauris, semper rhoncus, feugiat ut, egestas id, diam. Nullam
 porttitor condimentum risus. Vivamus nec enim eget nisi commodo euismod. Ut turpis. Nullam malesuada rutrum
 neque. Nam sodales porta elit. Mauris mollis nisl vel augue.
</p>
<p>
 And we were like <q>Woah</q>, and he was like <q>Woah</q>, and they were like <q>WOAH!</q>
</p>
<p>
 <abbr title="For The Win!">FTW!</abbr>
</p>
<p></p>
<h3>Unordered lists</h3>
<ul>
 <li>Lorem ipsum dolor sit amet</li>
 <li>Consectetur adipisicing elit</li>
 <li>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</li>
 <li>Ut enim ad minim veniam</li>
</ul>
<h3>Ordered lists</h3>
<ol>
 <li>Consectetur adipisicing elit</li>
 <li>Sed do eiusmod tempor incididunt ut labore</li>
 <li>Et dolore magna aliqua</li>
</ol>
<h3>Blockquotes</h3>
<blockquote>
 <p>
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
 magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 </p>
</blockquote>
<h3>Tables</h3>
<table>
 <caption>
 Jimi Hendrix - albums
 <thead>
 <tr>
 <th>Album</th>
 <th>Year</th>
 <th>Price</th>
 </tr>
 </thead>
 <tfoot>
 <tr>
 <td>Album</td>
 <td>Year</td>
 <td>Price</td>
 </tr>
 </tfoot>
 <tbody>
 <tr>
 <td>Are You Experienced</td>
 <td>1967</td>
 <td>$10.00</td>
 </tr>
 <tr>
 <td>Axis: Bold as Love</td>
 <td>1967</td>
 <td>$12.00</td>
 </tr>
 <tr>
 <td>Electric Ladyland</td>
 <td>1968</td>
 <td>$10.00</td>
 </tr>
 <tr>
 <td>Band of Gypsys</td>
 <td>1970</td>
 <td>$12.00</td>
 </tr>
 </tbody>
 </caption>
</table>
<p>
 <a href="#">Link</a>
 <br />
 <strong><strong></strong>
 <br />
 <del><del> deleted</del>
 <br />
 <dfn><dfn> dfn</dfn>
 <br />
 <em><em> emphasis</em>
 <br />
</p>
<pre><code><html>
<head>
</head>
<body>
<div class = "main"> <div>
</body>
</html></code></pre>
<tt>
 <tt>
 Pellentesque tempor, dui ut ultrices viverra, neque urna blandit nisi, id accumsan dolor est vitae risus.
</tt>
<hr /></div>
|
|
</div>
|
|
<div id="sidebar">
|
|
<h4>Twitter <a class="small" href="http://twitter.com/kennethreitz">@kennethreitz</a></h4>
|
|
<div id='twitter'>
|
|
<ul id='twitter_status'>
|
|
Status updating...
|
|
</ul>
|
|
</div>
|
|
<h4>My Delicious <a class="small" href="http://delicious.com/drummer42">more →</a></h4>
|
|
<div id='delicious'>
|
|
<script src='http://feeds.delicious.com/v2/js/drummer42?title=&count=3&sort=date&extended' type='text/javascript'></script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id='footer'>
|
|
<div class='content'>
|
|
Copyright © 2010 - code.kennethreitz.com -
|
|
<span class='credit'>Powered by <a href="http://octopress.org">Octopress</a></span>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|