Skip to content

Commit

Permalink
Version 1.9.0
Browse files Browse the repository at this point in the history 
* Normalize formatting for all markup snippets
* Update tabular data example
  • Loading branch information
@bjankord
bjankord committed Jun 7, 2013
1 parent 0e25b17 commit 69a8720
Show file tree
Hide file tree
Showing 16 changed files with 108 additions and 107 deletions.
6 changes: 6 additions & 0 deletions CHANGELOG.md
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,9 @@
1.9.0 / 2013-06-07
==================

* Normalize formatting for all markup snippets
* Update tabular data example

1.8.1 / 2013-05-29
==================

Expand Down
9 changes: 2 additions & 7 deletions index.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -75,11 +75,6 @@

<p>Comments and documentation about your style guide. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus nobis enim labore facilis consequuntur! Veritatis neque est suscipit tenetur temporibus enim consequatur deserunt perferendis. Neque nemo iusto minima deserunt amet.<p>

<h2>Info</h2>
<p>Created: 05-05-13</p>
<p>Modified: 05-07-13</p>
<p>Version: 1.0.1</p>

<div class="sg-colors-mod">
<h2>Colors</h2>
<ul class="sg-colors">
Expand Down Expand Up @@ -116,7 +111,7 @@
$title = preg_replace("/\-/i", " ", $filename);
echo '<div class="pattern">';
echo '<div class="display">';
echo '<h2 class="pattern-heading"><a name="'.$filename.'">'.$title.'</a></h2>';
echo '<h2 class="pattern-heading"><a id="'.$filename.'">'.$title.'</a></h2>';
include('markup/base/'.$file);
echo '</div>';
echo '<div class="source">';
Expand Down Expand Up @@ -148,7 +143,7 @@
$title = preg_replace("/\-/i", " ", $filename);
echo '<div class="pattern">';
echo '<div class="display">';
echo '<h2 class="pattern-heading"><a name="'.$filename.'">'.$title.'</a></h2>';
echo '<h2 class="pattern-heading"><a id="'.$filename.'">'.$title.'</a></h2>';
include('markup/patterns/'.$file);
echo '</div>';
echo '<div class="source">';
Expand Down
48 changes: 24 additions & 24 deletions markup/base/details.html
View file
Original file line number Diff line number Diff line change
@@ -1,30 +1,30 @@
<details open>
<summary>More info</summary>
<div>
<p>Additional information</p>
<ul>
<li>Point 1</li>
<li>Point 2</li>
</ul>
</div>
<summary>More info</summary>
<div>
<p>Additional information</p>
<ul>
<li>Point 1</li>
<li>Point 2</li>
</ul>
</div>
</details>
<details>
<summary>More info</summary>
<div>
<p>Additional information</p>
<ul>
<li>Point 1</li>
<li>Point 2</li>
</ul>
</div>
<summary>More info</summary>
<div>
<p>Additional information</p>
<ul>
<li>Point 1</li>
<li>Point 2</li>
</ul>
</div>
</details>
<details>
<summary>More info</summary>
<div>
<p>Additional information</p>
<ul>
<li>Point 1</li>
<li>Point 2</li>
</ul>
</div>
<summary>More info</summary>
<div>
<p>Additional information</p>
<ul>
<li>Point 1</li>
<li>Point 2</li>
</ul>
</div>
</details>
10 changes: 5 additions & 5 deletions markup/base/figure.html
View file
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
<figure>
<img src="http://placedog.com/400/200" alt="">
<figcaption>Figcaption content</figcaption>
<img src="http://placehold.it/400x200" alt="Image Alt Text">
<figcaption>Figcaption content</figcaption>
</figure>

