Parcourir la source

Remove DemoApps

@soyjavi il y a 14 ans
Parent
commit
a79e24ecea
33 fichiers modifiés avec 0 ajouts et 761 suppressions
  1. 0 12
      examples/tablet/app/app.js
  2. BIN
      examples/tablet/assets/images/default.png
  3. BIN
      examples/tablet/assets/images/icon-72.png
  4. BIN
      examples/tablet/assets/images/icon.png
  5. BIN
      examples/tablet/assets/images/icon@2x.png
  6. 0 0
      examples/tablet/assets/stylesheets/app.css
  7. 0 142
      examples/tablet/index.html
  8. 0 12
      examples/test_src/app/app.js
  9. 0 17
      examples/test_src/app/data.js
  10. 0 51
      examples/test_src/app/events.js
  11. 0 35
      examples/test_src/app/services.js
  12. 0 28
      examples/test_src/app/view.js
  13. BIN
      examples/test_src/assets/images/avatars/1.jpg
  14. BIN
      examples/test_src/assets/images/avatars/10.jpg
  15. BIN
      examples/test_src/assets/images/avatars/11.jpg
  16. BIN
      examples/test_src/assets/images/avatars/12.jpg
  17. BIN
      examples/test_src/assets/images/avatars/2.jpg
  18. BIN
      examples/test_src/assets/images/avatars/3.jpg
  19. BIN
      examples/test_src/assets/images/avatars/4.jpg
  20. BIN
      examples/test_src/assets/images/avatars/5.jpg
  21. BIN
      examples/test_src/assets/images/avatars/6.jpg
  22. BIN
      examples/test_src/assets/images/avatars/7.jpg
  23. BIN
      examples/test_src/assets/images/avatars/8.jpg
  24. BIN
      examples/test_src/assets/images/avatars/9.jpg
  25. BIN
      examples/test_src/assets/images/default.png
  26. BIN
      examples/test_src/assets/images/icon-72.png
  27. BIN
      examples/test_src/assets/images/icon.png
  28. BIN
      examples/test_src/assets/images/icon@2x.png
  29. BIN
      examples/test_src/assets/images/ikalbeniz.jpg
  30. BIN
      examples/test_src/assets/images/pasku.jpg
  31. BIN
      examples/test_src/assets/images/soyjavi.jpg
  32. 0 44
      examples/test_src/assets/stylesheets/app.css
  33. 0 420
      examples/test_src/index.html

+ 0 - 12
examples/tablet/app/app.js

@@ -1,12 +0,0 @@
-var App = (function(lng, undefined) {
-
-    lng.App.init({
-        name: 'LungoJS Test Source',
-        version: '1.0.0'
-    });
-
-    return {
-
-    };
-
-})(LUNGO);

BIN
examples/tablet/assets/images/default.png


BIN
examples/tablet/assets/images/icon-72.png


BIN
examples/tablet/assets/images/icon.png


BIN
examples/tablet/assets/images/icon@2x.png


+ 0 - 0
examples/tablet/assets/stylesheets/app.css


+ 0 - 142
examples/tablet/index.html

