Delete old example app

examples/release-test/app/app.js

@@ -1,38 +0,0 @@
-var App = (function(lng, undefined) {
-
-
-    lng.App.init({
-        name: 'Kitchen Sink',
-        version: '1.2',
-        resources: {
-            sections: [
-                'navigation.html',
-                'navigation-index.html',
-                'navigation-normal.html',
-                'navigation-pop.html',
-                'lists.html',
-                'settings.html',
-                'forms.html',
-                'buttons-extra.html',
-                'aside.html',
-                'aside-profiles.html',
-                'http://examples.tapquo.com/examples/kitchen-sink/app/sections/remote.html']
-        }
-    });
-
-    var _getEnvironmentFromQuoJS = (function() {
-        var environment = lng.Core.environment();
-        if (environment.isMobile) {
-           // alert('Your phone is ' + environment.os.name + ' (' + environment.os.version + ')');
-        }
-    })();
-
-    lng.View.Element.count('#btn-one', 7);
-    lng.View.Element.count('#btn-three', 0);
-    lng.View.Element.count('#aside-one', 17);
-
-    return {
-
-    };
-
-})(LUNGO);

examples/release-test/app/data.js

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

examples/release-test/app/events.js

@@ -1,62 +0,0 @@
-App.Events = (function(lng, undefined) {
-
-    lng.ready(function() {
-        App.Services.mockProfiles();
-
-        lng.View.Aside.show('#kitchen-sink', '#kitchen-sink-scroll');
-        lng.View.Element.progress('.progress', 10, true, 'Downloading 1/5...');
-    });
-
-    lng.dom('#event_touchstart').touch(function(event) { alert("touchstart!"); });
-    //OR
-    //lng.dom('#event_touchstart').on('touchstart', function(event) { alert("TOUCH_START!"); });
-    lng.dom('#event_touchend').on('touchend', function(event) { alert("touchend!");  });
-    lng.dom('#event_touchmove').on('touchmove' , function(event) { alert("touchmove!"); });
-
-    //Tap Methods
-    lng.dom('#event_tap').tap(function(event) { alert("tap!"); });
-    //OR
-    //lng.dom('#event_tap').on('tap', function(event) { alert("TAP!"); });
-    lng.dom('#event_doubletap').doubleTap(function(event) { alert("doubleTap!"); });
-    lng.dom('#event_longtap').longTap(function(event) { alert("longTap!"); });
-
-    //Swipe Methods
-    lng.dom('#swipe').swipe(function(event) { alert("swipe!"); });
-    lng.dom('#swipe_left').swipeLeft(function(event) { alert("swipeLeft!"); });
-    lng.dom('#swipe_right').swipeRight(function(event) { alert("swipeRight!"); });
-    lng.dom('#swipe_up').swipeUp(function(event) { alert("swipeUp!"); });
-    lng.dom('#swipe_down').swipeDown(function(event) { alert("swipeDown!"); });
-
-    lng.dom('a[href="#scrolls"]').on('tap', function(event) {
-        App.View.mockScrolls();
-    });
-
-    lng.dom('section#navigation-index article a').tap(function(event) {
-        var type_of_transition = lng.dom(this).attr('class') || 'normal';
-
-        lng.dom('section#navigation-index').removeClass('pop').removeClass('flow').addClass(type_of_transition);
-
-        setTimeout(function() {
-            lng.Router.section('navigation-' + type_of_transition);
-        }, 100);
-    });
-
-    //List.Append & List.prepend
-    lng.dom('section#lists header .onright a').tap(function(event) {
-        var param = {
-            el: '#list-dinamic',
-            template: 'profile-tmp',
-            data: {
-                name: 'Dinamic item list',
-                description: '@soyjavi'
-            }
-        };
-
-        if ($$(this).hasClass('prepend')) {
-            lng.View.Template.List.append(param);
-        } else {
-            lng.View.Template.List.prepend(param);
-        }
-    });
-
-})(LUNGO);

examples/release-test/app/sections/aside-profiles.html

@@ -1,15 +0,0 @@
-<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>
-        <div class="anchor">Contributors</div>
-        <a href="http://twitter.com/ikalbeniz" target="_blank" data-image="assets/images/avatars/ikalbeniz.jpg">Iker Perez de Albeniz</a>
-        <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/release-test/app/sections/aside.html

@@ -1,15 +0,0 @@
-<aside id="kitchen-sink-scroll" class="scrollable">
-    <div>
-        <div class="title">Select a option</div>
-        <a href="#welcome" data-target="article" class="current" data-icon="wifi">Welcome</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>
-        <a href="#data-attributes" data-target="article" data-icon="tag" data-count="6">Data Attributes</a>
-        <a href="#forms" data-target="section" data-icon="edit" data-count="7">Form Elements</a>
-        <a href="#lists" data-target="section" data-icon="items" data-count="5">Lists</a>
-        <a href="#events" data-target="article" data-icon="user">Events</a>
-        <a href="#scrolls" data-target="article" data-icon="down">Scrolls</a>
-        <a href="#urls" data-target="article" data-icon="down">URL Scheme Reference</a>
-    </div>
-</aside>