<figure>
<img src="http://placedog.com/400/200" alt="">
<img src="http://placehold.it/400x200" alt="Image Alt Text">
<figcaption>
<h4>Figure Title</h4>
Figcaption content
<h4>Figure Title</h4>
Figcaption content
</figcaption>
</figure>
4 changes: 2 additions & 2 deletions markup/base/form-buttons.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<form>
<fieldset>
<fieldset>
<p><input type="button" value="Input type button"></p>
<p><input type="reset" value="Input type reset"></p>
<p><input type="submit" value="Input type submit"></p>
Expand All @@ -9,5 +9,5 @@
<p><button type="submit">Button type submit</button></p>
<p><button type="button" disabled>Button type button disabled</button></p>
<p><button>Button</button></p>
</fieldset>
</fieldset>
</form>
8 changes: 4 additions & 4 deletions markup/base/form-fields-default.html
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
<form>
<fieldset>
<fieldset>
<div><label>Text input</label> <input type="text"></div>
<div><label>Text input with placeholder</label> <input type="text" placeholder="I'm placeholder text"></div>
<div><label>Readonly input</label> <input type="text" value="Read only text input" readonly>
<div><label>Disabled input</label> <input type="text" value="Disabled text input" disabled>
<div><label>Readonly input</label> <input type="text" value="Read only text input" readonly></div>
<div><label>Disabled input</label> <input type="text" value="Disabled text input" disabled></div>
<div><label>Required input <span class="required">*</span></label> <input type="text" required></div>
<div><label>Email input</label> <input type="email"></div>
<div><label>Search input</label> <input type="search"></div>
Expand All @@ -29,5 +29,5 @@
<div><label>Time input</label> <input type="time"></div>
<div><label>Datetime input</label> <input type="datetime"></div>
<div><label>Datetime-local input</label> <input type="datetime-local"></div>
</fieldset>
</fieldset>
</form>
4 changes: 2 additions & 2 deletions markup/base/form-fields-disabled-and-readonly.html
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<form>
<h3>Disabled Fields</h3>
<fieldset>
<div><label>Disabled text input</label> <input type="text" value="Disabled text input" disabled>
<div><label>Disabled text input</label> <input type="text" value="Disabled text input" disabled></div>
<div><label>Disabled select field</label> <select disabled><option>Option 01</option><option>Option 02</option></select></div>
<div><label>Disabled file input</label> <input type="file" disabled></div>
<div><label>Disabled radio input</label> <input type="radio" name="rad" disabled></div>
Expand All @@ -14,7 +14,7 @@ <h3>Disabled Fields</h3>

<h3>Readonly Fields</h3>
<fieldset>
<div><label>Readonly text input</label> <input type="text" value="Readonly text input" readonly>
<div><label>Readonly text input</label> <input type="text" value="Readonly text input" readonly></div>
<div><label>Readonly color input</label> <input type="color" value="#000000" readonly></div>
<div><label>Readonly range input</label> <input type="range" readonly></div>
<div><label>Readonly number input</label> <input type="number" value="5" min="0" max="10" readonly></div>
Expand Down
28 changes: 14 additions & 14 deletions markup/base/form-fieldset.html
View file
Original file line number Diff line number Diff line change
@@ -1,19 +1,19 @@
<form>
<fieldset>
<legend>Fieldset with legend</legend>
<p><label>Text Input</label> <input type="text"></p>
<fieldset>
<legend>Fieldset with legend</legend>
<p><label>Text Input</label> <input type="text"></p>
<p><input type="submit" value="Submit"></p>
</fieldset>
<fieldset>
<p>Fieldset without legend</p>
<p><label>Text Input</label> <input type="text"></p>
</fieldset>

<fieldset>
<p>Fieldset without legend</p>
<p><label>Text Input</label> <input type="text"></p>
<p><input type="submit" value="Submit"></p>
</fieldset>
<fieldset>
<legend>Fieldset with a very, very, very, very, very, long legend that can test the display of word wrapping to see how it looks.</legend>
<p><label>Text Input</label> <input type="text"></p>
</fieldset>

