Home Esplora Aiuto
Accedi
pwa
/
Lungo.js
mirror da https://github.com/tapquo/Lungo.js.git
2
0
Forka 0
File Problemi 0 Wiki
Sfoglia il codice sorgente

Remove unnecesary files

soyjavi 13 anni fa
parent
87574e0c6d
commit
fd3cc639b9
4 ha cambiato i file con 0 aggiunte e 560 eliminazioni
Visualizzazione unificata Mostra Diff Stats
  1. 0 13
      example/firefox_os.webapp
  2. 0 143
      example/navigation.html
  3. 0 167
      example/scramin.html
  4. 0 237
      example/test.html

+ 0 - 13
example/firefox_os.webapp
Vedi File 

@@ -1,13 +0,0 @@
 
-{
 
-  "name": "Lungo",
 
-  "description": "Lungo SDK Kitchen-Sink",
 
-  "launch_path": "/index.html",
 
-  "icons": {
 
-    "128": "http://cdn.tapquo.com/lungo/icon-114.png"
 
-  },
 
-  "developer": {
 
-    "name": "Tapquo",
 
-    "url": "http://tapquo.com"
 
-  },
 
-  "default_locale": "en"
 
-}

+ 0 - 143
example/navigation.html
Vedi File 

@@ -1,143 +0,0 @@
 
-<!doctype html>
 
-<html>
 
-<head>
 
-    <meta charset="utf-8">
 
-    <title>Lungo Flexbox - SDK</title>
 
-    <meta name="description" content="">
 
-    <meta name="author" content="Javier Jiménez Villar (@soyjavi)">
 
-    <meta name="HandheldFriendly" content="True">
 
-    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
 
-    <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">
 
-    <meta http-equiv="cleartype" content="on">
 
-
 
-    <!-- Main Stylesheet -->
 
-    <link rel="stylesheet" href="components/lungo.brownie/lungo.css">
 
-    <link rel="stylesheet" href="components/lungo.brownie/lungo.theme.css">
 
-    <link rel="stylesheet" href="components/lungo.icon/lungo.icon.css">
 
-</head>
 
-
 
-<body>
 
-    <aside id="a">
 
-        <header data-title="aside a"></header>
 
-        <article>
 
-
 
-
 
-        </article>
 
-    </aside>
 
-
 
-    <aside id="b">
 
-        <header data-title="aside b"></header>
 
-        <article></article>
 
-    </aside>
 
-
 
-    <section id="zero" data-transition="slide" data-children="one" data-aside="a">
 
-        <header data-title="Zero">
 
-            <nav class="left">
 
-                <button data-icon="list" data-view-aside="a"></button>
 
-            </nav>
 
-            <nav class="on-right">
 
-                <button data-icon="arrow-right" d-ata-view-section="one" data-action="toSectionOne"></button>
 
-            </nav>
 
-        </header>
 
-        <article id="zero-1" class="scroll">
 
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, numquam, ut unde quia ipsam dolor pariatur? Numquam, facere, necessitatibus soluta possimus quibusdam nihil labore autem repudiandae ducimus repellendus quidem expedita.
 
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, numquam, ut unde quia ipsam dolor pariatur? Numquam, facere, necessitatibus soluta possimus quibusdam nihil labore autem repudiandae ducimus repellendus quidem expedita.
 
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, numquam, ut unde quia ipsam dolor pariatur? Numquam, facere, necessitatibus soluta possimus quibusdam nihil labore autem repudiandae ducimus repellendus quidem expedita.
 
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, numquam, ut unde quia ipsam dolor pariatur? Numquam, facere, necessitatibus soluta possimus quibusdam nihil labore autem repudiandae ducimus repellendus quidem expedita.
 
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, numquam, ut unde quia ipsam dolor pariatur? Numquam, facere, necessitatibus soluta possimus quibusdam nihil labore autem repudiandae ducimus repellendus quidem expedita.
 
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, numquam, ut unde quia ipsam dolor pariatur? Numquam, facere, necessitatibus soluta possimus quibusdam nihil labore autem repudiandae ducimus repellendus quidem expedita.
 
-        </article>
 
-
 
-         <footer>
 
-            <nav>
 