examples/release-test/app/sections/buttons-extra.html

@@ -1,19 +0,0 @@
-<section id="buttons-extra">
-    <header data-back="home" data-title="Example of buttons">
-        <nav class="onright">
-            <a href="#" class="button">On right</a>
-        </nav>
-    </header>
-
-    <footer>
-        <nav class="onleft">
-            <a href="#" class="button blue ">Only Text</a>
-            <a href="#" class="button yellow" data-icon="left"></a>
-        </nav>
-        <nav class="onright">
-            <a href="#" class="button red" data-icon="add">With icon</a>
-        </nav>
-    </footer>
-
-    <article></article>
-</section>

examples/release-test/app/sections/forms.html

@@ -1,101 +0,0 @@
-<section id="forms">
-    <header data-title="Forms" class="extended" data-back="home">
-        <nav class="groupbar">
-            <a href="#form-inputs" data-target="article" class="current">Inputs</a>
-            <a href="#form-others" data-target="article">Extras</a>
-            <a href="#form-switchs" data-target="article">Switchs</a>
-            <a href="#form-tips" data-target="article">Tips</a>
-        </nav>
-    </header>
-
-    <article id="form-inputs" class="list scrollable">
-        <div class="container indented">
-            <ul class="form">
-                <li class="anchor" data-icon="edit">Example of inputs</li>
-                <li>
-                    <label>type="text"</label>
-                    <input type="text" placeholder="Input text"/>
-                    <label>type="password"</label>
-                    <input type="password" placeholder="Input password"/>
-                </li>
-            </ul>
-
-            <ul class="form">
-                <li class="anchor" data-icon="edit">Example of textarea</li>
-                <li><textarea placeholder="Textarea sample"></textarea></li>
-            </ul>
-
-            <ul class="form">
-                <li class="anchor" data-icon="edit">Example of select</li>
-                <li>
-                    <label class="select">
-                        <select class="custom">
-                            <option value="1">One</option>
-                            <option value="2">Two</option>
-                            <option value="3">Three</option>
-                        </select>
-                    </label>
-                </li>
-                <li class="tip dark" data-icon="question small">It's a special form element you must set the label with class "select"</li>
-            </ul>
-        </div>
-    </article>
-
-    <article id="form-others" class="list">
-        <div class="indented">
-            <ul class="form">
-                <li class="anchor" data-icon="edit">Example of range</li>
-                <li> <input type="range"></li>
-                <li class="anchor" data-icon="edit">Example of type="date"</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 class="tip dark" data-icon="question small">Only for iOS5 & Android 2.3+ Devices"</li>
-            </ul>
-        </div>
-    </article>
-
-    <article id="form-switchs" class="list">
-        <div class="container indented">
-            <ul class="form">
-                <li class="anchor" data-icon="edit">Example of checkbox</li>
-                <li>
-                    <label>Do you like LungoJS forms?</label>
-                    <label class="checkbox onright"><input type="checkbox" id="checkbox-0" checked/></label>
-                </li>
-            </ul>
-
-            <ul class="form">
-                <li class="anchor" data-icon="edit">Example of radio</li>
-                <li>
-                    <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>
-                </li>
-            </ul>
-        </div>
-    </article>
-
-    <article id="form-tips" class="list scrollable">
-        <div class="container indented">
-            <ul class="form">
-                <li class="anchor">Examples of tips</li>
-                <li class="tip" data-icon="home small">Lorem Ipsum is simply dummy text...</li>
-                <li class="tip dark" data-icon="home small">Lorem Ipsum is simply dummy text...</li>
-                <li class="tip darker" data-icon="home small">Lorem Ipsum is simply dummy text...</li>
-
-                <li class="tip" data-icon="home">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's...</li>
-                <li class="tip dark" data-icon="home">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's...</li>
-                <li class="tip darker" data-icon="home">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's...</li>
-            </ul>
-
-            <ul class="form">
-                <li class="anchor" data-icon="home">Example of anchor</li>
-                <li><label>Example of label</label></li>
-            </ul>
-        </div>
-    </article>
-</section>

examples/release-test/app/sections/lists.html