@@ -1,142 +0,0 @@
-<!doctype html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <title>LungoJS - Aside Demo</title>
-    <meta name="description" content="">
-    <meta name="author" content="Javier Jiménez Villar (@soyjavi)">
-    <!-- Mobile viewport optimization http://goo.gl/b9SaQ -->
-    <meta name="HandheldFriendly" content="True">
-    <meta name="MobileOptimized" content="320">
-    <meta http-equiv="cleartype" content="on">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-status-bar-style" content="black">
-    <!-- For iPhone 4 with high-resolution Retina display: -->
-    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/images/icon@2x.png">
-    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/images/icon-72.png">
-    <link rel="apple-touch-icon-precomposed" href="assets/images/icon.png">
-    <link rel="apple-touch-startup-image" href="assets/images/default.png">
-    <!-- Main Stylesheet -->
-    <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.base.css">
-    <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.layout.css">
-    <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.layout.list.css">
-    <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.widgets.css">
-    <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.widgets.splash.css">
-    <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.widgets.button.css">
-    <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.widgets.form.css">
-    <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.widgets.colour.css">
-    <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.widgets.icon.css">
-    <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.theme.default.css">
-    <!-- App Stylesheet -->
-    <link rel="stylesheet" href="assets/stylesheets/app.css?v=1">
-</head>
-
-<body class="app">
-    <section id="demo" class="_static">
-        <header data-title="Tablet Demo">
-            <a href="#" class="button onleft aside" data-target="aside" data-icon="note"></a>
-            <a href="#settings" data-target="section" class="button onright" data-icon="config"></a>
-        </header>
-
-        <aside>
-            <scroll id="aside_scroll">
-                <div>
-            <a href="#main" data-target="article" data-icon="note" data-title="Facebook">Facebook</a>
-            <a href="#second" data-target="article" data-icon="twitter" data-title="Twitter">Twitter</a>
-            <a href="#" data-icon="picture">Flickr</a>
-            <a href="#" data-icon="cloudup">Upload by ...</a>
-            <a href="#" data-icon="user">Connect with facebook</a>
-            <a href="#" data-icon="music">Download music</a>
-            <a href="#" data-icon="key">Logout</a>
-                </div>
-            </scroll>
-        </aside>
-
-		<article id="main" class="list">
-            <scroll id="main_scroll">
-                <ul>
-    				<li><a href="#demo_header_footer" data-target="section" class="arrow" data-icon="wifi">
-    					<strong>Header + Footer + Articles</strong><small>paodapod</small></a></li>
-    				<li><a href="#demo_toolbar" data-target="section" class="arrow" data-icon="download">
-    					<strong>Toolbar</strong><small>Toolbar</small></a></li>
-    				<li><a href="#demo_list" data-target="section" class="arrow" id="load_list" data-icon="note">
-                        <div class="bubble highlight">3 types</div>
-    					<strong>Lists</strong>
-    					<small>paodapod</small></a></li>
-    				<li><a href="#demo_events" data-target="section" class="arrow" data-icon="user">
-    						<strong>Events handler</strong><small>paodapod</small></a></li>
-    				<li><a href="#demo_scroll" data-target="section" class="arrow" id="load_scroll_mocks" data-icon="points">
-    						<strong>Scroll</strong><small>paodapod</strong></small></a></li>
-    				<li><a href="#demo_buttons" data-target="section" class="arrow" data-icon="plus">
-    						<strong>Buttons</strong><small>paodapod</small></a></li>
-    				<li><a href="#demo_forms" data-target="section" class="arrow" data-icon="write">
-                        <strong>Forms</strong><small>paodapod</small></a></li>
-    				<li class="anchor" data-icon="key">Tapquo Sugars</li>
-    				<li><a href="#demo_sugars" data-target="section" data-icon="box">
-    					<strong>Sugars</strong><small>paodapod</small></a></li>
-    			</ul>
-			</scroll>
-        </article>
-
-        <article id="second"></article>
-    </section>
-
-    <section id="settings">
-        <header data-back="home" data-title="Settings">
-            <nav class="onright">
-                <a href="#settings_main" data-target="article" class="current" data-title="Settings" data-icon="user"></a>
-                <a href="#settings_second" data-target="article" data-title="Chat" data-icon="chat"></a>
-                <a href="#settings_third" data-target="article" data-title="Share Methods" data-icon="earth"></a>
-            </nav>
-        </header>
-
-        <article id="settings_main">s</article>
-        <article id="settings_second">s</article>
-        <article id="settings_third">s</article>
-
-        <footer class="toolbar">
-            <nav>
-                <a href="#" class="current" data-icon="substract"></a>
-                <a href="#" class="current" data-icon="add"></a>
-            </nav>
-        </footer>
-    </section>
-
-
-    <!-- Third parties dependencies -->
-    <script src="../../src/lib/zepto.js"></script>
-    <script src="../../src/lib/iscroll.js"></script>
-    <!-- LungoJS Libraries (Development mode)-->
-    <script src="../../src/Lungo.js"></script>
-    <script src="../../src/Lungo.App.js" ></script>
-    <script src="../../src/Lungo.Environment.js" ></script>
-    <script src="../../src/Lungo.Core.js"></script>
-    <script src="../../src/Lungo.Events.js"></script>
-    <script src="../../src/Lungo.Service.js"></script>
-    <script src="../../src/router/Lungo.Router.js"></script>
-    <script src="../../src/router/Lungo.Router.History.js" ></script>
-    <script src="../../src/view/Lungo.View.Resize.js"></script>
-    <script src="../../src/view/Lungo.View.Article.js" ></script>
-    <script src="../../src/view/Lungo.View.Aside.js" ></script>
-    <script src="../../src/view/Lungo.View.Scroll.js"></script>
-    <script src="../../src/view/Lungo.View.Template.js"></script>
-    <script src="../../src/view/Lungo.View.Template.Binding.js"></script>
-    <script src="../../src/view/Lungo.View.Template.List.js"></script>
-    <script src="../../src/dom/Lungo.Dom.js"></script>
-    <script src="../../src/dom/Lungo.Dom.Event.js"></script>
-    <script src="../../src/data/Lungo.Data.Cache.js"></script>
-    <script src="../../src/data/Lungo.Data.Sql.js"></script>
-    <script src="../../src/data/Lungo.Data.Storage.js"></script>
-    <script src="../../src/attributes/Lungo.Attributes.Data.js"></script>
-    <script src="../../src/attributes/Lungo.Attributes.Section.js"></script>
-    <script src="../../src/boot/Lungo.Boot.js"></script>
-    <script src="../../src/boot/Lungo.Boot.Layout.js"></script>
-    <script src="../../src/boot/Lungo.Boot.Events.js"></script>
-    <script src="../../src/boot/Lungo.Boot.Data.js"></script>
-    <script src="../../src/boot/Lungo.Boot.Section.js"></script>
-    <script src="../../src/boot/Lungo.Boot.Article.js"></script>
-    <!-- LungoJS - Sandbox App -->
-    <script src="app/app.js"></script>
-</body>
-</html>

