|
|
@@ -33,19 +33,31 @@
|
|
|
</head>
|
|
|
|
|
|
<body class="app">
|
|
|
-
|
|
|
+
|
|
|
<section id="demo" class="_static">
|
|
|
- <header>
|
|
|
- <a href="#" id="btnAside" data-target="aside" class="button pink onleft" data-icon="note"></a>
|
|
|
+ <header data-title="Tablet Demo">
|
|
|
+ <a href="#" data-target="aside" class="button onleft" data-icon="note"></a>
|
|
|
+ <a href="#settings" data-target="section" class="button onright" data-icon="config"></a>
|
|
|
</header>
|
|
|
<aside>
|
|
|
- <a href="#main" data-target="article" data-icon="facebook">Facebook</a>
|
|
|
- <a href="#second" data-target="article" data-icon="twitter">Twitter</a>
|
|
|
- <a href="#main" data-target="article" data-icon="picture">Flickr</a>
|
|
|
- <a href="#main" data-target="article" data-icon="cloudup">Upload by ...</a>
|
|
|
- <a href="#main" data-target="article" data-icon="user">Connect with facebook</a>
|
|
|
- <a href="#main" data-target="article" data-icon="music">Download music</a>
|
|
|
- <a href="#main" data-target="article" data-icon="key">Logout</a>
|
|
|
+ <scroll id="aside_scroll">
|
|
|
+
|
|
|
+ <a href="#main" data-target="article" data-icon="note">Facebook</a>
|
|
|
+ <a href="#second" data-target="article" data-icon="twitter" data-title="Twitter">Twitter</a>
|
|
|
+ <a href="#main" data-target="article" data-icon="picture">Flickr</a>
|
|
|
+ <a href="#main" data-target="article" data-icon="cloudup">Upload by ...</a>
|
|
|
+ <a href="#main" data-target="article" data-icon="user">Connect with facebook</a>
|
|
|
+ <a href="#main" data-target="article" data-icon="music">Download music</a>
|
|
|
+ <a href="#main" data-target="article" data-icon="key">Logout</a>
|
|
|
+ <a href="#main" data-target="article" data-icon="facebook">Facebook</a>
|
|
|
+ <a href="#second" data-target="article" data-icon="twitter">Twitter</a>
|
|
|
+ <a href="#main" data-target="article" data-icon="picture">Flickr</a>
|
|
|
+ <a href="#main" data-target="article" data-icon="cloudup">Upload by ...</a>
|
|
|
+ <a href="#main" data-target="article" data-icon="user">Connect with facebook</a>
|
|
|
+ <a href="#main" data-target="article" data-icon="music">Download music</a>
|
|
|
+ <a href="#main" data-target="article" data-icon="key">Logout</a>
|
|
|
+
|
|
|
+ </scroll>
|
|
|
</aside>
|
|
|
<article id="main" class="list">
|
|
|
<scroll id="main_scroll">
|
|
|
@@ -77,6 +89,28 @@
|
|
|
second
|
|
|
</article>
|
|
|
</section>
|
|
|
+
|
|
|
+ <section id="settings">
|
|
|
+ <header data-back="home" data-title="Settings">
|
|
|
+ <nav class="onright">
|
|
|
+ <a href="#main" data-target="article" class="current" data-title="Settings" data-icon="user"></a>
|
|
|
+ <a href="#second" data-target="article" data-title="Chat" data-icon="chat"></a>
|
|
|
+ <a href="#third" data-target="article" data-title="Share Methods" data-icon="earth"></a>
|
|
|
+ </nav>
|
|
|
+ </header>
|
|
|
+
|
|
|
+ <article id="main"></article>
|
|
|
+ <article id="second"></article>
|
|
|
+ <article id="third"></article>
|
|
|
+
|
|
|
+ <footer class="toolbar">
|
|
|
+ <nav>
|
|
|
+ <a href="#main" data-target="article" class="current" data-title="uno" data-icon="left"></a>
|
|
|
+ <a href="#second" data-target="article" data-title="Twitter" data-icon="chat"></a>
|
|
|
+ </nav>
|
|
|
+ </footer>
|
|
|
+ </section>
|
|
|
+
|
|
|
|
|
|
<!-- Third parties dependencies -->
|
|
|
<script src="../../src/lib/zepto.js"></script>
|
@soyjavi