@@ -1,19 +0,0 @@
-<section id="lists">
-    <header data-back="home" data-title="Lists" class="extended">
-        <nav class="onright">
-            <a href="#" data-article="list-dinamic" class="button" data-icon="up"></a>
-            <a href="#" data-article="list-dinamic" class="button prepend" data-icon="down"></a>
-        </nav>
-        <nav class="groupbar">
-            <a href="#list-plain" data-target="article" class="current">Normal</a>
-            <a href="#list-ordered" data-target="article">Ordered</a>
-            <a href="#list-indented" data-target="article">Indented</a>
-            <a href="#list-dinamic" data-target="article">Dinamic</a>
-        </nav>
-    </header>
-
-    <article id="list-plain" class="list"></article>
-    <article id="list-ordered" class="list"></article>
-    <article id="list-indented" class="list indented scrollable"></article>
-    <article id="list-dinamic" class="list scrollable"></article>
-</section>

examples/release-test/app/sections/local.html

@@ -1,5 +0,0 @@
-<section id="async-local">
-    <header data-back="home"  data-title="Async Local Section"></header>
-
-    <article></article>
-</section>

examples/release-test/app/sections/navigation-flow.html

@@ -1,4 +0,0 @@
-<section id="navigation-flow" class="flow">
-    <header data-back="home"></header>
-    <article></article>
-</section>

examples/release-test/app/sections/navigation-index.html

@@ -1,10 +0,0 @@
-<section id="navigation-index" class="">
-    <header data-back="home" data-title="Type of transitions"></header>
-    <article class="list indented">
-        <ul>
-            <li><a href="#">Normal Transition</a></li>
-            <li><a href="#" class="pop">Pop Transition</a></li>
-            <li><a href="#" class="flow">Flow Transition</a></li>
-        </ul>
-    </article>
-</section>

examples/release-test/app/sections/navigation-normal.html

@@ -1,4 +0,0 @@
-<section id="navigation-normal">
-    <header data-back="home"></header>
-    <article></article>
-</section>

examples/release-test/app/sections/navigation-pop.html

@@ -1,4 +0,0 @@
-<section id="navigation-pop" class="pop">
-    <header data-back="home"></header>
-    <article></article>
-</section>

examples/release-test/app/sections/navigation.html

@@ -1,37 +0,0 @@
-<section id="navigation">
-    <header data-back="home" data-title="Navigation">
-        <nav class="onright">
-            <a href="#navigation-index" class="button" data-target="section">Transitions</a>
-        </nav>
-    </header>
-
-    <footer class="toolbar with-labels">
-        <nav>
-            <a href="#nav-1" data-target="article" class="current" data-icon="user" data-label="User"></a>
-            <a href="#nav-2" data-target="article" data-icon="calendar" data-count="17" data-label="Calendar"></a>
-            <a href="#nav-3" data-target="article" data-icon="mail" data-label="Emails" data-count="124"></a>
-            <a href="#nav-4" data-target="article" data-icon="phone" data-label="Calls" data-count="12"></a>
-        </nav>
-    </footer>
-
-    <article id="nav-1" data-title="Article 1"></article>
-    <article id="nav-2" data-title="Article 2"></article>
-    <article id="nav-3" data-title="Article 3"></article>
-    <article id="nav-4" data-title="Article 4"></article>
-</section>
-
-<section id="navigation-secondary">
-    <header data-back="left" data-title="Navigation"></header>
-
-    <footer>
-        <nav class="onright">
-            <a href="#nav-extra-1" data-target="article" class="current" data-icon="user"></a>
-            <a href="#nav-extra-2" data-target="article" data-icon="calendar" data-count="17"></a>
-            <a href="#nav-extra-3" data-target="article" data-icon="mail"></a>
-        </nav>
-    </footer>
-
-    <article id="nav-extra-1" data-title="Article 1"></article>
-    <article id="nav-extra-2" data-title="Article 2"></article>
-    <article id="nav-extra-3" data-title="Article 3"></article>
-</section>

examples/release-test/app/sections/remote.html

@@ -1,4 +0,0 @@
-<section id="async-remote">
-    <header data-back="home"  data-title="Async Remote Section"></header>
-    <article></article>
-</section>

examples/release-test/app/sections/settings.html

@@ -1,20 +0,0 @@
-<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>

examples/release-test/app/services.js