+ 0 - 12
examples/test_src/app/app.js

@@ -1,12 +0,0 @@
-var App = (function(lng, undefined) {
-
-    lng.App.init({
-        name: 'LungoJS Test Source',
-        version: '1.0.0'
-    });
-
-    return {
-
-    };
-
-})(LUNGO);

+ 0 - 17
examples/test_src/app/data.js

@@ -1,17 +0,0 @@
-App.Data = (function(lng, App, undefined) {
-
-    lng.Data.Sql.init({
-        name: 'lungo.js',
-        version: '1.0',
-        schema: [
-            { name: 'demo', drop: true, fields: {  
-                id: 'INTEGER PRIMARY KEY',
-                name: 'TEXT',
-                done: 'INTEGER DEFAULT 0',
-                created_at: 'DATETIME' 
-                }
-            }
-        ]
-    });
-               
-})(LUNGO, App);

+ 0 - 51
examples/test_src/app/events.js

@@ -1,51 +0,0 @@
-App.Events = (function(lng, undefined) {
-
-    lng.Dom.Event.live('#event_touchstart', 'TOUCH_START', function(event) {
-        alert("TOUCH_START!");
-    });
-    
-    lng.Dom.Event.live('#event_touchend', 'TOUCH_END', function(event) {
-        alert("TOUCH_END!");
-    });
-    
-    lng.Dom.Event.live('#event_touchmove', 'TOUCH_MOVE', function(event) {
-        alert("TOUCH_MOVE!");
-    });
-    
-    lng.Dom.Event.live('#event_tap', 'TAP', function(event) {
-        alert("TAP!");
-    });
-    
-    lng.Dom.Event.live('#event_doubletap', 'DOUBLE_TAP', function(event) {
-        alert("DOUBLE_TAP!");
-    });
-    
-    lng.Dom.Event.live('#swipe', 'SWIPE', function(event) {
-        alert("SWIPE!");
-    });
-    
-    lng.Dom.Event.live('#swipe_left', 'SWIPE_LEFT', function(event) {
-        alert("SWIPE_LEFT!");
-    });
-    
-    lng.Dom.Event.live('#swipe_right', 'SWIPE_RIGHT', function(event) {
-        alert("SWIPE_RIGHT!");
-    });
-    
-    lng.Dom.Event.live('#swipe_up', 'SWIPE_UP', function(event) {
-        alert("SWIPE_UP!");
-    });
-    
-    lng.Dom.Event.live('#swipe_down', 'SWIPE_DOWN', function(event) {
-        alert("SWIPE_DOWN!");
-    });
-
-    lng.Dom.Event.delegate('body', '#load_list', 'TAP', function(event) {
-        App.Services.getMockList();
-    });
-
-    lng.Dom.Event.live('#load_scroll_mocks', 'TAP', function(event) {
-        App.View.scroll_mockup();
-    });
-
-})(LUNGO);

+ 0 - 35
examples/test_src/app/services.js

@@ -1,35 +0,0 @@
-App.Services = (function(lng, App, undefined) {
-    
-    
-    var getMockList = function(){
-        var mock = new Array(); 
-        for (var i=1; i <= 6; i++) {
-            mock.push({id:i, name:'name nº'+i, description:'description nº'+i, avatar:'resources/images/avatar.jpg'});
-        }
-        for (var i=7; i <= 12; i++) {
-            mock.push({id:i, name:'surname nº'+i, description:'description nº'+i});
-        }
-        for (var i=13; i <= 32; i++) {
-            mock.push({id:i, name:'name nº'+i, description:'description nº'+i});
-        }
-
-        lng.View.Template.List.create({
-            container_id: 'list_sample',
-            template_id: 'list-tmp',
-            data: mock
-        });
-
-        lng.View.Template.List.create({
-            container_id: 'list_grouped_sample',
-            template_id: 'list-tmp',
-            data: mock,
-            order_field: 'name',
-            order_type: 'desc'
-        });
-    }
-
-    return {
-        getMockList: getMockList
-    }
-
-})(LUNGO, App);

