Skip to content

Commit 7720098

Browse files
author
mrmrs
committed
Breaking everything out to modules.
Let the mass styling begin.
1 parent 7c5671d commit 7720098

14 files changed

+389
-306
lines changed

‎_includes/_article.html

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
<section>
2+
<article>
3+
<h1>Title</h1>
4+
<p class="intro">
5+
Lorem ipsum dolor sit amet, <b>consectetur adipisicing elit</b>, sed do eiusmod
6+
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
7+
quis nostrud <em>exercitation ullamco laboris nisi ut aliquip ex ea commodo
8+
consequat</em>. Duis aute irure dolor in reprehenderit in voluptate velit esse
9+
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
10+
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
11+
</p>
12+
<blockquote>
13+
<p>
14+
This is a GREAT pull quote.
15+
</p>
16+
<a href="#">- Author</a>
17+
</blockquote>
18+
<p>
19+
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,
20+
consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt
21+
ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima
22+
veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi
23+
ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit
24+
qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum
25+
qui dolorem eum fugiat quo voluptas nulla pariatur?"
26+
</p>
27+
<p>
28+
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
29+
praesentium voluptatum deleniti atque corrupti quos dolores et quas
30+
molestias excepturi sint occaecati cupiditate non provident, similique sunt
31+
in culpa qui officia deserunt mollitia animi, id est laborum et dolorum
32+
fuga. Et harum quidem rerum facilis est et expedita distinctio.
33+
</p>
34+
</article>
35+
</section>

‎_includes/_code.html

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<section>
2+
<code>
3+
<pre>
4+
sudo ipfw pipe 1 config bw 256KByte/s
5+
sudo ipfw add 1 pipe 1 src-port 3000
6+
</pre>
7+
</code>
8+
</section>

‎_includes/_figure.html

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<section>
2+
<figure>
3+
<img src="/img/figure-example.jpg" alt="Figure Example">
4+
<figcaption>
5+
Photo of the sky at night. Original by <a href="http://flickr.com/photos/heyitsadam/">@mrmrs</a>
6+
</figcaption>
7+
</figure>
8+
</section>

‎_includes/_form.html

Lines changed: 65 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
<section>
2+
<form>
3+
<fieldset>
4+
<!--
5+
Every fieldset must contain a legend. IE barfs if it's not there.
6+
It's no fun.
7+
-->
8+
<legend>Legend Example</legend>
9+
10+
<div>
11+
<label>Text Input Label</label>
12+
<input type="text"/>
13+
<p>Helper text if necessary.</p>
14+
</div>
15+
16+
<div>
17+
<label>Password</label>
18+
<input type="password" />
19+
<p>Error messages when appropriate.</p>
20+
</div>
21+
22+
<div>
23+
<label for="email">Email</label>
24+
<input type="email" id="email" class="form-text" />
25+
</div>
26+
27+
<div>
28+
<label for="gender">Dropdown</label>
29+
<select>
30+
<option>Option 1</option>
31+
<option>Option 2</option>
32+
<option>Option 3</option>
33+
</select>
34+
</div>
35+
36+
<div>
37+
<label>Radio Buttons</label>
38+
<ul>
39+
<li><label><input type="radio" /> Label 1</label></li>
40+
<li><label><input type="radio" /> Label 2</label></li>
41+
<li><label><input type="radio" /> Label 3</label></li>
42+
</ul>
43+
</div>
44+
45+
<div>
46+
<label for="url">URL Input</label>
47+
<input type="url" placeholder="http://mrmrs.cc" />
48+
</div>
49+
50+
<div>
51+
<label>Text area</label>
52+
<textarea></textarea>
53+
</div>
54+
55+
<div>
56+
<label><input type="checkbox" /> This is a checkbox.</label>
57+
</div>
58+
59+
<div>
60+
<input type="submit" value="Submit" />
61+
</div>
62+
63+
</fieldset>
64+
</form>
65+
</section>

