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

add alt text to images

pull/291/head
Chris Rebert 11 years ago
parent
2fb099a0a6
commit
79e1ce501c
3 changed files with 21 additions and 21 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. 12
      docs/components.html
  2. 6
      docs/examples.html
  3. 24
      docs/examples/app-movies/index.html

12
docs/components.html
Unescape View File

@ -508,7 +508,7 @@ title: Components · Ratchet
<ul class="table-view"> <ul class="table-view">
<li class="table-view-cell media"> <li class="table-view-cell media">
<a class="push-right"> <a class="push-right">
<img class="media-object pull-left" src="http://placehold.it/42x42"> <img class="media-object pull-left" src="http://placehold.it/42x42" alt="Placeholder image">
<div class="media-body"> <div class="media-body">
Item 1 Item 1
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.</p>
@ -517,7 +517,7 @@ title: Components &middot; Ratchet
</li> </li>
<li class="table-view-cell media"> <li class="table-view-cell media">
<a class="push-right"> <a class="push-right">
<img class="media-object pull-left" src="http://placehold.it/42x42"> <img class="media-object pull-left" src="http://placehold.it/42x42" alt="Placeholder image">
<div class="media-body"> <div class="media-body">
Item 1 Item 1
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.</p>
@ -526,7 +526,7 @@ title: Components &middot; Ratchet
</li> </li>
<li class="table-view-cell media"> <li class="table-view-cell media">
<a class="push-right"> <a class="push-right">
<img class="media-object pull-left" src="http://placehold.it/42x42"> <img class="media-object pull-left" src="http://placehold.it/42x42" alt="Placeholder image">
<div class="media-body"> <div class="media-body">
Item 1 Item 1
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.</p>
@ -1149,17 +1149,17 @@ document
<div class="slider" id="mySlider"> <div class="slider" id="mySlider">
<div class="slide-group"> <div class="slide-group">
<div class="slide"> <div class="slide">
<img src="../assets/img/slide-1.png"> <img src="../assets/img/slide-1.png" alt="Mountain and sky">
<span class="slide-text"> <span class="slide-text">
<span class="icon icon-left-nav"></span> <span class="icon icon-left-nav"></span>
Slide me Slide me
</span> </span>
</div> </div>
<div class="slide"> <div class="slide">
<img src="../assets/img/slide-2.png"> <img src="../assets/img/slide-2.png" alt="Giant mecha">
</div> </div>
<div class="slide"> <div class="slide">
<img src="../assets/img/slide-3.png"> <img src="../assets/img/slide-3.png" alt="Big Ben">
</div> </div>
</div> </div>
</div> </div>

6
docs/examples.html
Unescape View File

@ -26,19 +26,19 @@ title: Examples &middot; Ratchet
<div class="docs-example-group"> <div class="docs-example-group">
<div class="example-wrap"> <div class="example-wrap">
<a class="example" href="../examples/app-movies" data-ignore="push"> <a class="example" href="../examples/app-movies" data-ignore="push">
<img src="../assets/img/example.png"> <img src="../assets/img/example.png" alt="Movie finder app example">
</a> </a>
<h5>Movie finder</h5> <h5>Movie finder</h5>
</div> </div>
<div class="example-wrap"> <div class="example-wrap">
<a class="example" href="../examples/app-ios-mail" data-ignore="push"> <a class="example" href="../examples/app-ios-mail" data-ignore="push">
<img src="../assets/img/example-ios.png"> <img src="../assets/img/example-ios.png" alt="iOS mail app example">
</a> </a>
<h5>iOS mail app</h5> <h5>iOS mail app</h5>
</div> </div>
<div class="example-wrap"> <div class="example-wrap">
<a class="example" href="../examples/app-android-notes" data-ignore="push"> <a class="example" href="../examples/app-android-notes" data-ignore="push">
<img src="../assets/img/example-android.png"> <img src="../assets/img/example-android.png" alt="Android notes app example">
</a> </a>
<h5>Android notes app</h5> <h5>Android notes app</h5>
</div> </div>

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