-                <a href="#" data-view-article="layout-art1" data-icon="user" class="active" data-label="Hello"></a>
 
-                <a href="#" data-view-article="layout-art2" data-icon="inbox" data-count="80"></a>
 
-                <a href="#" data-view-article="layout-art3" data-icon="comments"></a>
 
-                <a href="#" data-view-article="layout-art4" data-icon="cog"></a>
 
-            </nav>
 
-        </footer>
 
-    </section>
 
-
 
-    <section id="one" data-transition="slide" data-children="two" data-aside="b">
 
-        <header data-title="One" data-back="chevron-left">
 
-            <nav class="left">
 
-                <button data-icon="list" data-view-aside="b"></button>
 
-            </nav>
 
-            <nav class="on-right">
 
-                <button data-icon="arrow-right" data-view-section="two"></button>
 
-            </nav>
 
-        </header>
 
-        <article id="one-1"></article>
 
-    </section>
 
-
 
-    <section id="two" data-transition="slide" data-children="three">
 
-        <header data-back="chevron-left" data-title="Two">
 
-            <nav class="on-right">
 
-                <button data-icon="arrow-right" data-view-section="three"></button>
 
-            </nav>
 
-        </header>
 
-        <article id="two-1"></article>
 
-    </section>
 
-
 
-    <section id="three" data-transition="slide" data-children="four">
 
-        <header data-back="chevron-left" data-title="Three">
 
-            <nav class="on-right">
 
-                <button data-icon="arrow-down" data-view-section="four"></button>
 
-            </nav>
 
-        </header>
 
-        <article id="three-1"></article>
 
-    </section>
 
-
 
-    <section id="four" data-transition="cover">
 
-        <header data-back="chevron-left" data-title="Four"></header>
 
-        <article id="four-1"></article>
 
-    </section>
 
-
 
-    <!-- Lungo dependencies -->
 
-    <script src="components/quojs/quo.js"></script>
 
-    <script src="components/lungo.brownie/lungo.debug.js"></script>
 
-    <!-- LungoJS - Sandbox App -->
 
-    <script>
 
-        Lungo.init({
 
-            name: 'Flexbox',
 
-            version: '2.2',
 
-            history: false
 
-        });
 
-
 
-        Lungo.ready(function() {
 
-            $$("[data-action=toSectionOne]").on("tap", function() {
 
-                Lungo.Notification.show("user", "Please wait", 1, function() {
 
-                    Lungo.Router.section("one");
 
-                    Lungo.Notification.hide();
 
-                });
 
-            });
 
-        });
 
-
 
-        // Lungo.Notification.show("user", "Hello world! yeah");
 
-
 
-        // Lungo.Notification.error('Title', 'Description', 'ok', 2);
 
-
 
-        // Lungo.Notification.show()
 
-
 
-        //  Lungo.Notification.confirm({
 
-        //     icon: 'user',
 
-        //     title: 'Lorem ipsum dolor sit amet, consectetur adipisicing.',
 
-        //     description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo amet nulla dolorum hic eum debitis dolorem expedita? Commodi molestiae tempora totam explicabo sed deserunt cum iusto eos perspiciatis ea in.',
 
-        //     accept: {
 
-        //         icon: 'checkmark',
 
-        //         label: 'Accept',
 
-        //         callback: function(){ alert("Yes!"); }
 
-        //     },
 
-        //     cancel: {
 
-        //         icon: 'close',
 
-        //         label: 'Cancel',
 
-        //         callback: function(){ alert("No!"); }
 
-        //     }
 
-        // });
 
-
 
-// Lungo.Notification.html('<div class="title">slaida</div><h1>Hello World</h1>', "Close");
 
-    </script>
 
-</body>
 
-</html>

+ 0 - 167
example/scramin.html
Vedi File 

@@ -1,167 +0,0 @@
 
-<!doctype html>
 
-<html>
 
-<head>
 
-    <meta charset="utf-8">
 
-    <title>LngSCRAMIN</title>
 
-    <meta name="description" content="">
 
-    <meta name="author" content="Javier Jiménez Villar (@soyjavi)">
 
-    <meta name="HandheldFriendly" content="True">
 
-    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
 
-    <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">
 
-    <meta http-equiv="cleartype" content="on">
 