+ 0 - 28
examples/test_src/app/view.js

@@ -1,28 +0,0 @@
-App.View = (function(lng, App, undefined) {
-
-    lng.View.Template.create(
-        'list-tmp', 
-        '<li class="{{anchor}}">\
-            <a href="#">\
-                <div class="bubble articblue onright">{{id}} €</div>\
-                <strong>{{name}}{{anchor_name}}</strong>\
-                <small>{{description}}</small>\
-            </a>\
-        </li>'
-    );
-
-    var scroll_mockup = function(){
-        var _markup = '';
-        for (var i=0; i < 32; i++) {
-            _markup += '<li>'+i+'</li>';
-        }
-
-        lng.View.Scroll.update('scroll_vertical', _markup);
-        lng.View.Scroll.update('scroll_horizontal', _markup);
-    }
-
-    return{
-        scroll_mockup: scroll_mockup
-    }
-
-})(LUNGO, App);

BIN
examples/test_src/assets/images/avatars/1.jpg


BIN
examples/test_src/assets/images/avatars/10.jpg


BIN
examples/test_src/assets/images/avatars/11.jpg


BIN
examples/test_src/assets/images/avatars/12.jpg


BIN
examples/test_src/assets/images/avatars/2.jpg


BIN
examples/test_src/assets/images/avatars/3.jpg


BIN
examples/test_src/assets/images/avatars/4.jpg


BIN
examples/test_src/assets/images/avatars/5.jpg


BIN
examples/test_src/assets/images/avatars/6.jpg


BIN
examples/test_src/assets/images/avatars/7.jpg


BIN
examples/test_src/assets/images/avatars/8.jpg


BIN
examples/test_src/assets/images/avatars/9.jpg


BIN
examples/test_src/assets/images/default.png


BIN
examples/test_src/assets/images/icon-72.png


BIN
examples/test_src/assets/images/icon.png


BIN
examples/test_src/assets/images/icon@2x.png


BIN
examples/test_src/assets/images/ikalbeniz.jpg


BIN
examples/test_src/assets/images/pasku.jpg


BIN
examples/test_src/assets/images/soyjavi.jpg


+ 0 - 44
examples/test_src/assets/stylesheets/app.css

@@ -1,44 +0,0 @@
-/* @group <section> #demo_events */
-section#demo_events div.container{
-	width: 100%;
-	height: 128px;
-	background: #f00;
-	font-size: 2.0em;
-	text-align: center;
-	line-height: 128px;
-	color: #fff;
-	text-shadow: rgba(0,0,0,0.5) 0 2px 1px;
-}
-
-section#demo_events div.output{
-	width: 100%;
-	padding: 4px;
-	min-height: 14px;
-	background: #ccc;
-	color: rgba(0,0,0,0.75);
-}
-/* @end */
-
-/* @group <section> #demo_scroll */
-#scroll_vertical, #scroll_horizontal{margin-left: 3px;}
-#scroll_vertical{
-	height: 256px;
-}
-
-#scroll_horizontal {
-	height: 80px;
-}
-
-section#demo_scroll li{
-	height: 76px;
-	width: 76px;
-	background: #ccc;
-	font-size: 24px;
-	line-height: 76px;
-	list-style: none;
-	text-align: center;
-	float:left;
-	margin-right: 3px;
-	margin-bottom: 3px;
-}
-/* @end */

+ 0 - 420
examples/test_src/index.html