<fieldset>
<legend>Fieldset with a very, very, very, very, very, long legend that can test the display of word wrapping to see how it looks.</legend>
<p><label>Text Input</label> <input type="text"></p>
<p><input type="submit" value="Submit"></p>
</fieldset>
</fieldset>
</form>
12 changes: 6 additions & 6 deletions markup/base/headings-1.html
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<h1>Heading 1 with <small>small text</small> and a <a href="#">link</a> as well</h1>
<h2>Heading 2 with <small>small text</small> and a <a href="#">link</a> as well</h2>
<h3>Heading 3 with <small>small text</small> and a <a href="#">link</a> as well</h3>
<h4>Heading 4 with <small>small text</small> and a <a href="#">link</a> as well</h4>
<h5>Heading 5 with <small>small text</small> and a <a href="#">link</a> as well</h5>
<h6>Heading 6 with <small>small text</small> and a <a href="#">link</a> as well</h6>
<h1>Heading 1 with <small>small text</small> and a <a href="#">link</a></h1>
<h2>Heading 2 with <small>small text</small> and a <a href="#">link</a></h2>
<h3>Heading 3 with <small>small text</small> and a <a href="#">link</a></h3>
<h4>Heading 4 with <small>small text</small> and a <a href="#">link</a></h4>
<h5>Heading 5 with <small>small text</small> and a <a href="#">link</a></h5>
<h6>Heading 6 with <small>small text</small> and a <a href="#">link</a></h6>
12 changes: 6 additions & 6 deletions markup/base/headings-2.html
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
<article>
<h1>Heading 1 (in article) with <small>small text</small> and a <a href="#">link</a> as well</h1>
<h2>Heading 2 (in article) with <small>small text</small> and a <a href="#">link</a> as well</h2>
<h3>Heading 3 (in article) with <small>small text</small> and a <a href="#">link</a> as well</h3>
<h4>Heading 4 (in article) with <small>small text</small> and a <a href="#">link</a> as well</h4>
<h5>Heading 5 (in article) with <small>small text</small> and a <a href="#">link</a> as well</h5>
<h6>Heading 6 (in article) with <small>small text</small> and a <a href="#">link</a> as well</h6>
<h1>Heading 1 (in article) with <small>small text</small> and a <a href="#">link</a></h1>
<h2>Heading 2 (in article) with <small>small text</small> and a <a href="#">link</a></h2>
<h3>Heading 3 (in article) with <small>small text</small> and a <a href="#">link</a></h3>
<h4>Heading 4 (in article) with <small>small text</small> and a <a href="#">link</a></h4>
<h5>Heading 5 (in article) with <small>small text</small> and a <a href="#">link</a></h5>
<h6>Heading 6 (in article) with <small>small text</small> and a <a href="#">link</a></h6>
</article>
12 changes: 6 additions & 6 deletions markup/base/headings-3.html
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
<section>
<h1>Heading 1 (in section) with <small>small text</small> and a <a href="#">link</a> as well</h1>
<h2>Heading 2 (in section) with <small>small text</small> and a <a href="#">link</a> as well</h2>
<h3>Heading 3 (in section) with <small>small text</small> and a <a href="#">link</a> as well</h3>
<h4>Heading 4 (in section) with <small>small text</small> and a <a href="#">link</a> as well</h4>
<h5>Heading 5 (in section) with <small>small text</small> and a <a href="#">link</a> as well</h5>
<h6>Heading 6 (in section) with <small>small text</small> and a <a href="#">link</a> as well</h6>
<h1>Heading 1 (in section) with <small>small text</small> and a <a href="#">link</a></h1>
<h2>Heading 2 (in section) with <small>small text</small> and a <a href="#">link</a></h2>
<h3>Heading 3 (in section) with <small>small text</small> and a <a href="#">link</a></h3>
<h4>Heading 4 (in section) with <small>small text</small> and a <a href="#">link</a></h4>
<h5>Heading 5 (in section) with <small>small text</small> and a <a href="#">link</a></h5>
<h6>Heading 6 (in section) with <small>small text</small> and a <a href="#">link</a></h6>
</section>
12 changes: 6 additions & 6 deletions markup/base/media.html
View file
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
<h3>Default Image</h3>
<img src="http://placedog.com/280/280" alt="Dog">
<img src="http://placehold.it/280x280" alt="Dog">

<h3>Linked Image</h3>
<a href="#"><img src="http://placedog.com/280/280" alt="Dog"></a>
<a href="#"><img src="http://placehold.it/280x280" alt="Dog"></a>

<h3>Missing Image</h3>
<img src="" alt="This is an example of a missing image"></a>
<img alt="This is an example of a missing image">


<h3>Svg</h3>
Expand All @@ -27,9 +27,9 @@ <h3>Missing Video</h3>