-
 
-    <!-- Main Stylesheet -->
 
-    <link rel="stylesheet" href="components/lungo.brownie/lungo.css">
 
-    <link rel="stylesheet" href="components/lungo.brownie/lungo.theme.css">
 
-    <link rel="stylesheet" href="components/lungo.icon/lungo.icon.css">
 
-
 
-</head>
 
-
 
-<body>
 
-
 
-    <!-- aside -->
 
-    <aside id="menu">
 
-        <header data-title="Scram.in">
 
-            <nav class="on-right">
 
-                <a href="#" data-view-article="profile" data-icon="cog" data-title="Profile"></a>
 
-            </nav>
 
-        </header>
 
-        <article class="active list scroll">
 
-            <ul>
 
-                <li data-view-article="main-section"><h1>FOR TODAY</h1></li>
 
-                <li data-view-article="main-section">Slidus</li>
 
-                <li data-view-article="main-section">Lungo</li>
 
-                <li data-view-article="main-section">Everead</li>
 
-            </ul>
 
-        </article>
 
-    </aside>
 
-
 
-    <section id="login" data-transition="slide">
 
-        <article>
 
-            login
 
-            <button data-view-section="main-section" class="">va al main</button>
 
-        </article>
 
-    </section>
 
-
 
-    <!-- main section with articles -->
 
-    <section id="main-section" data-transition="slide" data-children="card-info" data-aside="menu">
 
-        <header data-title="Game">
 
-            <nav class="left">
 
-                <button data-icon="list" data-view-aside="menu"></button>
 
-            </nav>
 
-        </header>
 
-        <!--
 
-        <nav data-control="groupbar">
 
-            <a href="#" data-view-article="today" data-label="cards"></a>
 
-            <a href="#" data-view-article="rules" data-label="rules"></a>
 
-            <a href="#" data-view-article="rounds" data-label="rounds"></a>
 
-            <a href="#" data-view-article="players" data-label="players"></a>
 
-        </nav>
 
-         -->
 
-        <!-- cards articles -->
 
-        <article id="today" class="list scroll">
 
-            <ul>
 
-                <li data-view-section="card-info">today card n1</li>
 
-                <li data-view-section="card-info">today card n2</li>
 
-                <li data-view-section="card-info">today card n3</li>
 
-            </ul>
 
-        </article>
 
-        <article id="someday" class="list scroll">
 
-            <ul>
 
-                <li data-view-section="card-info">someday card n1</li>
 
-                <li data-view-section="card-info">someday card n2</li>
 
-                <li data-view-section="card-info">someday card n3</li>
 
-            </ul>
 
-        </article>
 
-        <article id="finished" class="list scroll">
 
-            <ul>
 
-                <li data-view-section="card-info">finished card n1</li>
 
-                <li data-view-section="card-info">finished card n2</li>
 
-                <li data-view-section="card-info">finished card n3</li>
 
-            </ul>
 
-        </article>
 
-        <article id="mine" class="list scroll">
 
-            <ul>
 
-                <li data-view-section="card-info">mine card n1</li>
 
-                <li data-view-section="card-info">mine card n2</li>
 
-                <li data-view-section="card-info">mine card n3</li>
 
-            </ul>
 
-        </article>
 
-        <!-- rules article -->
 
-        <article id="rules" class="list scroll">Rules</article>
 
-        <!-- rounds article -->
 
-        <article id="rounds" class="list scroll">Rounds</article>
 
-        <!-- players article -->
 
-        <article id="players" class="list scroll">players</article>
 
-
 
-        <footer data-article="today someday finished mine">
 
-            <nav>
 
-                <a href="#" data-view-article="today" data-icon="calendar"></a>
 
-                <a href="#" data-view-article="someday" data-icon="inbox"></a>
 
-                <a href="#" data-view-article="finished" data-icon="ok"></a>
 
-                <a href="#" data-view-article="mine" data-icon="user"></a>
 
-            </nav>
 
-        </footer>
 
-    </section>
 
-
 
-    <!-- driver section -->
 
-    <section id="card-info" data-transition="slide">
 
-        <header data-title="Card info">
 
-            <nav class="left">
 