@ -28,13 +28,13 @@
<div class="slider"> <div class="slider">
<div class="slide-group"> <div class="slide-group">
<div class="slide"> <div class="slide">
<img src="img/argo.png"> <img src="img/argo.png" alt="Argo">
</div> </div>
<div class="slide"> <div class="slide">
<img src="img/skyfall.png"> <img src="img/skyfall.png" alt="Skyfall">
</div> </div>
<div class="slide"> <div class="slide">
<img src="img/ralph.png"> <img src="img/ralph.png" alt="Wreck-It Ralph">
</div> </div>
</div> </div>
</div> </div>
@ -43,7 +43,7 @@
<li class="table-view-cell table-view-divider">Recommended movies</li> <li class="table-view-cell table-view-divider">Recommended movies</li>
<li class="table-view-cell media"> <li class="table-view-cell media">
<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"> <img class="media-object pull-left" src="http://placehold.it/64x64" alt="">
<div class="media-body"> <div class="media-body">
Argo Argo
<p>Lorem ipsum dolor sit amet, consectetur.</p> <p>Lorem ipsum dolor sit amet, consectetur.</p>
@ -52,7 +52,7 @@
</li> </li>
<li class="table-view-cell media"> <li class="table-view-cell media">
<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"> <img class="media-object pull-left" src="http://placehold.it/64x64" alt="">
<div class="media-body"> <div class="media-body">
Skyfall: 007 Skyfall: 007
<p>Lorem ipsum dolor sit amet, consectetur.</p> <p>Lorem ipsum dolor sit amet, consectetur.</p>
@ -61,7 +61,7 @@
</li> </li>
<li class="table-view-cell media"> <li class="table-view-cell media">
<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"> <img class="media-object pull-left" src="http://placehold.it/64x64" alt="">
<div class="media-body"> <div class="media-body">
Wreck-it Ralph Wreck-it Ralph
<p>Lorem ipsum dolor sit amet, consectetur.</p> <p>Lorem ipsum dolor sit amet, consectetur.</p>
@ -70,7 +70,7 @@
</li> </li>
<li class="table-view-cell media"> <li class="table-view-cell media">
<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"> <img class="media-object pull-left" src="http://placehold.it/64x64" alt="">
<div class="media-body"> <div class="media-body">
Argo Argo
<p>Lorem ipsum dolor sit amet, consectetur.</p> <p>Lorem ipsum dolor sit amet, consectetur.</p>
@ -79,7 +79,7 @@
</li> </li>
<li class="table-view-cell media"> <li class="table-view-cell media">
<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"> <img class="media-object pull-left" src="http://placehold.it/64x64" alt="">
<div class="media-body"> <div class="media-body">
Skyfall: 007 Skyfall: 007
<p>Lorem ipsum dolor sit amet, consectetur.</p> <p>Lorem ipsum dolor sit amet, consectetur.</p>
@ -88,7 +88,7 @@
</li> </li>
<li class="table-view-cell media"> <li class="table-view-cell media">
<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"> <img class="media-object pull-left" src="http://placehold.it/64x64" alt="">
<div class="media-body"> <div class="media-body">
Wreck-it Ralph Wreck-it Ralph
<p>Lorem ipsum dolor sit amet, consectetur.</p> <p>Lorem ipsum dolor sit amet, consectetur.</p>
@ -97,7 +97,7 @@
</li> </li>
<li class="table-view-cell media"> <li class="table-view-cell media">
<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"> <img class="media-object pull-left" src="http://placehold.it/64x64" alt="">
<div class="media-body"> <div class="media-body">
Argo Argo
<p>Lorem ipsum dolor sit amet, consectetur.</p> <p>Lorem ipsum dolor sit amet, consectetur.</p>
@ -106,7 +106,7 @@
</li> </li>
<li class="table-view-cell media"> <li class="table-view-cell media">
<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"> <img class="media-object pull-left" src="http://placehold.it/64x64" alt="">
<div class="media-body"> <div class="media-body">
Skyfall: 007 Skyfall: 007
<p>Lorem ipsum dolor sit amet, consectetur.</p> <p>Lorem ipsum dolor sit amet, consectetur.</p>
@ -115,7 +115,7 @@
</li> </li>
<li class="table-view-cell media"> <li class="table-view-cell media">
<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"> <img class="media-object pull-left" src="http://placehold.it/64x64" alt="">
<div class="media-body"> <div class="media-body">
Wreck-it Ralph Wreck-it Ralph
<p>Lorem ipsum dolor sit amet, consectetur.</p> <p>Lorem ipsum dolor sit amet, consectetur.</p>

Write Preview
Loading…
Cancel
Save