0.5.0

update iframe src; add viewport meta tag
v0.4.0
2025-08-22 05:33:07 +02:00 · 2015-12-03 18:38:55 -05:00 · 2015-12-03 18:38:34 -05:00 · 2015-08-17 20:41:31 +02:00 · 2015-08-17 20:40:17 +02:00 · 2015-08-17 20:30:20 +02:00
2 changed files with 56 additions and 19 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,20 @@
+# 0.5.0 (December 13, 2015)
+
+- Update `<iframe>` source attribute to point to `index.html` (so meta).
+- Add viewport `<meta>` tag to `<head>` of `index.html`.
+
+# 0.4.0 (August 17, 2015)
+
+- Add `<meter>` element (thanks @haroenv!). Reorganize a few existing elements.
+
+# 0.3.1 (August 17, 2015)
+
+- Change placeholder image dimensions to one that works properly (thanks @haroenv!).
+
+# 0.3.0 (August 17, 2015)
+
+- Add phone number input field (thanks @johnpolacek!).
+
 # 0.2.2 (May 13, 2015)

 - Fix validation errors.
--- a/index.html
+++ b/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML5 Test Page</title>
 </head>
 <body>
@@ -22,7 +23,7 @@
                        <li><a href="#text__lists">Lists</a></li>
                        <li><a href="#text__hr">Horizontal rules</a></li>
                        <li><a href="#text__tables">Tabular data</a></li>
-                        <li><a href="#text__syntax">Syntax</a></li>
+                        <li><a href="#text__code">Code</a></li>
                        <li><a href="#text__inline">Inline elements</a></li>
                    </ul>
                </li>
@@ -33,18 +34,20 @@
                        <li><a href="#embedded__audio">Audio</a></li>
                        <li><a href="#embedded__video">Video</a></li>
                        <li><a href="#embedded__canvas">Canvas</a></li>
-                        <li><a href="#embedded__progress">Progress bars</a></li>
+                        <li><a href="#embedded__meter">Meter</a></li>
+                        <li><a href="#embedded__progress">Progress</a></li>
                        <li><a href="#embedded__svg">Inline SVG</a></li>
-                        <li><a href="#embedded__iframes">IFrames</a></li>
+                        <li><a href="#embedded__iframe">IFrames</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#forms">Form elements</a>
                    <ul>
-                        <li><a href="#forms__text">Text fields</a></li>
+                        <li><a href="#forms__input">Input fields</a></li>
                        <li><a href="#forms__select">Select menus</a></li>
                        <li><a href="#forms__checkbox">Checkboxes</a></li>
                        <li><a href="#forms__radio">Radio buttons</a></li>
+                        <li><a href="#forms__textareas">Textareas</a></li>
                        <li><a href="#forms__html5">HTML5 inputs</a></li>
                        <li><a href="#forms__action">Action buttons</a></li>
                    </ul>
@@ -195,8 +198,8 @@
                    <footer><p><a href="#top">[Top]</a></p></footer>
                </article>

-                <article id="text__syntax">
-                    <header><h1>Syntax</h1></header>
+                <article id="text__code">
+                    <header><h1>Code</h1></header>

                    <div>
                        <p><strong>Keyboard input:</strong> <kbd>Cmd</kbd></p>
@@ -274,7 +277,7 @@ p q r s t u v w x y z { | } ~ </pre>
                        <figure><img src="http://placekitten.com/420/420" alt="Image alt text"></figure>
                        <h3>Wrapped in a <code>&lt;figure&gt;</code> element, with a <code>&lt;figcaption&gt;</code></h3>
                        <figure>
-                            <img src="http://placekitten.com/360/360" alt="Image alt text">
+                            <img src="http://placekitten.com/420/420" alt="Image alt text">
                            <figcaption>Here is a caption for this image.</figcaption>
                        </figure>
                    </div>
@@ -299,8 +302,14 @@ p q r s t u v w x y z { | } ~ </pre>
                    <footer><p><a href="#top">[Top]</a></p></footer>
                </article>

+                <article id="embedded__meter">
+                    <header><h2>Meter</h2></header>
+                    <div><meter value="2" min="0" max="10">2 out of 10</meter></div>
+                    <footer><p><a href="#top">[Top]</a></p></footer>
+                </article>
+
                <article id="embedded__progress">
-                    <header><h2>Progress bars</h2></header>
+                    <header><h2>Progress</h2></header>
                    <div><progress>progress</progress></div>
                    <footer><p><a href="#top">[Top]</a></p></footer>
                </article>
@@ -311,9 +320,9 @@ p q r s t u v w x y z { | } ~ </pre>
                    <footer><p><a href="#top">[Top]</a></p></footer>
                </article>