-                <button data-view-section="back" data-icon="arrow-left"></button>
 
-            </nav>
 
-        </header>
 
-        <article id="card-info-main">Card info here!</article>
 
-        <article id="card-info-comments">Card info comments here!</article>
 
-        <footer>
 
-            <nav>
 
-                <a href="#" data-view-article="card-info-main">Info</a>
 
-                <a href="#" data-view-article="card-info-comments">Comments</a>
 
-            </nav>
 
-        </footer>
 
-    </section>
 
-
 
-    <!-- team section -->
 
-    <section id="team" data-transition="slide" data-children="comments">
 
-        <header data-title="Ranking teams">
 
-            <nav class="left">
 
-                <button data-icon="arrow-left" data-view-section="back"></button>
 
-            </nav>
 
-            <nav class="on-right"></nav>
 
-        </header>
 
-        <article id="team-article">
 
-            <button class="anchor" data-view-section="comments">view comments</button>
 
-        </article>
 
-
 
-    </section>
 
-
 
-    <section id="comments" data-transition="slide">
 
-        <header data-title="Team comments">
 
-            <nav class="left">
 
-                <button data-icon="arrow-left" data-view-section="back"></button>
 
-            </nav>
 
-            <nav class="on-right"></nav>
 
-        </header>
 
-        <article id="comments-article">
 
-            comments
 
-        </article>
 
-    </section>
 
-
 
-
 
-
 
-    <!-- Lungo dependencies -->
 
-    <script src="components/quojs/quo.js"></script>
 
-    <script src="components/lungo.brownie/lungo.debug.js"></script>
 
-
 
-    <!-- LungoJS - Sandbox App -->
 
-    <script>
 
-        Lungo.init({
 
-            name: 'Tablet tests',
 
-            version: '2.2',
 
-            history: false
 
-        });
 
-    </script>
 
-</body>
 
-</html>

+ 0 - 237
example/test.html
Vedi File 

@@ -1,237 +0,0 @@
 
-<!doctype html>
 
-<html>
 
-<head>
 
-    <meta charset="utf-8">
 
-    <title>Lungo Flexbox - SDK</title>
 
-    <meta name="description" content="">
 
-    <meta name="author" content="Javier Jiménez Villar (@soyjavi)">
 
-    <meta name="HandheldFriendly" content="True">
 
-    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
 
-    <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">
 
-    <meta http-equiv="cleartype" content="on">
 
-
 
-    <!-- Main Stylesheet -->
 
-    <link rel="stylesheet" href="components/lungo.brownie/lungo.css">
 
-    <link rel="stylesheet" href="components/lungo.brownie/lungo.theme.css">
 
-    <link rel="stylesheet" href="components/lungo.icon/lungo.icon.css">
 
-</head>
 
-
 
-<body>
 
-    <section id="main" data-transition="slide" data-aside="features" data-children="folk">
 
-        <header>
 
-            <nav class="left">
 
-                <a href="#" data-view-aside="features" data-icon="menu"></a>
 
-                <a href="#" data-view-menu="options" data-icon="star"></a>
 
-                <a href="#" data-icon="user" class="button" data-article="products" data-label="Folks" data-view-article="folks"></a>
 
-                <a href="#" class="button" data-article="products" data-label="Folks" data-view-article="folks"></a>
 
-                <a href="#" data-icon="user" class="button" data-article="products" data-view-article="folks"></a>
 
-            </nav>
 
-
 
-            <div class="title centered">Folks</div>
 
-
 
-            <nav class="on-right">
 
-                <button data-icon="user" class="button" data-article="folks" data-label="Products" data-view-article="products" data-async="static/articles/products.html"></button>
 
-            </nav>
 
-        </header>
 
-
 
-        <nav id="options" data-control="menu" class="icons">
 
-            <a href="#" data-view-article="folks" data-icon="star" data-title="Folks">Folks</a>
 
-            <a href="#" data-view-article="products" data-icon="heart" data-title="Explore">Explore</a>
 
-            <a href="#" data-view-article="article" data-icon="comments">Activity</a>
 
-            <a href="#" data-view-article="article" data-icon="user">Profile</a>
 
-            <a href="#" data-view-section="folk" data-icon="thumbs-up">Folk</a>
 
