pwa
/
Lungo.js
réplica de https://github.com/tapquo/Lungo.js.git


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
							<!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>