@@ -1,420 +0,0 @@
-<!doctype html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <title>LungoJS - Test Source 1.0.3</title>
-    <meta name="description" content="">
-    <meta name="author" content="Javier Jiménez Villar (@soyjavi)">
-    <!-- Mobile viewport optimization http://goo.gl/b9SaQ -->
-    <meta name="HandheldFriendly" content="True">
-    <meta name="MobileOptimized" content="320">
-    <meta http-equiv="cleartype" content="on">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-status-bar-style" content="black">
-    <!-- For iPhone 4 with high-resolution Retina display: -->
-    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/images/icon@2x.png">
-    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/images/icon-72.png">
-    <link rel="apple-touch-icon-precomposed" href="assets/images/icon.png">
-    <link rel="apple-touch-startup-image" href="assets/images/default.png">
-    <!-- Main Stylesheet -->
-    <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.base.css">
-    <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.layout.css">
-    <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.layout.list.css">
-    <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.widgets.css">
-    <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.widgets.splash.css">
-    <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.widgets.button.css">
-    <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.widgets.form.css">
-    <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.widgets.colour.css">
-    <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.widgets.icon.css">
-    <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.theme.default.css">
-    <!-- App Stylesheet -->
-    <link rel="stylesheet" href="assets/stylesheets/app.css?v=1">
-</head>
-
-<body class="app">
-    <section id="test-spaced">
-        <header data-title="test rounded"></header>
-		<article class="list indented">
-		    <scroll id="prueba">
-		        <div>
-		    <ul>
-	            <li><a href="#demo_header_footer" data-target="section" class="arrow" data-icon="wifi">
-    				<strong>Header + Footer + Articles</strong><small>paodapod</small></a></li>
-			
-    			<li><a href="#demo_toolbar" data-target="section" class="arrow" data-icon="download">
-    				<strong>Toolbar</strong><small>Toolbar</small></a></li>
-    			<li><a href="#demo_list" data-target="section" class="arrow" id="load_list" data-icon="note">
-                    <div class="bubble highlight">3 types</div>
-    				<strong>Lists</strong>
-    				<small>paodapod</small></a></li>
-    			<li class="toolbar contrasted">
-                    <nav>
-                        <a href="#list_sample" data-target="article" class="current" data-icon="note"></a>
-        				<a href="#list_grouped_sample" data-target="article" data-icon="folder"></a>
-        				<a href="#list_info_sample" data-target="article" data-icon="cloudup"></a>
-        				<a href="#x" data-target="article" data-icon="cloudup"></a>
-                    </nav>
-                </li>
-    	    </ul>
-    	        
-    	    <ul>
-    			<li><a href="#demo_events" data-target="section" class="arrow" data-icon="user">
-    					<strong>Events handler</strong><small>paodapod</small></a></li>
-    			<li><a href="#demo_scroll" data-target="section" class="arrow" id="load_scroll_mocks" data-icon="points">
-    					<strong>Scroll</strong><small>paodapod</strong></small></a></li>
-    			<li><a href="#demo_buttons" data-target="section" class="arrow" data-icon="plus">
-    					<strong>Buttons</strong><small>paodapod</small></a></li>
-    			<li><a href="#demo_forms" data-target="section" class="arrow" data-icon="write">
-                    <strong>Forms</strong><small>paodapod</small></a></li>
-    			<li class="anchor" data-icon="key">Tapquo Sugars</li>
-    			
-    			<li><a href="#demo_sugars" data-target="section" data-icon="box">
-    				<strong>Sugars</strong><small>paodapod</small></a></li>
-				
-			</ul>
-			    </div>
-			</scroll>
-		</article>
-	</section>
-
-	<section id="demo" class="_static">
-		<header data-title="LungoJS Framework">
-			<nav class="onright">
-				<a href="#main" data-target="article" class="current" data-title="LungoJS Framework" data-icon="config"></a>
-				<a href="#author" data-target="article" data-title="Authors" data-icon="user"></a>
-			</nav>
-		</header>
-		<article id="main" class="list">
-            <scroll id="main_scroll">
-                <ul>
-                    <li class="info contrast">
-                        <img src="assets/images/icon.png" class="rounded">
-                        <strong>LungoJS Framework</strong>
-                        <small class="margin-top-4">version 1.0.0</small>
-                        <small>by TapQuo Inc.</small>
-                    </li>
-    				<li><a href="#demo_header_footer" data-target="section" class="arrow" data-icon="wifi">
-    					<strong>Header + Footer + Articles</strong><small>paodapod</small></a></li>
-    				<li><a href="#demo_toolbar" data-target="section" class="arrow" data-icon="download">
-    					<strong>Toolbar</strong><small>Toolbar</small></a></li>
-    				<li><a href="#demo_list" data-target="section" class="arrow" id="load_list" data-icon="note">
-                        <div class="bubble highlight">3 types</div>
-    					<strong>Lists</strong>
-    					<small>paodapod</small></a></li>
-    				<li><a href="#demo_events" data-target="section" class="arrow" data-icon="user">
-    						<strong>Events handler</strong><small>paodapod</small></a></li>
-    				<li><a href="#demo_scroll" data-target="section" class="arrow" id="load_scroll_mocks" data-icon="points">
-    						<strong>Scroll</strong><small>paodapod</strong></small></a></li>
-    				<li><a href="#demo_buttons" data-target="section" class="arrow" data-icon="plus">
-    						<strong>Buttons</strong><small>paodapod</small></a></li>
-    				<li><a href="#demo_forms" data-target="section" class="arrow" data-icon="write">
-                        <strong>Forms</strong><small>paodapod</small></a></li>
-    				<li class="anchor" data-icon="key">Tapquo Sugars</li>
-    				<li><a href="#demo_sugars" data-target="section" data-icon="box">
-    					<strong>Sugars</strong><small>paodapod</small></a></li>
-    			</ul>
-			</scroll>
-        </article>
-
-		<article id="author" class="list" >
-            <scroll id="people_scroll">
-    	        <ul>
-                    <li class="anchor" data-icon="key">Author</li>
-    	            <li>
-    	                <img src="assets/images/soyjavi.jpg" class="size48 ">
-    	                <strong>Javi Jiménez Villar</strong>
-    	                <small>@soyjavi</small>
-    	                </li>
-                    <li class="anchor" data-icon="key">CoreTeam</li>
-                    <li>
-    	                <img src="assets/images/pasku.jpg" class="size48 ">
-    	                <strong>Guillermo Pascual</strong>
-    	                <small>@pasku1</small></li>
-                    <li>
-                        <img src="assets/images/ikalbeniz.jpg" class="size48">
-                        <strong>Iker Perez Albeniz</strong>
-                        <small>@ikalneniz</small></li>
-                    <li class="anchor" data-icon="key">Contributors</li>
-                    <li>
-                        <img src="https://secure.gravatar.com/avatar/b374f3bd05b1db4a974585ba57661815?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png" class="size48 ">
-                        <strong>Jorge Casar</strong>
-                        <small>jorgecasar</small></li>
-                    <li>
-                        <img src="https://secure.gravatar.com/avatar/3d4bf44cff9779242dd82d20a0b7d0c8?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png" class="size48 ">
-                        <strong>Dave Winders</strong>
-                        <small>daithiw44</small></li>
-                    <li>
-                        <img src="https://secure.gravatar.com/avatar/884b5d1e91b826afc8c6b4fc3429dbd0?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png" class="size48 ">
-                        <strong>GermanDZ</strong>
-                        <small>GermanDZ</small></li>
-                    <li>
-                        <img src="https://secure.gravatar.com/avatar/b41d652ca9b88e636516d907599dcc87?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png" class="size48 ">
-                        <strong>Juan Gallego Galisteo</strong>
-                        <small>nickel</small></li>
-                    <li>
-                        <img src="https://secure.gravatar.com/avatar/a3257b495a2bc4ae15405c7880300848?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png" class="size48 ">
-                        <strong>John McLear</strong>
-                        <small>johnyma22</small></li>
-    	        </ul>
-            <scroll>
-		</article>
-    </section>
-
-	<section id="demo_header_footer">
-		<header data-title="Summary" data-back="home">
-            <nav class="onright">
-                <a href="#summary" data-target="article" class="current" data-title="Summary" data-icon="user"></a>
-                <a href="#messages" data-target="article" data-title="Message" data-icon="chat"><abbr>Messages</abbr></a>
-            </nav>
-        </header>
-        
-		<footer>
-		    <a href="#" class="button articblue onright" data-icon="key">Sign In</a>
-            <nav class="onleft">
-                <a href="#summary" data-target="article"><span class="icon user"></span></a>
-                <a href="#messages" data-target="article"><span class="icon chat"></span></a>
-            </nav>
-        </footer>
-
-		<article id="summary">
-		    Summary
-		    <a href="mailto:javi@tapquo.com">Prueba</a>
-		</article>
-
-		<article id="messages">
-		    Messages
-		</article>
-
-	</section>
-
-	<section id="demo_events">
-	    <header data-title="Events demo" data-back="home"></header>
-	    <article class="list">
-	        <li class="info contrast" data-icon="user">
-                <strong>Test events</strong>
-                <small class="margin-top-4">... in each row.</small>
-            </li>
-	        <li id="event_touchstart">Touchstart me!</li>
-	        <li id="event_touchend">Touchstend me!</li>
-	        <li id="event_tap">Tap me!</li>
-	        <li id="event_doubletap">Double-Tap me!</li>
-	        <li class="anchor" data-icon="shuffle">Special Mobile Events</li>
-            <li id="swipe">Swipe me!</li>
-            <li id="swipe_left">Swipe-Left me!</li>
-            <li id="swipe_right">Swipe-Right me!</li>
-            <li id="swipe_up">Swipe-Up me!</li>
-            <li id="swipe_down">Swipe-Down me!</li>
-	    </article>
-	</section>
-
-	<section id="demo_scroll">
-		<header data-title="Scroll Demo" data-back="home"></header>
-		<article>
-			<h1>Scroll: vertical</h1>
-			<scroll id="scroll_vertical" class="vertical"></scroll>
-
-			<h1>Scroll: horizontal</h1>
-			<scroll id="scroll_horizontal" class="horizontal"></scroll>
-		</article>
-    </section>
-
-	<section id="demo_list">
-		<header data-back="home articblue" data-title="LISTS">
-			<nav class="onright">
-				<a href="#list_sample" data-target="article" class="current" data-icon="note"><abbr>Simple List</abbr></a>
-				<a href="#list_grouped_sample" data-target="article" data-icon="folder"><abbr>Grouped List</abbr></a>
-				<a href="#list_info_sample" data-target="article" data-icon="cloudup"><abbr>Special .class</abbr></a>
-			</nav>
-		</header>
-		
-		<footer data-title="COUNT:*"></footer>
-		
-		<article id="list_sample" class="list"></article>
-		<article id="list_grouped_sample" class="list indented"></article>
-		<article id="list_info_sample" class="list">
-		    <ul>
-		         <li class="info">
-                     <img src="assets/images/icon.png" class="framed">
-                     <strong>LungoJS Framework</strong>
-                     <small class="margin-top-4">version 0.2</small>
-                     <small>by @soyjavi & @pasku1</small>
-                 </li>
-
-                 <li class="info contrast">
-                     <img src="assets/images/icon.png" class="framed">
-                     <strong>LungoJS Framework</strong>
-                     <small class="margin-top-4">version 0.2</small>
-                     <small>by @soyjavi & @pasku1</small>
-                 </li>
-
-                <li class="toolbar contrast">
-                    <nav>
-                        <a href="#list_sample" data-target="article" class="current" data-icon="note"></a>
-        				<a href="#list_grouped_sample" data-target="article" data-icon="folder"></a>
-        				<a href="#list_info_sample" data-target="article" data-icon="cloudup"></a>
-                    </nav>
-                </li>
-                <li class="info contrast highlight">
-                    <img src="assets/images/icon.png" class="framed">
-                    <strong>LungoJS Framework</strong>
-                    <small class="margin-top-4">version 0.2</small>
-                    <small>by @soyjavi & @pasku1</small>
-                </li>
-                <li class="toolbar highlight">
-                    <nav>
-                        <a href="#list_sample" data-target="article" class="current" data-icon="note"></a>
-        				<a href="#list_grouped_sample" data-target="article" data-icon="folder"></a>
-        				<a href="#list_info_sample" data-target="article" data-icon="cloudup"></a>
-                    </nav>
-                </li>
-		    </ul>
-		</article>
-	</section>
-
-	<section id="demo_toolbar">
-		<header data-title="Toolbar Demo" data-back="articblue home"></header>
-		<article id="toolbar_1"></article>
-		<article id="toolbar_2"></article>
-		<article id="toolbar_3"></article>
-		<article id="toolbar_4"></article>
-		<footer class="toolbar">
-            <nav>
-                <a href="#back" data-target="section" alt="Test Article Nº1" data-icon="left"></a>
-                <a href="#toolbar_1" data-target="article" class="current" data-icon="chat"></a>
-				<a href="#toolbar_2" data-target="article" data-icon="user"></a>
-                <a href="#toolbar_3" data-target="article" data-icon="chat"></a>
-				<a href="#toolbar_4" data-target="article" data-icon="user"></a>
-            </nav>
-        </footer>
-	</section>
-
-	<section id="demo_buttons">
-		<header data-back="home" data-title="Buttons">
-		</header>
-		<article>
-			<scroll id="scroll_buttons">
-				<form class="buttons" id="scroll_buttons_scroll" style="height:730px;">
-					<a href="#" class="button big">default</a>
-					<a href="#" class="button big disabled">disabled</a>
-
-					<a href="#" class="button big red">red</a>
-					<a href="#" class="button big lightgreen">lightgreen</a>
-					<a href="#" class="button big green">green</a>
-					<a href="#" class="button big blue">blue</a>
-					<a href="#" class="button big articblue">articblue</a>
-					<a href="#" class="button big orange">orange</a>
-					<a href="#" class="button big magenta">magenta</a>
-					<a href="#" class="button big pink">pink</a>
-					<a href="#" class="button big yellow">yellow</a>
-					<a href="#" class="button big twitter" data-icon="twitter">twitter</a>
-					<a href="#" class="button big facebook" data-icon="facebook">facebook</a>
-				</form>
-			</scroll>
-		</article>
-		<footer>
-		    <a href="#back" data-target="section" class="back onleft button articblue" data-icon="home">Home</a>
-			<a href="#" class="button red onleft" data-icon="picture">Picture</a>
-			<a href="#" class="button articblue onleft" data-icon="wifi"></a>
-			<a href="#" class="button yellow onleft" data-icon="home">Home</a>
-		</footer>
-	</section>
-
-	<section id="demo_forms">
-		<header data-back="home" data-title="Form Plain">
-            <nav class="onright">
-                <a href="#form-plain" data-target="article" class="current" data-icon="picture" data-title="Form Plain"></a>
-                <a href="#form-margin" data-target="article" data-icon="wifi" data-title="Form Margin"></a>
-            </nav>
-        </header>
-		<article id="form-plain">
-		    <scroll id="scroll_forms">
-			<form>
-				<input type="text" placeholder="Input text"/>
-				<input type="password" placeholder="Input password"/>
-				<input type="checkbox">Save credentials</input>
-				<textarea placeholder="Textarea sample"></textarea>
-				<label class="select">
-					<select class="custom">
-						<option value="1">One</option>
-						<option value="2">Two</option>
-						<option value="3">Three</option>
-					</select>
-				</label>
-				<label data-icon="twitter"></label>
-				<label class="checkbox"><input type="checkbox" id="checkbox-0"/></label>
-
-				<label data-icon="facebook"></label>
-				<label class="checkbox"><input type="checkbox" id="checkbox-1" checked="checked"/></label>
-
-				<label data-icon="picture"></label>
-				<label class="checkbox"><input type="checkbox" id="checkbox-2"/></label>
-
-	            <br/>
-				<label>Radio:</label>
-				<label class="radio"><input type="radio" name="group-0" id="radio-0" checked="checked"/></label>
-				<label class="radio"><input type="radio" name="group-0" id="radio-1"/></label>
-				<label class="radio"><input type="radio" name="group-0" id="radio-2"/></label>
-            </ul>
-
-				<br/>
-				<a href="#" class="button big green" data-icon="check">Accept</a>
-				<a href="#" class="button big red" data-icon="cancel">Cancel</a>
-			</form>
-			</scroll>
-		</article>
-
-        <article id="form-margin" class="margin">
-
-        </article>
-	</section>
-
-	<section id="demo_sugars">
-		<header data-back="home articblue"></header>
-		<article>
-		</article>
-	</section>
-
-	<section id="demo_next">
-		<header data-back="home articblue"></header>
-		<article><h1>Section demo_next - Article id=messages</h1></article>
-	</section>
-
-    <!-- Third parties dependencies -->
-    <script src="../../src/lib/zepto.js"></script>
-    <script src="../../src/lib/iscroll.js"></script>
-    <!-- LungoJS Libraries (Development mode)-->
-    <script src="../../src/Lungo.js"></script>
-    <script src="../../src/Lungo.App.js" ></script>
-    <script src="../../src/Lungo.Environment.js" ></script>
-    <script src="../../src/Lungo.Core.js"></script>
-    <script src="../../src/Lungo.Events.js"></script>
-    <script src="../../src/Lungo.Service.js"></script>
-    <script src="../../src/router/Lungo.Router.js"></script>
-    <script src="../../src/router/Lungo.Router.History.js" ></script>
-    <script src="../../src/view/Lungo.View.Resize.js"></script>
-    <script src="../../src/view/Lungo.View.Article.js" ></script>
-    <script src="../../src/view/Lungo.View.Scroll.js"></script>
-    <script src="../../src/view/Lungo.View.Template.js"></script>
-    <script src="../../src/view/Lungo.View.Template.Binding.js"></script>
-    <script src="../../src/view/Lungo.View.Template.List.js"></script>
-    <script src="../../src/dom/Lungo.Dom.js"></script>
-    <script src="../../src/dom/Lungo.Dom.Event.js"></script>
-    <script src="../../src/data/Lungo.Data.Cache.js"></script>
-    <script src="../../src/data/Lungo.Data.Sql.js"></script>
-    <script src="../../src/data/Lungo.Data.Storage.js"></script>
-    <script src="../../src/attributes/Lungo.Attributes.Data.js"></script>
-    <script src="../../src/boot/Lungo.Boot.js"></script>
-    <script src="../../src/boot/Lungo.Boot.Layout.js"></script>
-    <script src="../../src/boot/Lungo.Boot.Events.js"></script>
-    <script src="../../src/boot/Lungo.Boot.Data.js"></script>
-    <script src="../../src/boot/Lungo.Boot.Section.js"></script>
-    <script src="../../src/boot/Lungo.Boot.Article.js"></script>
-    <!-- LungoJS - Sandbox App -->
-    <script src="app/app.js"></script>
-    <script src="app/data.js"></script>
-    <script src="app/events.js"></script>
-    <script src="app/services.js"></script>
-    <script src="app/view.js"></script>
-</body>
-</html>