‎_includes/_headings_copy.html

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
<section>
2+
<h1>Headings &amp; Copy</h1>
3+
<h1 class="h1">First Header h1</h1>
4+
<p>
5+
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
6+
praesentium voluptatum deleniti atque corrupti quos.
7+
</p>
8+
<h2 class="h2">Second header h2</h2>
9+
<p>
10+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
11+
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
12+
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
13+
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
14+
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
15+
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
16+
</p>
17+
<h3 class="h3">Third header h3</h3>
18+
<p>
19+
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
20+
praesentium voluptatum deleniti atque corrupti quos dolores et quas
21+
molestias excepturi sint occaecati cupiditate non provident, similique sunt
22+
in culpa qui officia deserunt mollitia animi, id est laborum et dolorum
23+
fuga. Et harum quidem rerum facilis est et expedita distinctio.
24+
</p>
25+
<h4 class="h4">Fourth header h4</h4>
26+
<p>
27+
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,
28+
consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt
29+
ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima
30+
veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi
31+
ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit
32+
qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum
33+
qui dolorem eum fugiat quo voluptas nulla pariatur?"
34+
</p>
35+
<h5 class="h5">Fifth header h5</h5>
36+
<p>
37+
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
38+
doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
39+
veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
40+
ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia
41+
consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
42+
</p>
43+
<h6 class="h6">Sixth header h6</h6>
44+
<p>
45+
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
46+
praesentium voluptatum deleniti atque corrupti quos.
47+
</p>
48+
</section>

‎_includes/_links.html

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<section>
2+
<h1>Links</h1>
3+
<a href="#" class="link" title="Sample text link">Sample text link</a>
4+
<a href="#" class="link btn" title="Sample button link">Sample button link</a>
5+
</section>

‎_includes/_lists.html

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,85 @@
1+
<section>
2+
<h1 class="h1">Lists</h1>
3+
<ul class="list-horizontal">
4+
<li>List Item 1</li>
5+
<li>List Item 2</li>
6+
<li>List Item 3</li>
7+
<li>List Item 4</li>
8+
<li>List Item 5</li>
9+
<li>List Item 6</li>
10+
</ul>
11+
<ul class="list-vertical">
12+
<li>List Item 1</li>
13+
<li>List Item 2</li>
14+
<li>List Item 3</li>
15+
<li>List Item 4</li>
16+
<li>List Item 5</li>
17+
<li>List Item 6</li>
18+
</ul>
19+
<dl class="list-stats">
20+
<dt class="list-stats-label">
21+
Kick
22+
</dt>
23+
<dd class="list-stats-stat">
24+
808
25+
</dd>
26+
<dt class="list-stats-label">
27+
Snare
28+
</dt>
29+
<dd class="list-stats-stat">
30+
909
31+
</dd>
32+
</dl>
33+
<dl class="list-pairs">
34+
<dt class="list-pairs-key">
35+
Maine
36+
</dt>
37+
<dd class="list-pairs-value">
38+
Augusta
39+
</dd>
40+
<dt class="list-pairs-key">
41+
California
42+
</dt>
43+
<dd class="list-pairs-value">
44+
Sacremento
45+
</dd>
46+
<dt class="list-pairs-key">
47+
Oregon
48+
</dt>
49+
<dd class="list-pairs-value">
50+
Salem
51+
</dd>
52+
<dt class="list-pairs-key">
53+
New York
54+
</dt>
55+
<dd class="list-pairs-value">
56+
Albany
57+
</dd>
58+
</dl>
59+
<dl class="list-defintions">
60+
<dt class="list-definitions-term">
61+
Ascender
62+
</dt>
63+
<dd class="list-definitions-description">
64+
The part of certain lowercase letters that extends above the x-height of a font.
65+
</dd>
66+
<dt class="list-definitions-term">
67+
Font
68+
</dt>
69+
<dd class="list-definitions-description">
70+
Traditionally, a complete set of characters for one typeface at one particular type size. Often used more loosely as a synonym for "typeface".
71+
</dd>
72+
<dt class="list-definitions-term">
73+
Golden Section
74+
</dt>
75+
<dd class="list-definitions-description">
76+
The ideal proportion according to the ancient Greeks. It is visualized as the
77+
division of a line into two unequal segments in such a way that the ratio of the
78+
smaller segment to the larger segment is equal to the ratio of the larger to the
79+
whole. It is usually defined as 21:34, that is, 21/34 and 34/(21+34) both equal
80+
approximately 0.618. A rectangle whose sides are of this proportion is called a
81+
"golden rectangle". Golden rectangles can be found in the proportions of the
82+
Parthenon and many medieval manuscripts.
83+
</dd>
84+
</dl>
85+
</section>