@@ -1,78 +0,0 @@
-App.Services = (function(lng, App, undefined) {
-
-    var mockProfiles = function() {
-        var profiles = [];
-        var id = 0;
-
-        for (var j=0; j < 3; j++) {
-            for (var i=1, len=12; i <= len; i++ ) {
-                id++;
-                profiles.push({
-                    id: id,
-                    name: 'Profile nº' + i,
-                    description: 'Description nº' + i,
-                    avatar: 'assets/images/avatars/' + i + '.jpg'
-                });
-            }
-        }
-
-        //Normal List
-        var parameters = {
-            el: '#list-plain',
-            template: 'profile-tmp',
-            data: profiles
-        };
-        lng.View.Template.List.create(parameters);
-
-        //Indented List
-        parameters.el = '#list-indented';
-        lng.View.Template.List.create(parameters);
-
-        //Ordered List
-        parameters.el = '#list-ordered';
-        parameters.order = { field: 'name', type: 'asc' };
-        lng.View.Template.List.create(parameters);
-    };
-
-    var testService = function() {
-        lng.Service.Settings.timeout = 2500;
-        lng.Service.Settings.dataType = 'json';
-        lng.Service.Settings.error = function() {
-            console.error('Timeout exceed (500ms):', arguments);
-        };
-
-        var url = 'http://www.panoramio.com/map/get_panoramas.php';
-        var parameters = {
-            set: 'public',
-            from: 0,
-            to: 3,
-            minx: -180,
-            miny: -90,
-            maxx: 180,
-            maxy: 90,
-            size: 'medium',
-            mapfilter: true
-        };
-
-        lng.Service.get(url, parameters,
-            function(response) {
-                console.error('GET', response);
-            }
-        );
-
-        lng.Service.json(url, parameters,
-            function(response) {
-                console.error('JSON', response);
-            }
-        );
-
-        lng.Service.Settings.async = false;
-        var response = lng.Service.json(url, parameters);
-        console.error('SYNC', response);
-    };
-
-    return {
-        mockProfiles: mockProfiles
-    }
-
-})(LUNGO, App);

examples/release-test/app/templates/list-home.html

@@ -1 +0,0 @@
-<li id={{id}} data-icon="home">{{name}}</li>

examples/release-test/app/view.js

@@ -1,23 +0,0 @@
-App.View = (function(lng, App, undefined) {
-
-    lng.View.Template.create(
-        'profile-tmp',
-        '<li class="selectable {{anchor}}">\
-                <img src="{{avatar}}" />\
-                <div class="onright">{{name}}</div>\
-                {{name}}\
-                <small>{{description}}</small>\
-            </a>\
-        </li>'
-    );
-
-    var mockScrolls = function() {
-
-    };
-
-    return {
-        mockScrolls: mockScrolls
-    }
-
-
-})(LUNGO, App);

examples/release-test/assets/stylesheets/app.css

@@ -1,27 +0,0 @@
-.scroll-demo {
-    background: #ccc;
-    margin: 10px;
-    overflow: hidden;
-}
-
-.scroll-demo.horizontal {
-    height: 68px;
-    width: inherit;
-    display: block;
-}
-
-.scroll-demo.vertical {
-    top: 72px;
-    width: 72px;
-    height: 196px;
-}
-
-.scroll-demo span {
-    height: 64px;
-    width: 64px;
-    background: #666;
-    text-align: center;
-    line-height: 64px;
-    display: inline-block;
-    margin: 2px 0px 0px 2px;
-}

examples/release-test/index.html

