diff options
Diffstat (limited to 'docs/examples/app-android-notes/index.html')
| -rw-r--r-- | docs/examples/app-android-notes/index.html | 178 |
1 files changed, 178 insertions, 0 deletions
diff --git a/docs/examples/app-android-notes/index.html b/docs/examples/app-android-notes/index.html new file mode 100644 index 0000000..e3925a6 --- /dev/null +++ b/docs/examples/app-android-notes/index.html @@ -0,0 +1,178 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <title>Notes</title> + <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"> + <meta name="apple-mobile-web-app-capable" content="yes"> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + + <link rel="stylesheet" href="../../dist/ratchet.css"> + <link rel="stylesheet" href="../../dist/ratchet-theme-android.css"> + <link rel="stylesheet" href="css/app.css"> + <script src="../../dist/ratchet.js"></script> + + + <!-- Roboto --> + <link href='http://fonts.googleapis.com/css?family=Roboto:400,700,500' rel='stylesheet' type='text/css'> + </head> + <body> + <header class="bar bar-nav"> + <a class="icon icon-compose pull-right" href="#composeModal"></a> + <a href="#navPopover"> + <h1 class="title"> + <span class="icon icon-home"></span> + Notes + <span class="icon icon-caret"></span> + </h1> + </a> + </header> + + <div class="content"> + + <ul class="table-view"> + <li class="table-view-cell"> + <a class="push-right" href="choose-theater.html" data-transition="slide-in"> + Note title goes here + <p>Lorem ipsum dolor sit amet...</p> + </a> + </li> + <li class="table-view-cell"> + <a class="push-right" href="choose-theater.html" data-transition="slide-in"> + Note title goes here + <p>Lorem ipsum dolor sit amet...</p> + </a> + </li> + <li class="table-view-cell"> + <a class="push-right" href="choose-theater.html" data-transition="slide-in"> + Note title goes here + <p>Lorem ipsum dolor sit amet...</p> + </a> + </li> + <li class="table-view-cell"> + <a class="push-right" href="choose-theater.html" data-transition="slide-in"> + Note title goes here + <p>Lorem ipsum dolor sit amet...</p> + </a> + </li> + <li class="table-view-cell"> + <a class="push-right" href="choose-theater.html" data-transition="slide-in"> + Note title goes here + <p>Lorem ipsum dolor sit amet...</p> + </a> + </li> + <li class="table-view-cell"> + <a class="push-right" href="choose-theater.html" data-transition="slide-in"> + Note title goes here + <p>Lorem ipsum dolor sit amet...</p> + </a> + </li> + <li class="table-view-cell"> + <a class="push-right" href="choose-theater.html" data-transition="slide-in"> + Note title goes here + <p>Lorem ipsum dolor sit amet...</p> + </a> + </li> + <li class="table-view-cell"> + <a class="push-right" href="choose-theater.html" data-transition="slide-in"> + Note title goes here + <p>Lorem ipsum dolor sit amet...</p> + </a> + </li> + <li class="table-view-cell"> + <a class="push-right" href="choose-theater.html" data-transition="slide-in"> + Note title goes here + <p>Lorem ipsum dolor sit amet...</p> + </a> + </li> + <li class="table-view-cell"> + <a class="push-right" href="choose-theater.html" data-transition="slide-in"> + Note title goes here + <p>Lorem ipsum dolor sit amet...</p> + </a> + </li> + <li class="table-view-cell"> + <a class="push-right" href="choose-theater.html" data-transition="slide-in"> + Note title goes here + <p>Lorem ipsum dolor sit amet...</p> + </a> + </li> + <li class="table-view-cell"> + <a class="push-right" href="choose-theater.html" data-transition="slide-in"> + Note title goes here + <p>Lorem ipsum dolor sit amet...</p> + </a> + </li> + <li class="table-view-cell"> + <a class="push-right" href="choose-theater.html" data-transition="slide-in"> + Note title goes here + <p>Lorem ipsum dolor sit amet...</p> + </a> + </li> + </ul> + </div> + + <!-- Settings modal --> + <div id="composeModal" class="modal"> + <header class="bar bar-nav"> + <a class="icon icon-close pull-right" href="#composeModal"></a> + <h1 class="title"> + <span class="icon icon-gear"></span> + Settings + </h1> + </header> + + <div class="content"> + <h5>User settings</h5> + + <form class="input-group"> + <input type="text" placeholder="Full name"> + <input type="email" placeholder="Email"> + <input type="text" placeholder="Username"> + </form> + + <h5>App settings</h5> + + <ul class="table-view"> + <li class="table-view-cell media"> + <span class="media-object pull-left icon icon-sound"></span> + <div class="media-body"> + Enable sounds + </div> + <div class="toggle"> + <div class="toggle-handle"></div> + </div> + </li> + <li class="table-view-cell media"> + <span class="media-object pull-left icon icon-person"></span> + <div class="media-body"> + Parental controls + </div> + <div class="toggle"> + <div class="toggle-handle"></div> + </div> + </li> + </ul> + <div class="container"> + <a class="btn btn-positive btn-block">Save settings</a> + </div> + </div> + </div> + + <!-- Popover --> + <div id="navPopover" class="popover"> + <ul class="table-view"> + <li class="table-view-cell">Item1</li> + <li class="table-view-cell">Item2</li> + <li class="table-view-cell">Item3</li> + <li class="table-view-cell">Item4</li> + <li class="table-view-cell">Item5</li> + <li class="table-view-cell">Item6</li> + <li class="table-view-cell">Item7</li> + <li class="table-view-cell">Item8</li> + <li class="table-view-cell">Item9</li> + <li class="table-view-cell">Item10</li> + </ul> + </div> + </body> +</html> |