Inicio Explorar Ayuda
Iniciar sesión
pwa
/
Lungo.js
espejo de https://github.com/tapquo/Lungo.js.git
2
0
Fork 0
Archivos Incidencias 0 Wiki
Explorar el Código

Change <markup/> for kitchensinks

soyjavi hace 13 años
padre
fc8f113f41
commit
0041a64048
Se han modificado 3 ficheros con 42 adiciones y 91 borrados
Dividir vista Mostrar estadísticas de diff
  1. 34 28
      examples/kitchen-sink/app/sections/form.html
  2. 2 2
      examples/kitchen-sink/index.html
  3. 6 61
      examples/kitchen-sink/test.html

+ 34 - 28
examples/kitchen-sink/app/sections/form.html
Ver fichero 

@@ -5,44 +5,50 @@
 
         </nav>
 
     </header>
 
 
-    <article class="list scroll">
 
-        <ul>
 
-            <li class="contrast">
 
-                    <input type="search" placeholder="type your search" />
 
-                    <a href="#" class="button theme" data-icon="search"></a>
 
-                </li>
 
-            <li>
 
-                <label>Example of text</label>
 
-                <input type="text" placeholder="type your name" />
 
-            </li>
 
-            <li>
 
-                <label>Example of textarea</label>
 
-                <textarea placeholder="type your name"></textarea>
 
-            </li>
 
-            <li>
 
-                <label>Example of select</label>
 
+    <article class="scroll list">
 
+            <form>
 
+                <input type="search" placeholder="type your search" />
 
+                <a href="#" class="button theme" data-icon="search"></a>
 
+
 
+                <div class="six columns">
 
+                    <label>Address</label>
 
+                    <input type="text" placeholder="placeholder"/>
 
+                </div>
 
+                <div class="three columns right">
 
+                    <label>Pin Code</label>
 
+                    <input type="password" value="value" disabled/>
 
+                </div>
 
+                <textarea></textarea>
 
+
 
+                <label>Select your skill</label>
 
                 <label class="select">
 
                     <select class="custom">
 
-                        <option value="1">One</option>
 
+                        <option value="1">HTML5 Jedi</option>
 
                         <option value="2">Two</option>
 
                         <option value="3">Three</option>
 
                     </select>
 
                 </label>
 
-            </li>
 
-            <li  class="padding">
 
-                <label>Do you like Lungo forms?</label>
 
-                <label class="checkbox right"><input type="checkbox" id="checkbox-0" checked/></label>
 
-            </li>
 
-            <li class="padding">
 
-                <label>Example of progress</label>
 
+
 
+
 
+                <label>Progress of project</label>
 
                 <div id="progress-normal" data-progress="25%"></div>
 
-            </li>
 
-            <li>
 
-                <label>Example of range</label>
 
+
 
+                <label>Range 50%</label>
 
                 <input type="range" placeholder="type your name" />
 
 
-            </li>
 
+                <div class="one row">
 
+                    <input type="range" min="0" max="1" class="checkbox left" value="0">
 
+                    <input type="range" min="0" max="1" class="checkbox right active" value="1">
 
+                </div>
 
+                    <div class="four columns left">
 
+                        <a href="#" class="button big theme" data-label="Accept" data-icon="check"></a>
 
+                    </div>
 
+                    <div class="four columns right">
 
+                        <a href="#" class="button big red" data-label="Cancel" data-icon="close"></a>
 
+                    </div>
 
+            </form>
 
         </ul>
 
 
+
 
     </article>
 
 </section>

+ 2 - 2
examples/kitchen-sink/index.html
Ver fichero 

@@ -50,10 +50,10 @@
 
 <body class="app">
 
     <section id="main" data-transition="slide">
 
         <header  class="">
 
-            <nav class="left button">
 
+            <nav class="left ">
 
                 <a href="#features" data-router="aside" data-icon="menu"></a>
 
             </nav>
 
-            <nav class="right button">
 
+            <nav class="right ">
 
                 <a href="https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Flungo.tapquo.com%2F&text=@lungojs a framework for developers who want to design, build and share cross device apps" data-icon="share" target="_blank" ></a>
 
             </nav>
 
             <div class="left">

