Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Updated cover image and styles for it. #53

Open
wants to merge 6 commits into
base: master
Choose a base branch
from
Open

Updated cover image and styles for it. #53

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
5988dcb
updated background image
jackreichert Dec 13, 2017
31a2226
downsized image
jackreichert Dec 13, 2017
547d101
reverted to wheat, fixed using css
jackreichert Dec 30, 2017
29c1b06
synced with master
jackreichert Dec 30, 2017
5d7e2d1
synced with master
jackreichert Dec 30, 2017
116f490
Merge branch 'master' into master
jackreichert Dec 30, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 4 additions & 1 deletion css/google-type.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -496,7 +496,7 @@ http://usdawatercolors.nal.usda.gov/pom/home.xhtml */
/* Styles for Hercules and the Waggoner */
/* ------------------------------------------- */

.section-hercules-waggoner { background: #4B97BD url(../images/hercules/robert-nordahl-298457.jpg) no-repeat top right; padding: 40px 20px 140px; }
.section-hercules-waggoner { background: #4B97BD url(../images/hercules/robert-nordahl-298457.jpg) no-repeat top right; background-size: auto 100%; padding: 40px 20px 400px; }
.section-hercules-waggoner, .section-hercules-waggoner a { color: #934B00; line-height: 2.2rem; }
.section-hercules-waggoner .container { width: 90%; max-width: 600px; margin: 0 auto; }
.section-hercules-waggoner p { margin: 1rem 0; hyphens: auto; text-align: justify; text-justify: inter-word; }
Expand All @@ -506,6 +506,9 @@ http://usdawatercolors.nal.usda.gov/pom/home.xhtml */
.section-hercules-waggoner .light { font-weight: 100; font-size: 1.5rem; }
.section-hercules-waggoner h2 { margin-bottom: 2.5rem; }
.section-hercules-waggoner h2 .serif, .section-hercules-waggoner h2 .sans-serif { font-size: 4rem; }
@media (min-width: 1200px) {
.section-hercules-waggoner { background-size: cover; }
}


/* ------------------------------------------- */
Expand Down
36 changes: 18 additions & 18 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -345,24 +345,7 @@ <h2>
</div>
</div><!-- /section-fir-tree -->

<div class="container-fluid section-hercules-waggoner" id="jackreichert">
<a href="https://twitter.com/jackreichert" class="avatar" target="_blank" title="jackreichert"><img src="https://pbs.twimg.com/profile_images/804451966944419841/xDCBIM39_bigger.jpg" alt="jackreichert"></a>
<div class="caption">
<a href="https://fonts.google.com/specimen/Inknut+Antiqua" target="_blank">Inknut Antiqua</a>,
<a href="https://fonts.google.com/specimen/Exo+2" target="_blank">Exo 2</a>
</div>
<div class="container">
<h2><span class="serif">Hercules</span><br/><span class="sans-serif light">and the Waggoner</span></h2>
<p class="sans-serif">A Waggoner was once driving a heavy load along a very muddy way. At last he came to a part of the road where
the wheels sank half-way into the mire, and the more the donkey pulled, the deeper sank the wheels. So the
Waggoner threw down his whip, and knelt down and prayed to Hercules the Strong. <span class="light">&ldquo;O Hercules, help me
in this my hour of distress,&rdquo;</span> quoth he. But Hercules appeared to him, and said:</p>
<p class="serif">&ldquo;Tut, man, don’t sprawl there. Get up and put your shoulder to the wheel.&rdquo;</p>
<p class="sans-serif light">The <span class="sans-serif">gods</span> help them that help <span class="sans-serif">themselves.</span></p>
</div>
</div><!-- /section-hercules-waggoner -->

<div class="container-fluid section-fox-lion" id="Linnk">
<div class="container-fluid section-fox-lion" id="Linnk">
<div class="container">

<a href="https://twitter.com/linnk" class="avatar" target="_blank" title="Linnk"><img src="https://pbs.twimg.com/profile_images/880200773463834624/_cTbAv65_400x400.jpg" alt="Linnk"></a>
Expand Down Expand Up @@ -558,6 +541,23 @@ <h2>The Butcher<span>and his Customers</span></h2>
</div>
<!-- end The Butcher and his Customers -->

<div class="container-fluid section-hercules-waggoner" id="jackreichert">
<a href="https://twitter.com/jackreichert" class="avatar" target="_blank" title="jackreichert"><img src="https://pbs.twimg.com/profile_images/804451966944419841/xDCBIM39_bigger.jpg" alt="jackreichert"></a>
<div class="caption">
<a href="https://fonts.google.com/specimen/Inknut+Antiqua" target="_blank">Inknut Antiqua</a>,
<a href="https://fonts.google.com/specimen/Exo+2" target="_blank">Exo 2</a>
</div>
<div class="container">
<h2><span class="serif">Hercules</span><br/><span class="sans-serif light">and the Waggoner</span></h2>
<p class="sans-serif">A Waggoner was once driving a heavy load along a very muddy way. At last he came to a part of the road where
the wheels sank half-way into the mire, and the more the donkey pulled, the deeper sank the wheels. So the
Waggoner threw down his whip, and knelt down and prayed to Hercules the Strong. <span class="light">&ldquo;O Hercules, help me
in this my hour of distress,&rdquo;</span> quoth he. But Hercules appeared to him, and said:</p>
<p class="serif">&ldquo;Tut, man, don’t sprawl there. Get up and put your shoulder to the wheel.&rdquo;</p>
<p class="sans-serif light">The <span class="sans-serif">gods</span> help them that help <span class="sans-serif">themselves.</span></p>
</div>
</div><!-- /section-hercules-waggoner -->


<script src="scripts/jquery-1.11.1.min.js"></script>
<script src="scripts/scripts.js"></script>
Expand Down