-        </nav>
 
-
 
-        <nav data-control="groupbar" data-os="android" data-article="folks">
 
-            <a href="#" data-view-article="folks" data-label="Folks" data-count="11"></a>
 
-            <a href="#" data-view-article="products" data-async="static/articles/products.html" data-label="Products" ></a>
 
-        </nav>
 
-
 
-        <article id="folks" class="active list scroll indente-d">
 
-            <ul>
 
-                <li class="thumb selectable arrow" data-view-section="folk" data-image="http://cdn.tapquo.com/photos/javi.jpg">
 
-                    <a href="#" >
 
-                        <div class="right tag">@soyjavi</div>
 
-                        <strong class="text bold">Javi Jiménez</strong>
 
-                        <small>Founder & CTO</small>
 
-                    </a>
 
-                </li>
 
-                <li class="thumb" data-image="http://cdn.tapquo.com/photos/aitor.jpg">
 
-                    <div class="right tag bck success">@aitorjv</div>
 
-                    <strong class="text bold">Aitor Jimenez</strong>
 
-                    <small>Founder & Business Management</small>
 
-                </li>
 
-                <li class="thumb" data-view-section="folk2" data-image="http://cdn.tapquo.com/photos/ina.jpg">
 
-                    <strong class="text bold">Ignacio Olalde</strong>
 
-                    <small>... consectetur adipisicing elit.</small>
 
-
 
-                <li class="thumb" data-image="http://cdn.tapquo.com/photos/josu.jpg">
 
-                    <strong>Lorem ipsum dolor sit amet</strong>
 
-                    <small>... consectetur adipisicing elit.</small>
 
-                </li>
 
-                <li class="thumb" data-view-section="folk2" data-image="http://cdn.tapquo.com/photos/mikel.jpg">
 
-                    <strong class="text bold">Mikel de Eulate</strong>
 
-                    <small>... consectetur adipisicing elit.</small>
 
-                </li>
 
-
 
-                <li class="thumb" data-image="http://cdn.tapquo.com/photos/manrique.jpg">
 
-                    <strong>Lorem ipsum dolor sit amet</strong>
 
-                    <small>... consectetur adipisicing elit.</small>
 
-                </li>
 
-                <li class="thumb" data-image="http://cdn.tapquo.com/photos/inigo.jpg">
 
-                    <strong>Lorem ipsum dolor sit amet</strong>
 
-                    <small>... consectetur adipisicing elit.</small>
 
-                </li>
 
-                <li class="thumb" data-image="http://cdn.tapquo.com/photos/jany.jpg">
 
-                    <strong>Lorem ipsum dolor sit amet</strong>
 
-                    <small>... consectetur adipisicing elit.</small>
 
-                </li>
 
-                <li class="thumb" data-image="http://cdn.tapquo.com/photos/german.jpg">
 
-                    <strong>Lorem ipsum dolor sit amet</strong>
 
-                    <small>... consectetur adipisicing elit.</small>
 
-                </li>
 
-                <li class="thumb" data-image="http://cdn.tapquo.com/photos/cata.jpg">
 
-                    <strong>Lorem ipsum dolor sit amet</strong>
 
-                    <small>... consectetur adipisicing elit.</small>
 
-                </li>
 
-                <li class="thumb" data-image="http://cdn.tapquo.com/photos/oihane.jpg">
 
-                    <strong>Lorem ipsum dolor sit amet</strong>
 
-                    <small>... consectetur adipisicing elit.</small>
 
-                </li>
 
-                <li class="thumb" data-image="http://cdn.tapquo.com/photos/aritz.jpg">
 
-                    <strong>Lorem ipsum dolor sit amet</strong>
 
-                    <small>... consectetur adipisicing elit.</small>
 
-                </li>
 
-            </ul>
 
-        </article>
 
-
 
-        <footer data-os="ios">
 
-            <nav>
 
-                <a href="#" data-view-article="folks" data-icon="desktop" data-count="11"></a>
 
-                <a href="#" data-view-article="products" data-async="static/articles/products.html" data-icon="tablet" data-count="5"></a>
 
-            </nav>
 
-        </footer>
 
-    </section>
 
-
 
-    <section id="test" data-transition="slide">
 