@@ -1,291 +0,0 @@
-<!doctype html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <title>LungoJS - Kitchen Sink</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">
-    <meta name="format-detection" content="telephone=no">
-    <!-- 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="lungojs/lungo-1.2.min.css">
-    <link rel="stylesheet" href="lungojs/lungo.theme.default.css">
-    <!-- App Stylesheet -->
-    <link rel="stylesheet" href="assets/stylesheets/app.css">
-</head>
-
-<body class="app">
-
-    <!-- ============================= kitchen-sink ============================= -->
-
-    <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="#profiles" data-target="aside" data-article="welcome" class="button">Profiles</a>
-                <a href="#buttons-extra" data-target="section" data-article="buttons" class="button">Other Examples</a>
-            </nav>
-        </header>
-
-        <!-- ============================= welcome ============================= -->
-        <article id="welcome" class="list scrollable indented">
-            <div>
-                <h1 class="title" data-icon="home">Welcome to LungoJS KitchenSink</h1>
-                <p class="text">
-                    The first <strong>Mobile Framework</strong> that uses the actual features of #HTML5, #CSS3 and #JavaScript.</p>
-                <p class="text">
-                    The main premise in Lungo is to create a semantic structure in the whole project, starting from the markup language HTML, through a well organized CSS< and ending with the JavaScript API</p>
-            </div>
-        </article>
-
-        <!-- ============================= buttons ============================= -->
-        <article id="buttons" class="scrollable indented">
-            <div>
-                <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 arcticblue">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">twitter</a>
-                <a href="#" class="button big facebook">facebook</a>
-            </div>
-        </article>
-
-        <!-- ============================= icons ============================= -->
-        <article id="icons" class="list scrollable">
-            <div class="indented">
-                <h1 class="title">&lt;class&gt; icon: everything is a vector!</h1>
-                <p class="text">In the listed examples you are seeing a attribute "data-icon", this attribute only need the semantic name of the icon you want to show and LungoJS will do the rest of the work.</p>
-
-                <ul>
-                    <li data-icon="map small">map</li>
-                    <li data-icon="clock small">clock</li>
-                    <li data-icon="calendar small">calendar</li>
-                    <li data-icon="message small">message</li>
-                    <li data-icon="chat small">chat</li>
-                    <li data-icon="user small">user</li>
-                    <li data-icon="group small">group</li>
-                    <li data-icon="loading small">loading</li>
-                    <li data-icon="refresh small">refresh</li>
-                    <li data-icon="search small">search</li>
-                    <li data-icon="pushpin small">pushpin</li>
-                    <li data-icon="star small">star</li>
-                    <li data-icon="heart small">heart</li>
-                    <li data-icon="warning small">warning</li>
-                    <li data-icon="add small">add</li>
-                    <li data-icon="remove small">remove</li>
-                    <li data-icon="question small">question</li>
-                    <li data-icon="info small">info</li>
-                    <li data-icon="check small">check</li>
-                    <li data-icon="substract small">substract</li>
-                    <li data-icon="close small">close</li>
-                    <li data-icon="plus small">plus</li>
-                    <li data-icon="up small">up</li>
-                    <li data-icon="down small">down</li>
-                    <li data-icon="left small">left</li>
-                    <li data-icon="right small">right</li>
-                    <li data-icon="home small">home</li>
-                    <li data-icon="pencil small">pencil</li>
-                    <li data-icon="edit small">edit</li>
-                    <li data-icon="picture small">picture</li>
-                    <li data-icon="camera small">camera</li>
-                    <li data-icon="music small">music</li>
-                    <li data-icon="wifi small">wifi</li>
-                    <li data-icon="file small">file</li>
-                    <li data-icon="files small">files</li>
-                    <li data-icon="folder small">folder</li>
-                    <li data-icon="key small">key</li>
-                    <li data-icon="settings small">settings</li>
-                    <li data-icon="chart small">chart</li>
-                    <li data-icon="trash small">trash</li>
-                    <li data-icon="target small">target</li>
-                    <li data-icon="items small">items</li>
-                    <li data-icon="download small">download</li>
-                    <li data-icon="upload small">upload</li>
-                    <li data-icon="basket small">basket</li>
-                    <li data-icon="phone small">phone</li>
-                    <li data-icon="mail small">mail</li>
-                    <li data-icon="tag small">tag</li>
-                </ul>
-            </div>
-        </article>
-
-        <!-- ============================= data - attributes ============================= -->
-        <article id="data-attributes" class="list scrollable">
-            <div class="indented">
-                <h1 class="title">The data-attributes</h1>
-                <ul>
-                    <li data-icon="user">
-                        data-icon
-                        <small>Creates an icon LungoJS vectorized</small>
-                    </li>
-                    <li data-image="assets/images/avatars/1.jpg">
-                        data-image
-                        <small>Instance a &lt;img&gt; automatically</small>
-                    </li>
-                    <li>
-                        data-search
-                        <small>Creates a search input form</small>
-                    </li>
-                    <li data-search="Type your search..."></li>
-
-                    <li>
-                        data-progress
-                        <small>Creates a progress element</small>
-                    </li>
-                    <li data-progress="25%"></li>
-                </ul>
-
-                <h1 class="title">Others</h1>
-                <ul>
-                    <li>
-                        data-title
-                        <small>Relationship field between &lt;header&gt; and &lt;a&gt;</small>
-                    </li>
-                    <li>
-                        <div class="onright" data-count="23 units"></div>
-                        data-count
-                        <small>Creates counters of different &lt;elements&gt;</small>
-                    </li>
-                    <li>
-                        data-back
-                        <small>Creates a button that goes to the previous section.</small>
-                    </li>
-                </ul>
-            </div>
-        </article>
-
-        <!-- ============================= events ============================= -->
-        <article id="events" class="list scrollable">
-            <div class="indented">
-                <ul>
-                    <li class="tip darker" data-icon="user">
-                        Test events
-                        <small>... in each row.</small>
-                    </li>
-                    <li class="anchor">Common Events</li>
-                    <li id="event_touchstart">Touchstart me!</li>
-                    <li id="event_touchend">Touchend me!</li>
-                    <li id="event_touchmove">Touchmove me!</li>
-                    <li class="anchor">Tap Events</li>
-                    <li id="event_tap">Tap me!</li>
-                    <li id="event_doubletap">Double-Tap me!</li>
-                    <li id="event_longtap">Long-Tap me!</li>
-                    <li class="anchor">Special Events</li>
-                    <li id="swipe" data-icon="user">
-                        Swipe me!
-                        <small>Drag in any direction</small></li>
-                    <li id="swipe_left" data-icon="left">Swipe-Left me!
-                        <small>Drag in any direction</small></li>
-                    <li id="swipe_right" data-icon="right">Swipe-Right me!
-                        <small>Drag in any direction</small></li>
-                    <li id="swipe_up" data-icon="up">Swipe-Up me!
-                        <small>Drag in any direction</small></li>
-                    <li id="swipe_down" data-icon="down">Swipe-Down me!
-                        <small>Drag in any direction</small></li>
-                </ul>
-            </div>
-        </article>
-
-        <!-- ============================= scrolls ============================= -->
-        <article id="scrolls">
-            <div id="scroll-horizontal" class="scroll-demo scrollable horizontal">
-                <div style="width: 1036px;">
-                    <span>1</span>
-                    <span>2</span>
-                    <span>3</span>
-                    <span>4</span>
-                    <span>5</span>
-                    <span>6</span>
-                    <span>7</span>
-                    <span>8</span>
-                    <span>9</span>
-                    <span>10</span>
-                    <span>11</span>
-                    <span>12</span>
-                    <span>13</span>
-                    <span>14</span>
-                    <span>15</span>
-                </div>
-            </div>
-
-            <div id="scroll-vertical" class="scroll-demo scrollable vertical">
-                <div>
-                    <span>1</span>
-                    <span>2</span>
-                    <span>3</span>
-                    <span>4</span>
-                    <span>5</span>
-                    <span>6</span>
-                    <span>7</span>
-                    <span>8</span>
-                    <span>9</span>
-                    <span>10</span>
-                    <span>11</span>
-                    <span>12</span>
-                </div>
-            </div>
-        </article>
-
-        <!-- ============================= authors ============================= -->
-        <article id="urls" class="list scrollable">
-            <div class="indented">
-                <ul>
-                    <li class="anchor" data-icon="pencil">Send a mail</li>
-                    <li data-icon="mail">
-                        <a href="mailto:javi@tapquo.com">
-                        Send a email
-                        <small>href="mailto:"</small></a></li>
-                    <li data-icon="phone">
-                        <a href="tel:+34123">
-                        Phone call
-                        <small>href="tel:"</small></a></li>
-                    <li data-icon="chat">
-                        <a href="sms:+34123">
-                        Text a message
-                        <small>href="sms:"</small></a></li>
-                </ul>
-
-                <ul>
-                    <li class="anchor" data-icon="star">Specials for iOS</li>
-                    <li data-icon="pushpin">
-                        <a href="maps:ll=38.870454,-77.055702">
-                        View a point in a map
-                        <small>href="maps:"</small></a></li>
-                    <li data-icon="target">
-                        <a href="maps:ll=38.870454,-77.055702&z=10">
-                        View a point in a map (zoom)
-                        <small>href="maps: &z=10"</small></a></li>
-                </ul>
-            </div>
-        </article>
-
-    </section>
-
-     <!-- LungoJS (Production mode) -->
-    <script src="lungojs/lungo-1.2.packed.js"></script>
-    <!-- LungoJS - Sandbox App -->
-    <script src="app/app.js"></script>
-    <script src="app/events.js"></script>
-    <script src="app/view.js"></script>
-    <script src="app/data.js"></script>
-    <script src="app/services.js"></script>
-</body>
-</html>

