-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
111 lines (99 loc) · 4.69 KB
/
index.html
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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tea Theme by Allison House</title>
<link rel="stylesheet" href="css/styles.css">
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div id="wrapper">
<header>
<hgroup>
<div>
<h1>Tea Theme</h1>
<h2>A refreshing blend of simplicity and sophistication, ready for your finest ideas.</h2>
<hr>
</div>
</hgroup>
</header>
<div class="downloads">
<ul>
<li><a href="https://github.com/house/tea/archive/master.zip">Download (ZIP)</a></li>
<li><a href="https://github.com/house/tea/fork">Fork on GitHub</a></li>
<li><a href="https://github.com/house/tea/">View on GitHub</a></li>
</ul>
</div>
<div id="content">
<h1>Almost, but not quite, entirely unlike tea</h1>
<p>August is turning into September, and the San Francisco weather couldn't be more beautiful. Every day is warm and sunny; hardly a cloud in the sky!
<p>When the weekend arrives, I fling open every window in my third-story apartment and let the breeze filter in. It's sublime. Most of my days start with a hot cup of tea—I lean against the window frame, look out over the city, and sip.</p>
<p>It's an act that's enormously satisfying in its simplicity. I hope this theme is, too.</p>
<p>Tea is a theme for <a href="http://pages.github.com">GitHub Pages</a>—or any page, really—by <a href="http://twitter.com/house">Allison House</a>.
<hr>
<h2>How to use this theme</h2>
<p>If you'd like to use this for <a href="pages.github.com">GitHub Pages</a>, you'll just <a href="https://github.com/house/tea/fork">fork this project</a> and replace my content with your own lovely thoughts and ideas.
<p>You should feel free to use Tea for anything else, too. Here's the <a href="https://github.com/house/tea/archive/master.zip">ZIP</a>. Modify it in any way that suits your purpose.</p>
<hr>
<h2>Style examples</h2>
<h3>Blockquote</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<blockquote>
<p>The capacity for good and evil, like the Force itself, is in all living creatures. And belonging to the Jedi Order, or the Sith, or any other group, won't change what you are at your core.</p>
<p>— Jolee Bindo, <i>Star Wars: Knights of the Old Republic</i></p>
</blockquote>
<p>Morbi a mi vel tortor feugiat tempor in et arcu. Etiam vitae aliquet neque, quis vestibulum urna. </p>
<h3>Table</h3>
<table>
<thead>
<tr><th>Whiskey</th><th>Tango</th><th>Foxtrot</th></tr>
</thead>
<tbody>
<tr><td>Apple</td><td>1</td><td>a</td></tr>
<tr><td>Blueberry</td><td>2</td><td>b</td></tr>
<tr><td>Banana</td><td>3</td><td>c</td></tr>
</tbody>
</table>
<h3>Lists</h3>
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<h3>Code</h3>
<pre><code>pre, code {
display: block;
line-height: 1.833em;
}</code></pre>
</table>
<h3>Headings</h3>
<h4>Here's a headline</h4>
<p>This is the <code><h4></code>. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<h5>If you need it, here's another</h5>
<p>This is the <code><h5></code>. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<h6>And here's the last one</h6>
<p>This is the <code><h6></code>. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<hr>
<footer>
<p>
<!-- Your footer information can go here. -->
Ah, ma petit chou-fleur.
</p>
<p>
<!-- Keeping this line would be very considerate, but is not required. -->
<a href="https://github.com/house/tea">"Tea"</a> by <a href="http://twitter.com/house">Allison House</a>
</p>
</footer>
</div>
</body>
</html>