New <markup/> for KitchenSink

examples/kitchen-sink/app/app.js

@@ -13,6 +13,7 @@ var App = (function(lng, undefined) {
                 'forms.html',
                 'buttons-extra.html',
                 'aside.html',
+                'aside-profiles.html',
                 'http://examples.tapquo.com/examples/kitchen-sink/app/sections/remote.html',
                 'http://examples.tapquo.com/examples/kitchen-sink/app/sections/error.html']
         }

examples/kitchen-sink/app/sections/aside-profiles.html

@@ -0,0 +1,15 @@
+<aside id="profiles" class="scrollable onright">
+    <div>
+        <div class="anchor">Author of LungoJS</div>
+        <a href="http://twitter.com/soyjavi" target="_blank" data-image="assets/images/avatars/soyjavi.jpg">Javi Jim&eacute;nez Villar</a>
+        <div class="anchor">CoreTeam</div>
+        <a href="http://twitter.com/pasku1" target="_blank" data-image="assets/images/avatars/pasku.jpg">Guillermo Pascual</a>
+        <a href="http://twitter.com/ikalbeniz" target="_blank" data-image="assets/images/avatars/ikalbeniz.jpg">Iker Perez de Albeniz</a>
+        <div class="anchor">Contributors</div>
+        <a href="#" data-image="https://secure.gravatar.com/avatar/b374f3bd05b1db4a974585ba57661815?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png">Jorge Casar</a>
+        <a href="#" data-image="https://secure.gravatar.com/avatar/3d4bf44cff9779242dd82d20a0b7d0c8?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png">Dave Winders</a>
+        <a href="#" data-image="https://secure.gravatar.com/avatar/884b5d1e91b826afc8c6b4fc3429dbd0?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png">GermanDZ</a>
+        <a href="#" data-image="https://secure.gravatar.com/avatar/b41d652ca9b88e636516d907599dcc87?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png">Juan Gallego Galisteo</a>
+        <a href="#" data-image="https://secure.gravatar.com/avatar/a3257b495a2bc4ae15405c7880300848?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png">John McLear</a>
+    </div>
+</aside>

examples/kitchen-sink/app/sections/aside.html

@@ -1,7 +1,6 @@
 <aside id="kitchen-sink-scroll" class="scrollable">
     <div>
         <a href="#welcome" data-target="article" class="current" data-icon="wifi">Welcome</a>
-        <a href="#authors" data-target="article" data-icon="group">Author & Contributors</a>
         <a href="#navigation" data-target="section" data-icon="map">Navigation</a>
         <a href="#buttons" data-target="article" data-icon="plus" data-count="14">Buttons & Colours</a>
         <a href="#icons" data-target="article" data-icon="picture" data-count="94">Icons</a>

examples/kitchen-sink/app/sections/forms.html

@@ -47,10 +47,13 @@
                 <li class="anchor" data-icon="edit">Example of search</li>
                 <li data-search="Type a search..."></li>
                 <li class="tip darker" data-icon="question mini">It's a special form element you must set the attribute data-search="Placeholder text"</li>
-            </ul>
-
-            <ul class="form">
-                 <li class="anchor" data-icon="edit">Example of range</li>
+                <li class="anchor" data-icon="edit">Example of type="*"</li>
+                <li>
+                    <input type="datetime" placeholder="Some datetime..." />
+                    <input type="date" placeholder="Some date..." />
+                    <input type="time" placeholder="Some time..." />
+                    <input type="month" placeholder="Some month..." />
+                </li>
                 <li> <input type="range"></li>
                 <li class="tip dark" data-icon="question mini">Only for iOS5 & Android 2.3+ Devices"</li>
             </ul>

examples/kitchen-sink/index.html

@@ -65,13 +65,10 @@
     <section id="kitchen-sink">
         <header data-title="LungoJS Kitchen Sink">
             <a href="#kitchen-sink-scroll" class="button onleft" data-target="aside" data-icon="items"></a>
-            <nav class="onright">
-                <a href="#" class="active" data-article="authors"  data-label="help" data-icon="question"></a>
-            </nav>
+            <a href="#profiles" data-target="aside" data-article="welcome" class="button onright">Profiles</a>
         </header>
 
         <!-- ============================= welcome ============================= -->
-
         <article id="welcome" class="list scrollable indented">
             <div>
                 <h1 class="title" data-icon="home">Welcome to LungoJS KitchenSink</h1>
@@ -82,47 +79,6 @@
             </div>
         </article>
 
-        <!-- ============================= authors ============================= -->
-        <article id="authors" class="list scrollable indented">
-            <div>
-                <ul>
-                    <li class="anchor" data-icon="pencil">Author</li>
-                    <li data-image="assets/images/avatars/soyjavi.jpg">
-                        Javi Jim&eacute;nez Villar
-                        <small>CEO & Creative Lead at Tapquo</small></li>
-                </ul>
-
-                <ul>
-                    <li class="anchor" data-icon="star">CoreTeam</li>
-                    <li data-image="assets/images/avatars/pasku.jpg">
-                        Guillermo Pascual
-                        <small>@pasku1</small></li>
-                    <li data-image="assets/images/avatars/ikalbeniz.jpg">
-                        Iker Perez Albeniz
-                        <small>@ikalneniz</small></li>
-                </ul>
-
-                <ul>
-                    <li class="anchor" data-icon="group">Contributors</li>
-                    <li data-image="https://secure.gravatar.com/avatar/b374f3bd05b1db4a974585ba57661815?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png">
-                        Jorge Casar
-                        <small>jorgecasar</small></li>
-                    <li data-image="https://secure.gravatar.com/avatar/3d4bf44cff9779242dd82d20a0b7d0c8?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png">
-                        Dave Winders
-                        <small>daithiw44</small></li>
-                    <li data-image="https://secure.gravatar.com/avatar/884b5d1e91b826afc8c6b4fc3429dbd0?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png">
-                        GermanDZ
-                        <small>GermanDZ</small></li>
-                    <li data-image="https://secure.gravatar.com/avatar/b41d652ca9b88e636516d907599dcc87?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png">
-                        Juan Gallego Galisteo
-                        <small>nickel</small></li>
-                    <li data-image="https://secure.gravatar.com/avatar/a3257b495a2bc4ae15405c7880300848?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png">
-                        John McLear
-                        <small>johnyma22</small></li>
-                </ul>
-            </div>
-        </article>
-
         <!-- ============================= buttons ============================= -->
         <article id="buttons" class="scrollable indented">
             <div>

examples/test-pro/index.html

@@ -77,7 +77,7 @@
 
         <article id="art-1" class="list indented">
             <ul class="form">
-                <li><input type="text" placeholder="Some text..." /></li>
+
                 <li> <input type="range"></li>
             </ul>
             <ul class="form">