playground
/
ratchet
mirror of https://github.com/twbs/ratchet.git
1
0
Fork 0
Code Issues Releases Activity
Browse Source

adjusting the base app

pull/213/head
connors 11 years ago
parent
d90a0a1cdc
commit
7f8c25cb3a
5 changed files with 106 additions and 72 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 95
      docs/examples/app-android-notes/index.html
  2. 70
      docs/examples/app-ios-mail/inbox.html
  3. 2
      docs/examples/app-ios-mail/index.html
  4. 3
      docs/examples/app-movies/css/app.css
  5. 6
      docs/examples/app-movies/index.html

95
docs/examples/app-android-notes/index.html
Unescape View File

@ -33,77 +33,80 @@
<ul class="table-view"> <ul class="table-view">
<li class="table-view-cell"> <li class="table-view-cell">
<a class="push-right" href="choose-theater.html" data-transition="slide-in"> <a class="push-right" href="choose-theater.html" data-transition="slide-in">
Argo Note title goes here
<p>Lorem ipsum dolor sit amet, consectetur.</p> <p>Lorem ipsum dolor sit amet...</p>
</a> </a>
</li> </li>
<li class="table-view-cell"> <li class="table-view-cell">
<a class="push-right" href="choose-theater.html" data-transition="slide-in"> <a class="push-right" href="choose-theater.html" data-transition="slide-in">
Argo Note title goes here
<p>Lorem ipsum dolor sit amet, consectetur.</p> <p>Lorem ipsum dolor sit amet...</p>
</a> </a>
</li> </li>
<li class="table-view-cell media"> <li class="table-view-cell">
<a class="push-right" href="choose-theater.html" data-transition="slide-in"> <a class="push-right" href="choose-theater.html" data-transition="slide-in">
<img class="media-object pull-left" src="http://placehold.it/64x64"> Note title goes here
<div class="media-body"> <p>Lorem ipsum dolor sit amet...</p>
Wreck-it Ralph
<p>Lorem ipsum dolor sit amet, consectetur.</p>
</div>
</a> </a>
</li> </li>
<li class="table-view-cell media"> <li class="table-view-cell">
<a class="push-right" href="choose-theater.html" data-transition="slide-in"> <a class="push-right" href="choose-theater.html" data-transition="slide-in">
<img class="media-object pull-left" src="http://placehold.it/64x64"> Note title goes here
<div class="media-body"> <p>Lorem ipsum dolor sit amet...</p>
Argo
<p>Lorem ipsum dolor sit amet, consectetur.</p>
</div>
</a> </a>
</li> </li>
<li class="table-view-cell media"> <li class="table-view-cell">
<a class="push-right" href="choose-theater.html" data-transition="slide-in"> <a class="push-right" href="choose-theater.html" data-transition="slide-in">
<img class="media-object pull-left" src="http://placehold.it/64x64"> Note title goes here
<div class="media-body"> <p>Lorem ipsum dolor sit amet...</p>
Skyfall: 007
<p>Lorem ipsum dolor sit amet, consectetur.</p>
</div>
</a> </a>
</li> </li>
<li class="table-view-cell media"> <li class="table-view-cell">
<a class="push-right" href="choose-theater.html" data-transition="slide-in"> <a class="push-right" href="choose-theater.html" data-transition="slide-in">
<img class="media-object pull-left" src="http://placehold.it/64x64"> Note title goes here
<div class="media-body"> <p>Lorem ipsum dolor sit amet...</p>
Wreck-it Ralph
<p>Lorem ipsum dolor sit amet, consectetur.</p>
</div>
</a> </a>
</li> </li>
<li class="table-view-cell media"> <li class="table-view-cell">
<a class="push-right" href="choose-theater.html" data-transition="slide-in"> <a class="push-right" href="choose-theater.html" data-transition="slide-in">
<img class="media-object pull-left" src="http://placehold.it/64x64"> Note title goes here
<div class="media-body"> <p>Lorem ipsum dolor sit amet...</p>
Argo
<p>Lorem ipsum dolor sit amet, consectetur.</p>
</div>
</a> </a>
</li> </li>
<li class="table-view-cell media"> <li class="table-view-cell">
<a class="push-right" href="choose-theater.html" data-transition="slide-in"> <a class="push-right" href="choose-theater.html" data-transition="slide-in">
<img class="media-object pull-left" src="http://placehold.it/64x64"> Note title goes here
<div class="media-body"> <p>Lorem ipsum dolor sit amet...</p>
Skyfall: 007
<p>Lorem ipsum dolor sit amet, consectetur.</p>
</div>
</a> </a>
</li> </li>
<li class="table-view-cell media"> <li class="table-view-cell">
<a class="push-right" href="choose-theater.html" data-transition="slide-in"> <a class="push-right" href="choose-theater.html" data-transition="slide-in">
<img class="media-object pull-left" src="http://placehold.it/64x64"> Note title goes here
<div class="media-body"> <p>Lorem ipsum dolor sit amet...</p>
Wreck-it Ralph </a>
<p>Lorem ipsum dolor sit amet, consectetur.</p> </li>
</div> <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> </a>
</li> </li>
</ul> </ul>