‎_includes/_misc.html

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<section>
2+
<header>
3+
<h1> Miscellaneou Stuff</h1>
4+
</header>
5+
<small>This is for things like copyright info</small>
6+
<s>Content that isn't accurate or relevant anymore.</s>
7+
<span>Generic span wrapper</span>
8+
<abbr>HTML How to meet ladies</abbr>
9+
<p>This is inline text with <sub>subscript</sub> and <sup>superscript</sup> elements.</p>
10+
<p>
11+
<var>f</var>(<var>x</var>) = <var>a</var><sub>0</sub> + <var>a</var><sub>1</sub><var>x</var> +
12+
<var>a</var><sub>2</sub><var>x</var><sup>2</sup>, where <var>a</var><sup>2</sup> ≠ 0
13+
</p>
14+
<time>6 August, 2010</time>
15+
</section>

‎_includes/_ranges.html

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<section>
2+
<h1>New hawtness</h1>
3+
<progress value="80" max="100">80 %</progress>
4+
<p>We are this close to the goal: <meter min="0" max="1000" value="824">$824</meter>.</p>
5+
</section>

‎_includes/_samp.html

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<section>
2+
<!--
3+
http://www.w3.org/html/wg/drafts/html/master/text-level-semantics.html#the-samp-element
4+
-->
5+
<samp>
6+
<pre>
7+
/Sites/html master ☠ ☢
8+
9+
10+
$ <kbd>ls -gto</kbd>
11+
12+
total 104
13+
-rw-r--r-- 1 10779 Jun 5 16:24 index.html
14+
-rw-r--r-- 1 1255 Jun 5 16:00 _config.yml
15+
drwxr-xr-x 11 374 Jun 5 15:57 _site
16+
-rw-r--r-- 1 1597 Jun 5 14:16 README.md
17+
drwxr-xr-x 5 170 Jun 5 14:15 _sass
18+
-rw-r--r-- 1 564 Jun 4 15:59 Rakefile
19+
drwxr-xr-x 6 204 Jun 4 15:59 _includes
20+
drwxr-xr-x 4 136 Jun 4 15:59 _layouts
21+
drwxr-xr-x 3 102 Jun 4 15:59 _resources
22+
drwxr-xr-x 3 102 Jun 4 15:59 css
23+
-rw-r--r-- 1 1977 Jun 4 15:59 favicon.icns
24+
-rw-r--r-- 1 6518 Jun 4 15:59 favicon.ico
25+
-rw-r--r-- 1 1250 Jun 4 15:59 touch-icon-ipad-precomposed.png
26+
-rw-r--r-- 1 2203 Jun 4 15:59 touch-icon-ipad-retina-precomposed.png
27+
-rw-r--r-- 1 1046 Jun 4 15:59 touch-icon-iphone-precomposed.png
28+
-rw-r--r-- 1 1779 Jun 4 15:59 touch-icon-iphone-retina-precomposed.png
29+
</pre>
30+
</samp>
31+
</section>

0 commit comments

Comments
 (0)