-                <article id="embedded__iframes">
-                    <header><h2>IFrames</h2></header>
-                    <div><iframe src="http://www.google.com" height="300"></iframe></div>
+                <article id="embedded__iframe">
+                    <header><h2>IFrame</h2></header>
+                    <div><iframe src="index.html" height="300"></iframe></div>
                    <footer><p><a href="#top">[Top]</a></p></footer>
                </article>
            </section>
@@ -322,11 +331,11 @@ p q r s t u v w x y z { | } ~ </pre>
                <header><h1>Form elements</h1></header>

                <form>
-                    <fieldset id="forms__text">
-                        <legend>Text fields</legend>
+                    <fieldset id="forms__input">
+                        <legend>Input fields</legend>

                        <p>
-                            <label for="input__text">Text Input <abbr title="Required">*</abbr></label>
+                            <label for="input__text">Text Input</label>
                            <input id="input__text" type="text" placeholder="Text Input">
                        </p>
                        <p>
@@ -341,18 +350,18 @@ p q r s t u v w x y z { | } ~ </pre>
                            <label for="input__emailaddress">Email Address</label>
                            <input id="input__emailaddress" type="email" placeholder="name@email.com">
                        </p>
+                        <p>
+                            <label for="input__phone">Phone Number</label>
+                            <input id="input__phone" type="tel" placeholder="(999) 999-9999">
+                        </p>
                        <p>
                            <label for="input__search">Search</label>
                            <input id="input__search" type="search" placeholder="Enter Search Term">
                        </p>
                        <p>
-                            <label for="input__text2">Number Input <abbr title="Required">*</abbr></label>
+                            <label for="input__text2">Number Input</label>
                            <input id="input__text2" type="number" placeholder="Enter a Number">
                        </p>
-                        <p>
-                            <label for="input__textarea">Textarea</label>
-                            <textarea id="input__textarea" rows="8" cols="48" placeholder="Enter your message here"></textarea>
-                        </p>
                        <p>
                            <label for="input__text3" class="error">Error</label>
                            <input id="input__text3" class="is-error" type="text" placeholder="Text Input">
@@ -406,6 +415,17 @@ p q r s t u v w x y z { | } ~ </pre>

                    <p><a href="#top">[Top]</a></p>

+                    <fieldset id="forms__textareas">
+                        <legend>Textareas</legend>
+
+                        <p>
+                            <label for="textarea">Textarea</label>
+                            <textarea id="textarea" rows="8" cols="48" placeholder="Enter your message here"></textarea>
+                        </p>
+                    </fieldset>
+
+                    <p><a href="#top">[Top]</a></p>
+
                    <fieldset id="forms__html5">
                        <legend>HTML5 inputs</legend>
Author	SHA1	Message	Date
cbracco	0d014c55f7	0.5.0	2015-12-03 18:38:55 -05:00
cbracco	4727a9b233	update iframe src; add viewport meta tag	2015-12-03 18:38:34 -05:00
cbracco	7f81d9f7a3	v0.4.0	2015-08-17 20:41:31 +02:00
cbracco	47719944bc	add meter element; reorganize a few existing elements	2015-08-17 20:40:17 +02:00
cbracco	63bafc731c	rename test.html to index.html	2015-08-17 20:30:20 +02:00
cbracco	8baaacd77e	v0.3.1	2015-08-17 15:58:46 +02:00
cbracco	76753ba02f	Merge branch 'Haroenv-patch-1' * Haroenv-patch-1: place kitten fix	2015-08-17 15:57:46 +02:00
cbracco	cf00512063	Merge branch 'patch-1' of https://github.com/Haroenv/html5-test-page into Haroenv-patch-1 * 'patch-1' of https://github.com/Haroenv/html5-test-page: place kitten fix	2015-08-17 15:57:31 +02:00
cbracco	527134b89a	Merge branch 'master' of https://github.com/cbracco/html5-test-page * 'master' of https://github.com/cbracco/html5-test-page:	2015-08-17 15:30:33 +02:00
cbracco	4f2ed28992	Merge branch 'johnpolacek-master' * johnpolacek-master: add phone number input type	2015-08-17 15:30:28 +02:00
cbracco	649dfac7ae	Merge branch 'johnpolacek-master' * johnpolacek-master: add phone number input type	2015-08-17 15:29:07 +02:00
johnpolacek	033d46eb24	add phone number input type	2015-08-16 07:28:05 -05:00
Haroen Viaene	12dfea9c4f	place kitten fix	2015-05-04 18:27:01 +02:00