+ 6 - 61
examples/kitchen-sink/test.html
Ver fichero 

@@ -36,20 +36,11 @@
 
     <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.widgets.loading.css">
 
     <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.widgets.notification.css">
 
     <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.theme.default.css">
 
-
 
-        <!--
 
-    <link rel="stylesheet" href="../../release/lungo.css">
 
-    <link rel="stylesheet" href="../../release/lungo.icon.css">
 
-    <link rel="stylesheet" href="../../release/lungo.icon.brand.css">
 
-    <link rel="stylesheet" href="../../release/lungo.theme.default.css">
 
-    -->
 
-    <!-- App Stylesheet -->
 
-    <link rel="stylesheet" href="stylesheets/app.css">
 
 </head>
 
 
 <body class="app">
 
     <section id="layout" data-transition="slide">
 
-        <header data-title="Layout" class="-extended">
 
+        <header data-title="Layout">
 
             <nav class="button">
 
                 <a href="#back" data-router="section" data-label="back"></a>
 
             </nav>
 
@@ -58,63 +49,17 @@
 
             </nav>
 
         </header>
 
 
-        <!--
 
-        <nav class="groupbar">
 
-            <a href="#layout-art1" data-router="article" class="current" data-label="Profile"></a>
 
-            <a href="#layout-art2" data-router="article" data-label="Inbox" data-count="3"></a>
 
-            <a href="#layout-art3" data-router="article" data-label="Map"></a>
 
-            <a href="#layout-art4" data-router="article" data-label="Settings"></a>
 
-        </nav>
 
-        -->
 
-
 
         <footer>
 
-            <nav >
 
-                <a href="#layout-art1" data-router="article" data-label="Home" class="current" data-icon="home"></a>
 
-                <a href="#layout-art2" data-router="article" data-icon="inbox" data-count="2"></a>
 
-                <a href="#layout-art3" data-router="article" data-icon="user"></a>
 
-                <a href="#layout-art4" data-router="article" data-icon="settings"></a>
 
+            <nav class="with-labelss">
 
+                <a href="#layout-art1" data-router="article" data-label="Home" data-icon="home"></a>
 
+                <a href="#layout-art2" data-router="article" data-label="Inbox" data-icon="inbox" class="current"  data-count="2"></a>
 
+                <a href="#layout-art3" data-router="article" data-label="Profile" data-icon="user"></a>
 
+                <a href="#layout-art4" data-router="article" data-label="Settings" data-icon="settings"></a>
 
             </nav>
 
         </footer>
 
 
         <article id="layout-art1" class="padding scroll">
 
-            <form>
 
-                <div class="six columns">
 
-                    <label>Address</label>
 
-                    <input type="text" placeholder="placeholder"/>
 
-                </div>
 
-                <div class="three columns right">
 
-                    <label>Pin Code</label>
 
-                    <input type="password" value="value" disabled/>
 
-                </div>
 
-                <textarea></textarea>
 
-
 
-                <label>Select your skill</label>
 
-                <label class="select">
 
-                    <select class="custom">
 
-                        <option value="1">HTML5 Jedi</option>
 
-                        <option value="2">Two</option>
 
-                        <option value="3">Three</option>
 
-                    </select>
 
-                </label>
 
-
 
-
 
-                <label>Progress of project</label>
 
-                <div id="progress-normal" data-progress="25%"></div>
 
-
 
-                <label>Range 50%</label>
 
-                <input type="range" placeholder="type your name" />
 
 
-                <div class="one row">
 
-                    <input type="range" min="0" max="1" class="checkbox left" value="0">
 
-                    <input type="range" min="0" max="1" class="checkbox right active" value="1">
 
-                </div>
 
-                    <div class="four columns left">
 
-                        <a href="#" class="button big theme" data-label="Accept" data-icon="check"></a>
 
-                    </div>
 
-                    <div class="four columns right">
 
-                        <a href="#" class="button big red" data-label="Cancel" data-icon="close"></a>
 
-                    </div>
 
-            </form>
 
         </article>
 
         <article id="layout-art2"></article>
 
         <article id="layout-art3"></article>