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

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

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

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

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

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

@ -2,4 +2,7 @@
.slider img {
margin-bottom: 0;
height: 150px;
}
}
.content-padded {
margin: 30px 15px 15px;
}

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

@ -133,15 +133,13 @@
</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>
<h5 class="content-padded">App settings</h5>
<ul class="table-view">
<li class="table-view-cell media">
@ -164,7 +162,7 @@
</li>
</ul>
<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><!-- /.modal -->

Write Preview
Loading…
Cancel
Save