<h3>Audio</h3>
<audio controls>
<source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.mp4" type='audio/mp4'>
<source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.oga" type='audio/ogg; codecs=vorbis'>
<p>Your user agent does not support the HTML5 Audio element.</p>
<source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.mp4" type='audio/mp4'>
<source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.oga" type='audio/ogg; codecs=vorbis'>
<p>Your user agent does not support the HTML5 Audio element.</p>
</audio>

<h3>Missing Audio</h3>
Expand Down
1 change: 0 additions & 1 deletion markup/base/meter-and-progress.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,6 @@ <h3>Meter</h3>
<p><meter value="0" max="100" low="70" high="90">0%</meter> A meter displaying 0%.</p>

<h3>Progress</h3>

<p><progress value="100" max="100">100%</progress> A progress displaying 100%.</p>
<p><progress value="85" max="100">85%</progress> A progress displaying 85%.</p>
<p><progress value="50" max="100">50%</progress> A progress displaying 50%.</p>
Expand Down
2 changes: 1 addition & 1 deletion markup/base/preformated-text.html
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<pre>
<pre>
P R E F O R M A T T E D T E X T
! " # $ % &amp; ' ( ) * + , - . /
0 1 2 3 4 5 6 7 8 9 : ; &lt; = &gt; ?
Expand Down
45 changes: 23 additions & 22 deletions markup/base/text-elements.html
View file
Original file line number Diff line number Diff line change
@@ -1,22 +1,23 @@
The <a href="#">a element</a> example<br>
The <abbr>abbr element</abbr> and an <abbr title="Abbreviation">abbr</abbr> element with title examples<br>
The <b>b element</b> example<br>
The <cite>cite element</cite> example<br>
The <code>code element</code> example<br>The <em>em element</em> example<br>
The <del>del element</del> example<br>
The <dfn>dfn element</dfn> and <dfn title="Title text">dfn element with title</dfn> examples<br>
The <i>i element</i> example<br>
The <ins>ins element</ins> example<br>
The <kbd>kbd element</kbd> example<br>
The <mark>mark element</mark> example<br>
The <q>q element</q> example<br>
The <q>q element <q>inside</q> a q element</q> example<br>
The <s>s element</s> example<br>
The <samp>samp element</samp> example<br>
The <small>small element</small> example<br>
The <span>span element</span> example<br>
The <strong>strong element</strong> example<br>
The <sub>sub element</sub> example<br>
The <sup>sup element</sup> example<br>
The <u>u element</u> example<br>
The <var>var element</var> example
<p>The <a href="#">a element</a> example</p>
<p>The <abbr>abbr element</abbr> and an <abbr title="Abbreviation">abbr</abbr> element with title examples</p>
<p>The <b>b element</b> example</p>
<p>The <cite>cite element</cite> example</p>
<p>The <code>code element</code> example</p>
<p>The <em>em element</em> example</p>
<p>The <del>del element</del> example</p>
<p>The <dfn>dfn element</dfn> and <dfn title="Title text">dfn element with title</dfn> examples</p>
<p>The <i>i element</i> example</p>
<p>The <ins>ins element</ins> example</p>
<p>The <kbd>kbd element</kbd> example</p>
<p>The <mark>mark element</mark> example</p>
<p>The <q>q element</q> example</p>
<p>The <q>q element <q>inside</q> a q element</q> example</p>
<p>The <s>s element</s> example</p>
<p>The <samp>samp element</samp> example</p>
<p>The <small>small element</small> example</p>
<p>The <span>span element</span> example</p>
<p>The <strong>strong element</strong> example</p>
<p>The <sub>sub element</sub> example</p>
<p>The <sup>sup element</sup> example</p>
<p>The <u>u element</u> example</p>
<p>The <var>var element</var> example</p>
2 changes: 1 addition & 1 deletion markup/patterns/alerts.html
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<!-- Sample pattern, your site's patterns will be different -->
<div class="alert alert-warning">
<strong>Warning Message!</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit.
<strong>Warning Message!</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</div>

<div class="alert alert-error">
Expand Down

0 comments on commit 69a8720

Please sign in to comment.