examples/release-test/lungojs/LICENSE.txt

@@ -1,244 +0,0 @@
-Copyright (c) 2011-2012 TapQuo Inc (Javier Jimenez Villar)
-
-===============================================================================
-===============================================================================
-
-OPEN SOURCE LICENSE FOR LUNGOJS
-Version 1.2
-
-LungoJS is an avid supporter of open source software. This is the appropriate
-option if you are creating an open source application with a license compatible
-with the GNU GPL license v3 (http://www.gnu.org/copyleft/gpl.html). Although
-the GPLv3 has many terms, the most important is that you must provide the
-source code of your application to your users so they can be free to modify
-your application for their own needs.
-
-View the license terms: http://www.gnu.org/copyleft/gpl.html
-
-THIS DOCUMENT IS A LEGAL AGREEMENT (the “License Agreement”) BETWEEN TAPQUO INC.
-(“We,” “Us”) AND YOU OR THE ORGANIZATION ON WHOSE BEHALF YOU ARE UNDERTAKING
-THE LICENSE DESCRIBED BELOW (“You”) IN RELATION TO THE LUNGOJS SOFTWARE
-LIBRARY (THE “Software”), AND/OR ALL RELATED MATERIALS. BY DOWNLOADING,
-INSTALLING, COPYING OR OTHERWISE USING THE SOFTWARE, YOU ACCEPT THE FOLLOWING
-TERMS AND CONDITIONS. IF YOU DO NOT AGREE WITH ANY OF THE TERMS OR CONDITIONS
-OF THIS LICENSE AGREEMENT, DO NOT PROCEED WITH THE DOWNLOADING, COPYING,
-INSTALLATION OR ANY OTHER USE OF THE SOFTWARE OR ANY PORTION THEREOF. THE
-SOFTWARE IS PROTECTED BY UNITED STATES COPYRIGHT LAWS AND INTERNATIONAL
-COPYRIGHT LAWS, AS WELL AS OTHER INTELLECTUAL PROPERTY LAWS AND TREATIES.
-THE SOFTWARE IS LICENSED, NOT SOLD.
-
-===============================================================================
-===============================================================================
-
-OPEN SOURCE LICENSE FAQ
-Version 1.2
-
-This document is for guidance purposes only and is not a legal document and is
-not legally binding. We encourage you to read the GPL v3 and the Quick Guide to
-the GPLv3 in their entirety and consult legal counsel if you require additional
-advice.
-
-===============================================================================
-===============================================================================
-
-LUNGOJS AND THE GPL v3
-Version 1.2
-
--------------------------------------------------------------------------------
-What is the GPL v3?
--------------------------------------------------------------------------------
-The GNU General Public License(GPL) is the most widely used free and open
-source software (FOSS) license in the world. The GPL was created and sponsored
-by the Free Software Foundation (FSF). Read the GPL v3 license
-
--------------------------------------------------------------------------------
-What are the advantages of GPL v3?
--------------------------------------------------------------------------------
-The GPL is the most widely used open source license in the world. Linux, MySQL,
-Wordpress and other major open source projects are all licensed under the GPL.
-The GPL is designed to ensure that you have the freedom to modify the software
-you use as you see fit. In return, you are asked to ensure that any users of
-software that you have built using GPL software receive the same freedom to
-modify your software in turn. Licensing under GPLv3 ensures the highest amount
-of availability in the open source community.
-
--------------------------------------------------------------------------------
-What LungoJS products are available under the GPL v3?
--------------------------------------------------------------------------------
-LungoJS Core, LungoJS Sugars and LungoJS Themes are all available under GPL v3.
-
-===============================================================================
-===============================================================================
-
-The GPL v3
-
--------------------------------------------------------------------------------
-What am I not allowed to do with code that is released under the GPL v3?
--------------------------------------------------------------------------------
-You can download the code base, install it, and modify it as needed. If you
-modify the code, we encourage you to contribute it back to the LungoJS community
-by contributing your modifications under GPL v3 in the LungoJS forums. If you
-convey your modifications (under the GPL definition of conveyance) then you
-must make your modifications available in source form to the users to whom you
-distributed your software. More information about what the GPL license allows
-is available in the GPL license itself, the Quick Guide to the GPLv3 and the
-official GPL FAQ.
-
--------------------------------------------------------------------------------
-What is a modification?
--------------------------------------------------------------------------------
-The simple rule to follow is if you modify any functionality or file in a Lungo
-product for a purpose other than configuration, then you have created a
-modification. All modifications of a GPLv3 licensed products are subject to the
-GPL v3 license. Additional information is available in the official GPL FAQ.
-
-The following are examples of modifications:
-    Modify JavaScript, LESS or CSS source file
-    Extend LungoJS class or override any LungoJS functions or methods
-    Modifying an LungoJS API
-
-The following are not modifications:
-    Creating a new theme in a new CSS file
-    Creating or applying a locale/language pack
-    Overriding property defaults on class prototypes (configuration)
-
--------------------------------------------------------------------------------
-What licenses are compatible with GPL v3?
--------------------------------------------------------------------------------
-A list of compatible licenses is available on gnu.org. This compatiblity list
-includes licenses that can be included in a GPL’ed work. The diagram below
-shows the directions of compatibility for some common licenses:
-
-
--------------------------------------------------------------------------------
-Where can I find additional information about the GPL v3?
--------------------------------------------------------------------------------
-The best sources are the GPL license itself, the Quick Guide to the GPLv3” and
-the official GPL FAQ.
-
--------------------------------------------------------------------------------
-What is the LungoJS interpretation of “conveyance” under the GPL v3?
--------------------------------------------------------------------------------
-The short answer to this question is that when a non-employee of the
-organization that created the modifications to GPL v3, uses those modifications,
-then the program has been “conveyed”.
-
-The long answer to this question is unfortunately, quite complicated,due to the
-complex wording of the GPL, the ambiguity of certain terms in copyright law and
-the nature of JavaScript programs. Here is our interpretation of what
-constitutes “conveyance” under the languages of the GPL v3.
-
-Derived Works
-When a software program calls code that is licensed under the GPLv3, then that
-software program becomes a derived work of the GPL’d code and hence subject to
-the GPLv3 copyright license. If the software program is then “conveyed” to a
-user, the GPLv3 requires that the source code to that software program also be
-“conveyed.” “Conveyance” for a web application is triggered when a user outside
-the legal entity that created the application uses the application.
-
-The Definition of a Software Program
-Since the boundaries defining an individual software program can be hazy in
-modern app architectures, we follow the rule “when determining what constitutes
-the software program, follow the main principle of the GPL v3, which states
-that users should be free to modify the entire software program that
-incorporates GPL’d code for their own purposes”. For software programs built
-using today’s web architectures that use remote network-based service
-interfaces for internal communication instead of traditional static or dynamic
-linking, the relevant software program is the totality of the application code,
-including code executed on the server and code executed on the client, provided
-that the server code is integral to the application. We exclude from the
-definition of “software program”, software incorporated into the software
-program via a service interface that provides functionality ancillary to the
-main purpose of the program, functionality un-related to application logic, or
-functionality that is used by a number of separate applications other than the
-application in question. With this caveat, please remember that the use of any
-specific technical approach in and of itself does not guarantee that
-“derivation” will not be held to have occurred.
-
-Example
-For example: let’s take a mortgage processing software program. Let’s say that
-the application has a front-end (that generates web pages linked to LungoJS
-JavaScript) that communicates over JSON/HTTP with a backend service. This
-backend service contains approval and validation logic for this application
-alone. Even if only the front-end uses LungoJS code, you should consider that
-the combination of front and back ends constitutes the application, and the
-source code for both back and front end would need to be provided to the
-application’s end users under GPLv3 if the application is used by an end-user
-who is not part of the same legal entity that holds the GPLv3 license to the
-LungoJS code.
-
-Next, let’s assume that the mortgage application web-pages also offer
-functionality that allows users to search current interest rates, and file a
-customer support ticket (functionality ancillary to the purpose of the
-application) and those functions are provided by separate server-side services.
-We do not consider those programs to compose part of the software program for
-the purposes of the GPLv3. For example, in all cases we would not consider a
-database that provides data interfaces to the application over standard
-interfaces to be part of the application.
-
-Reasonableness Test
-As mentioned above, in many cases, there can be ambiguity about the exact
-boundaries of a software program. In these cases, we apply a “reasonableness”
-test to establish application boundaries. Following the principles of the GPL
-v3, we should ask “what would a user who is conveyed a copy of the application
-reasonably expect to receive in source code form in order to modify the
-application for his or her needs.”
-
-Certain Technical Strategies
-Our interpretation is that the use of technical strategies that store and
-transmit LungoJS code as data (for example by storing JavaScript libraries as
-data-files within a database which are then transmitted as data files to the
-browser and only then converted into a program through the use of eval()) does
-not change the above definition of software program under the GPLv3 definitions.
-
-Definition of License Holder
-Following GPL v3 guidelines, we consider the holder of the GPL v3 license to be
-the legal entity that owns the rights to the work product of the developer who
-writes the software code that calls LungoJS functions. For example, a developer
-that downloads LungoJS and uses it to build an application that is copied to
-multiple offices within their company and serves web pages to employees across
-the country, has not triggered “conveyance” of the program since the containing
-corporate entity is the licensee, not the individual developer. However if a
-contractor, agent, employee of another subsidiary or other non-employee uses
-that software, then conveyance has occurred.
-
-In addition, if a copy of the software program is provided by the developer to
-a person in another legal entity, then we consider that “conveyance”, as
-defined by the GPLv3, has occurred, and that person must be provided with a
-copy of the source for the software program. Further conveyance by the
-recipient would only be permitted under the GPL v3.
-
-Conveyance vs. Propagation
-Since LungoJS are software programs that can run within the browser while
-disconnected from the network or the rest of a server program; when a LungoJS
-based interface is embedded in a web-page served to a user who does not have an
-employee relationship with the original licensed entity, we consider that
-“conveyance” rather than simple web page “propagation” as defined by the GPL v3
-has occurred, and the source code of the whole application must be provided to
-the user.  Users who are not entitled to use the software under the original
-license grant to the recipient legal entity (whose developer downloaded and
-wrote to the LungoJS libraries) include contractors, agents, and distributors
-of the original legal entity, as well as employees of related corporate
-subsidiaries or parents. In these cases, a user who is a contractor must be
-provided with a copy of the source code of the application with further
-conveyance by the contractor permitted only under the GPL v3. This also applies
-to web development firms who create software programs under contract for a
-client.
-
-In the case of the GPLv3 licensed entities, our interpretation is that the
-distribution of abstraction/intermediary libraries to contractors or users
-outside the licensed legal entity for development purposes also falls under
-the definition of “conveyance.”
-
--------------------------------------------------------------------------------
-GPL v3 Is The Official License
--------------------------------------------------------------------------------
-While this is our best attempt to characterize our interpretation of the GPL v3,
-relatively little of this interpretation has been confirmed in law due to the
-limited case law surrounding GPL v3. In all cases, the GPL v3 text itself
-constitutes the actual legal agreement between LungoJS and our GPL v3 licensees.
-This FAQ does not constitute legal advice, but reflects our position on the
-responsibilities of users who use our software licensed under the GPLv3. We do
-not provide legal advice to current or potential users of our GPLv3 licensed
-programs, so we ask you to consult your own legal counsel if you have further
-questions.