Skip to content

Commit

Permalink
$1
Browse files Browse the repository at this point in the history
  • Loading branch information
Scott Turnquest authored and Scott Turnquest committed May 9, 2011
1 parent cfd1189 commit 0ac4dd8
Show file tree
Hide file tree
Showing 3 changed files with 153 additions and 6 deletions.
Binary file added www/images/politics.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
157 changes: 152 additions & 5 deletions www/issue_20110506.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@
</head>
<body>
<!-- Start of first page -->
<div data-role="page" id="contents" class="page" data-next-page="#page_1" data-prev-page="#page_3">
<div data-role="page" id="contents" class="page" data-next-page="#page_1" data-prev-page="#page_6">

<div class="header">
<a class="home-button" href="index.html" data-transition="slide" data-direction="reverse" rel="external"><img src="images/home_icon.png"></a>
Expand Down Expand Up @@ -75,7 +75,7 @@ <h1>Contents</h1>
<div><a style="color: #666;" href="#">Best of the American columnists</a></div>
<div><a style="color: #666;" href="#">Best articles: Foreign</a></div>
<div><a style="color: #666;" href="#">Health &amp; Science</a></div>
<div><a style="color: #666;" href="#page_3">Sport</a></div>
<div><a style="color: #666;" href="#page_6">Sport</a></div>
<div><a style="color: #666;" href="#">Letters</a></div>
<div><a style="color: #666;" href="#">Arts</a></div>
<div><a style="color: #666;" href="#">Drama</a></div>
Expand Down Expand Up @@ -209,13 +209,160 @@ <h2>What next?</h2>

<div class="footer">
<div class="article-index">
<a href="#page_1" class="page-index" data-transition="slide"></a>
<a href="#page_1" class="page-index" data-transition="slide" data-direction="reverse"></a>
<a href="#page_2" class="page-index selected"></a>
</div>
</div>
</div>

<div data-role="page" id="page_3" class="article page" data-next-page="#contents" data-prev-page="#page_2">
<div data-role="page" id="page_3" class="article page" data-next-page="#page_4" data-prev-page="#page_2">

<div class="header">
<a class="home-button" href="#contents" data-transition="slide" data-direction="reverse"><img src="images/home_icon.png"></a>
<h1>Politics</h1>
</div>
<!-- /header -->

<div data-role="content">
<div class="multicolumn4">
<h1>Does the first 2012 GOP debate matter?</h1>

<p>
<img src="images/politics.jpg" class="alignLeft"/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sollicitudin, augue ut bibendum
gravida, justo dolor porttitor tellus, at hendrerit elit ante vel purus. Ut tempus, mauris semper
bibendum congue, nulla lacus euismod nibh, a mattis sem lorem lacinia leo. Proin dapibus dolor nec nisi
adipiscing eget tempor eros placerat. Praesent tincidunt posuere ultricies. Aenean convallis molestie
aliquam. Mauris ac nibh eget arcu dictum pharetra vel quis velit. Etiam sed eleifend turpis.
</p>

<h2>What the editorials said</h2>

<p>
Vestibulum varius condimentum nisi at malesuada. Maecenas malesuada vehicula enim non molestie. Nullam
ultrices feugiat ipsum congue imperdiet. Etiam vitae massa vitae velit tempus ultricies ac eget velit.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras pulvinar ante
a elit gravida eu auctor ligula vestibulum. Duis id nibh enim, vitae luctus tellus. Phasellus sodales
euismod nibh, non tempus dui condimentum at. Pellentesque nec eros sem. Pellentesque sit amet nisl nunc.
Nam nisi tortor, tincidunt eget ultricies nec, porta eget sapien.
</p>

<p>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam,
eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam
voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem
sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non
numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis
nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum
iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo
voluptas nulla pariatur?
</p>

</div>
</div>
<!-- /content -->

<div class="footer">
<div class="article-index">
<a href="#page_3" class="page-index selected"></a>
<a href="#page_4" class="page-index" data-transition="slide"></a>
<a href="#page_5" class="page-index" data-transition="slide"></a>
</div>
</div>
</div>

<div data-role="page" id="page_4" class="article page" data-next-page="#page_5" data-prev-page="#page_3">

<div class="header">
<a class="home-button" href="#contents" data-transition="slide" data-direction="reverse"><img src="images/home_icon.png"></a>
<h1>Politics</h1>
</div>
<!-- /header -->

<div data-role="content">
<div class="multicolumn4">
<h2>What the commentators said</h2>

<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.
</p>

<p>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam
rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt
explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur
magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia
dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et
dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam
corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit
qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo
voluptas nulla pariatur?
</p>

<p>
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti
atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique
sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum
facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil
impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.
Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates
repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut
reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
</p>

</div>
</div>
<!-- /content -->

<div class="footer">
<div class="article-index">
<a href="#page_3" class="page-index" data-transition="slide" data-direction="reverse"></a>
<a href="#page_4" class="page-index selected"></a>
<a href="#page_5" class="page-index" data-transition="slide"></a>
</div>
</div>
</div>

<div data-role="page" id="page_5" class="article page" data-next-page="#page_6" data-prev-page="#page_4">

<div class="header">
<a class="home-button" href="#contents" data-transition="slide" data-direction="reverse"><img src="images/home_icon.png"></a>
<h1>Politics</h1>
</div>
<!-- /header -->

<div data-role="content">
<div class="multicolumn4">
<h2>What next?</h2>

<p>
Praesent volutpat tincidunt elementum. Sed lectus nibh, ornare non suscipit non, suscipit quis nibh.
Duis sodales dui id dui suscipit ac fermentum ligula sagittis. Morbi elit urna, aliquam sed semper at,
blandit non quam. Phasellus accumsan elit eu est convallis feugiat. In libero enim, aliquam quis
facilisis vitae, eleifend eu sapien. Donec congue massa at turpis eleifend pellentesque. Donec aliquet
suscipit augue, consequat ullamcorper leo mollis quis. Vivamus dui enim, dignissim eu suscipit cursus,
pulvinar sit amet enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae;
</p>

</div>
</div>
<!-- /content -->

<div class="footer">
<div class="article-index">
<a href="#page_3" class="page-index" data-transition="slide" data-direction="reverse"></a>
<a href="#page_4" class="page-index" data-transition="slide" data-direction="reverse"></a>
<a href="#page_5" class="page-index selected"></a>
</div>
</div>
</div>

<div data-role="page" id="page_6" class="article page" data-next-page="#contents" data-prev-page="#page_5">

<div class="header">
<a class="home-button" href="#contents" data-transition="slide" data-direction="reverse"><img src="images/home_icon.png"></a>
Expand Down Expand Up @@ -277,7 +424,7 @@ <h2>What next?</h2>

<div class="footer">
<div class="article-index">
<a href="#page_3" class="page-index selected"></a>
<a href="#page_6" class="page-index selected"></a>
</div>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion www/stylesheets/ipad.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -110,7 +110,7 @@ div.multicolumn4 {
}

.article-index {
width: 50px;
width: 100px;
margin-left: auto;
margin-right: auto;
height: 10px;
Expand Down

0 comments on commit 0ac4dd8

Please sign in to comment.