-        <header data-title="Test" data-back="chevron-left"></header>
 
-        <article></article>
 
-    </section>
 
-
 
-    <section id='folk' data-transition="slide" data-aside="features" data-children="x">
 
-        <header data-title='Javi Jimenez'>
 
-            <nav>
 
-                <a href="#" data-view-section="back" data-label="Back" class="button"></a>
 
-            </nav>
 
-        </header>
 
-        <article id='f1' class='active list scroll'>
 
-            <ul>
 
-                <li>
 
-                    <strong>lorem</strong>
 
-                </li>
 
-            </ul>
 
-        </article>
 
-    </section>
 
-
 
-    <section id='folk2' data-transition="cover" data-aside="features" data-children="x">
 
-        <header data-title='Javi Jimenez'>
 
-            <nav>
 
-                <a href="#" data-view-section="back" data-label="Back" class="button"></a>
 
-            </nav>
 
-        </header>
 
-        <article id='f1' class='active list scroll'>
 
-            <ul>
 
-                <li>
 
-                    <strong>lorem</strong>
 
-                </li>
 
-            </ul>
 
-        </article>
 
-    </section>
 
-
 
-    <section id='quojs' data-transition="slide" data-aside="features2">
 
-        <header data-title='QuoJS'>
 
-            <nav>
 
-                <a href="#" data-view-section="back" data-label="Back" class="button"></a>
 
-            </nav>
 
-        </header>
 
-        <article id='q1' class='active'></article>
 
-    </section>
 
-
 
-    <aside id="features" >
 
-        <header data-title="Features">
 
-            <nav class="on-right">
 
-                <a href="#" class="buttons" data-icon="settings"></a>
 
-            </nav>
 
-        </header>
 
-        <article class="list scroll active">
 
-            <ul>
 
-                <!-- Basic Layout -->
 
-                <li data-view-article="folks" data-title="Profile" data-icon="user">
 
-                    <a href="#">
 
-                        <div class="tag right">11</div>
 
-                        <strong>Folks</strong>
 
-                    </a>
 
-                </li>
 
-
 
-                <li data-view-article="products" data-title="Third Parties" data-async="static/articles/products.html">
 
-                    <div class="tag right">5</div>
 
-                    <strong>Products</strong>
 
-                    <small>Fueled by coffee</small>
 
-                </li>
 
-                <li data-view-section="test" data-icon="desktop">
 
-                    <strong>Section TEST</strong>
 
-                </li>
 
-
 
-                <li data-view-section="folk" data-view-article="f1" data-icon="desktop">
 
-                    <div class="tag right">5</div>
 
-                    <strong>Folk F1</strong>
 
-                    <small>Fueled by coffee</small>
 
-                </li>
 
-            </ul>
 
-        </article>
 
-    </aside>
 
-
 
-    <aside id="features2" class="on-right">
 
-        <header data-title="Features 2"></header>
 
-
 
-        <article class="list scroll active">
 
-            <ul>
 
-                <!-- Basic Layout -->
 
-                <li class="active">
 
-                    <a href="#layout-art1" data-router="article" data-title="Profile" class="active">
 
-                        <strong>Profile</strong></a>
 
-                </li>
 
-            </ul>
 
-        </article>
 
-    </aside>
 
-
 
-    <!-- Lungo dependencies -->
 
-    <script src="components/quojs/quo.js"></script>
 
-    <script src="components/lungo.brownie/lungo.debug.js"></script>
 
-
 
-    <!-- LungoJS - Sandbox App -->
 
-    <script>
 
-        Lungo.init({
 
-            name: 'Flexbox',
 
-            version: '2.2',
 
-            history: false
 
-        });
 
-
 
-        Lungo.ready(function() {
 
-            // pull = new Lungo.Element.Pull('section#main article', {
 
-            //     onPull: "Pull down to refresh",
 
-            //     onRelease: "Release to get new data",
 
-            //     onRefresh: "Refreshing...",
 
-            //     callback: function() {
 
-            //         setTimeout(function(){
 
-            //             pull.hide();
 
-            //         }, 1000)
 
-            //     }
 
-            // });
 
-        });
 
-
 
-    </script>
 
-</body>
 
-</html>