70
docs/examples/app-ios-mail/inbox.html
Unescape View File

@ -24,62 +24,92 @@
<ul class="table-view"> <ul class="table-view">
<li class="table-view-cell"> <li class="table-view-cell">
<a class="push-right" href="#"> <a class="push-right" href="#">
Argo Email subject line here
<p>Lorem ipsum dolor sit amet, consectetur.</p> <p>Lorem ipsum dolor sit amet...</p>
</a> </a>
</li> </li>
<li class="table-view-cell"> <li class="table-view-cell">
<a class="push-right" href="#"> <a class="push-right" href="#">
Argo Email subject line here
<p>Lorem ipsum dolor sit amet, consectetur.</p> <p>Lorem ipsum dolor sit amet...</p>
</a> </a>
</li> </li>
<li class="table-view-cell"> <li class="table-view-cell">
<a class="push-right" href="#"> <a class="push-right" href="#">
Argo Email subject line here
<p>Lorem ipsum dolor sit amet, consectetur.</p> <p>Lorem ipsum dolor sit amet...</p>
</a> </a>
</li> </li>
<li class="table-view-cell"> <li class="table-view-cell">
<a class="push-right" href="#"> <a class="push-right" href="#">
Argo Email subject line here
<p>Lorem ipsum dolor sit amet, consectetur.</p> <p>Lorem ipsum dolor sit amet...</p>
</a> </a>
</li> </li>
<li class="table-view-cell"> <li class="table-view-cell">
<a class="push-right" href="#"> <a class="push-right" href="#">
Argo Email subject line here
<p>Lorem ipsum dolor sit amet, consectetur.</p> <p>Lorem ipsum dolor sit amet...</p>
</a> </a>
</li> </li>
<li class="table-view-cell"> <li class="table-view-cell">
<a class="push-right" href="#"> <a class="push-right" href="#">
Argo Email subject line here
<p>Lorem ipsum dolor sit amet, consectetur.</p> <p>Lorem ipsum dolor sit amet...</p>
</a> </a>
</li> </li>
<li class="table-view-cell"> <li class="table-view-cell">
<a class="push-right" href="#"> <a class="push-right" href="#">
Argo Email subject line here
<p>Lorem ipsum dolor sit amet, consectetur.</p> <p>Lorem ipsum dolor sit amet...</p>
</a> </a>
</li> </li>
<li class="table-view-cell"> <li class="table-view-cell">
<a class="push-right" href="#"> <a class="push-right" href="#">
Argo Email subject line here
<p>Lorem ipsum dolor sit amet, consectetur.</p> <p>Lorem ipsum dolor sit amet...</p>
</a> </a>
</li> </li>
<li class="table-view-cell"> <li class="table-view-cell">
<a class="push-right" href="#"> <a class="push-right" href="#">
Argo Email subject line here
<p>Lorem ipsum dolor sit amet, consectetur.</p> <p>Lorem ipsum dolor sit amet...</p>
</a> </a>
</li> </li>
<li class="table-view-cell"> <li class="table-view-cell">
<a class="push-right" href="#"> <a class="push-right" href="#">
Argo Email subject line here
<p>Lorem ipsum dolor sit amet, consectetur.</p> <p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="#">
Email subject line here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="#">
Email subject line here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="#">
Email subject line here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="#">
Email subject line here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="#">
Email subject line here
<p>Lorem ipsum dolor sit amet...</p>
</a> </a>
</li> </li>
</ul> </ul>

2
docs/examples/app-ios-mail/index.html
Unescape View File

@ -60,7 +60,7 @@
</li> </li>
</ul> </ul>
<h5>Other accounts</h5> <h5 class="content-padded">Other accounts</h5>
<ul class="table-view"> <ul class="table-view">
<li class="table-view-cell media"> <li class="table-view-cell media">
<a class="push-right" href="inbox.html" data-transition="slide-in"> <a class="push-right" href="inbox.html" data-transition="slide-in">

3
docs/examples/app-movies/css/app.css
Unescape View File

@ -3,3 +3,6 @@
margin-bottom: 0; margin-bottom: 0;
height: 150px; height: 150px;
} }
.content-padded {
margin: 30px 15px 15px;
}

6
docs/examples/app-movies/index.html
Unescape View File

@ -133,15 +133,13 @@
</header> </header>
<div class="content"> <div class="content">
<h5>User settings</h5>
<form class="input-group"> <form class="input-group">
<input type="text" placeholder="Full name"> <input type="text" placeholder="Full name">
<input type="email" placeholder="Email"> <input type="email" placeholder="Email">
<input type="text" placeholder="Username"> <input type="text" placeholder="Username">
</form> </form>
<h5>App settings</h5> <h5 class="content-padded">App settings</h5>
<ul class="table-view"> <ul class="table-view">
<li class="table-view-cell media"> <li class="table-view-cell media">
@ -164,7 +162,7 @@
</li> </li>
</ul> </ul>
<div class="container"> <div class="container">
<a class="btn btn-positive btn-block">Save settings</a> <a class="btn btn-positive btn-block content-padded">Save settings</a>
</div> </div>
</div> </div>
</div><!-- /.modal --> </div><!-- /.modal -->

Write Preview
Loading…
Cancel
Save