Skip to content

Commit

Permalink
add wave mask + fix copy
Browse files Browse the repository at this point in the history
  • Loading branch information
@nalam004
nalam004 committed Apr 3, 2024
1 parent 91dfa2b commit 13ff523
Show file tree
Hide file tree
Showing 3 changed files with 46 additions and 33 deletions.
4 changes: 4 additions & 0 deletions assets/wave-mask.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
44 changes: 24 additions & 20 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,10 +14,12 @@
<header>
<nav class="logo-bar">
<figure class="logo">
<img src="./assets/logo.svg" alt="The Fishes of North Carolina Logo" />
<a href="https://NCFishes.com" aria-label="Go to official ncfishes website">
<img src="./assets/logo.svg" alt="The Fishes of North Carolina Logo" />
</a>
</figure>
<p class="home-button">
Head back to <a href="NCFishes.com">NCFishes.com</a>
Head back to <a href="https://NCFishes.com">NCFishes.com</a>
</p>
</nav>

Expand All @@ -27,25 +29,27 @@ <h1>The first book in more than 30 years devoted solely to North Carolina’s fr

<p class="description">
Authored by Bryn H. Tracy, Fred C. Rohde, Scott A. Smith, Jesse L. Bissette, and Gabriela M. Hogue, this book will
serve as a companion to An Annotated Atlas of the Freshwater Fishes of North Carolina and <a href="NCFishes.com">NCFishes.com</a>.
serve as a companion to An Annotated Atlas of the Freshwater Fishes of North Carolina and <a href="https://NCFishes.com">NCFishes.com</a>.
</p>

<span class="order-heading">Out Now</span>
<div class="order-links">
<a class="order-unc" href="">
<a class="order-unc" href="https://uncpress.org/book/9781469678115/a-guide-to-north-carolinas-freshwater-fishes/">
<strong>Order at UNC Press</strong>
<span>Use code <b>01UNCP30</b> at checkout for a 30% discount</span>
</a>

<a class="order-amazon" href="">Order from Amazon</a>
<a class="order-amazon" href="https://www.amazon.com/Carolinas-Freshwater-Fishes-Southern-Gateways/dp/146967811X/ref=sr_1_1?crid=10ECEXJQ34OJM&dib=eyJ2IjoiMSJ9.olWQfqqjLP1CfvDBcuAYYC4ab_8p7yJyQMtdulFCvtIR__u1omWXho3C1ow8YexV4U91yN3UxZzqKqo4YSeflmDucDuRs6uaZF7EjA-cECWoos4-4LOR5-Vdp3cCoVgpBenhHLgZPmuELKodh_B3onecr6isJRqeRIu-1HYQxWYxeieRhMqyrU5BtHFgaql0Qmz_YywczzndlKzvOf7mx0lE8LKA7AyKoD5omsbcLlM.OugMMlo40U52eBp_vlKBCN8Len29RSNoLWH7TYYvcmE&dib_tag=se&keywords=a+guide+to+north+carolina%27s+freshwater+fishes&qid=1712159835&s=books&sprefix=a+guide+to+north+caro%2Cstripbooks%2C105&sr=1-1">
Order from Amazon
</a>
</div>
</div>

<div class="intro__guide">
<figure><img src="./assets/guide.png" alt="Southern Gateways Guide" /></figure>

<p class="guide-button">
A <a href="">Southern Gateways</a> Guide
A <a href="https://uncpress.org/series/southern-gateways-guides/">Southern Gateways</a> Guide
</p>
</div>
</div>
Expand All @@ -59,12 +63,10 @@ <h2>Just in time for the 2024 field season, this book will provide you with:</h2

<ul>
<li>Detailed identification keys, updated taxonomy, and full-color images for all 258 described and undescribed species</li>
<li>Detailed identification keys, updated taxonomy, and full-color images for all 258 described and undescribed species</li>
<li>Detailed identification keys, updated taxonomy, and full-color images for all 258 described and undescribed species</li>
<li>Detailed identification keys, updated taxonomy, and full-color images for all 258 described and undescribed species</li>
<li>Detailed identification keys, updated taxonomy, and full-color images for all 258 described and undescribed species</li>
<li>Detailed identification keys, updated taxonomy, and full-color images for all 258 described and undescribed species</li>
<li>Detailed identification keys, updated taxonomy, and full-color images for all 258 described and undescribed species</li>
<li>Distributional maps for each species</li>
<li>Information on the 40 freshwater fish families and the ichthylogical history of North Carolina</li>
<li>An appendix that explains the meanings behind the scientific names</li>
<li>A glossary with color images describing the morphological characters that are used for identification</li>
</ul>
</div>

Expand All @@ -91,11 +93,11 @@ <h2>Praise for <i>A Guide to North Carolina’s Freshwater Fishes</i></h2>
</blockquote>

<blockquote>
This book will allow anyone to identify fishes in any area of North Carolina. An excellent summary of the state’s
fish diversity and species distribution.
This book, which provides a historical picture of past and current fish distributions, will become the authoritative
guide for identifying North Carolina’s freshwater fishes for decades to come. A must-have for anyone interested in this region.
<cite>
Lawrence Page
<span class="institute">Florida Museum of Natural History</span>
Donald Orth
<span class="institute">Virginia Tech</span>
</cite>
</blockquote>
</div>
Expand All @@ -109,14 +111,16 @@ <h2>Praise for <i>A Guide to North Carolina’s Freshwater Fishes</i></h2>
<h2>Don’t get left behind in the Spring spawning run — order your copy today.</h2>

<div class="order-links">
<a class="order-unc" href="">Order at UNC Press</a>
<a class="order-amazon" href="">Order from Amazon</a>
<a class="order-unc" href="https://uncpress.org/book/9781469678115/a-guide-to-north-carolinas-freshwater-fishes/">Order at UNC Press</a>
<a class="order-amazon" href="https://www.amazon.com/Carolinas-Freshwater-Fishes-Southern-Gateways/dp/146967811X/ref=sr_1_1?crid=10ECEXJQ34OJM&dib=eyJ2IjoiMSJ9.olWQfqqjLP1CfvDBcuAYYC4ab_8p7yJyQMtdulFCvtIR__u1omWXho3C1ow8YexV4U91yN3UxZzqKqo4YSeflmDucDuRs6uaZF7EjA-cECWoos4-4LOR5-Vdp3cCoVgpBenhHLgZPmuELKodh_B3onecr6isJRqeRIu-1HYQxWYxeieRhMqyrU5BtHFgaql0Qmz_YywczzndlKzvOf7mx0lE8LKA7AyKoD5omsbcLlM.OugMMlo40U52eBp_vlKBCN8Len29RSNoLWH7TYYvcmE&dib_tag=se&keywords=a+guide+to+north+carolina%27s+freshwater+fishes&qid=1712159835&s=books&sprefix=a+guide+to+north+caro%2Cstripbooks%2C105&sr=1-1">
Order from Amazon
</a>
<span>Use code 01UNCP30 at UNC Press for a 30% discount</span>
</div>
</div>
</div>

<p>For information about exam copies, read more information at <a href="UNCPress.org">UNCPress.org</a>.</p>
<p>For information about exam copies, read more information at <a href="https://UNCPress.org">UNCPress.org</a>.</p>
</section>

<footer>
Expand All @@ -131,7 +135,7 @@ <h2>Don’t get left behind in the Spring spawning run — order your copy toda
aiding in the identification of all known freshwater and marine fishes from the state of North Carolina.

<span>
See all of our photographs and information at <a href="NCFishes.com">NCFishes.com</a>.
See all of our photographs and information at <a href="https://NCFishes.com">NCFishes.com</a>.
</span>
</p>
</div>
Expand Down
31 changes: 18 additions & 13 deletions index.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -218,18 +218,18 @@ header {
line-height: 145%;

li {
display: grid;
grid-template-columns: 1fr auto;
display: flex;
gap: 16px;
}

li::before {
content: '';
display: block;
background: url("./assets/fish.svg") no-repeat;
width: 48px;
height: 14px;
margin: 5px 0;
&::before {
content: '';
display: block;
background: url("./assets/fish.svg") no-repeat;
width: 48px;
height: 14px;
margin: 5px 0;
flex-shrink: 0
}
}
}
}
Expand All @@ -249,10 +249,14 @@ header {
}

.testimonials {
@include inner();
padding-bottom: 96px;
padding-bottom: 48px;
background-image: url('./assets/wave-mask.svg'), url('./assets/haltone.svg');
background-repeat: no-repeat, repeat;
background-position: bottom, top;
background-size: contain;

h2 {
@include inner();
color: $creek;
font-size: 24px;
font-weight: 700;
Expand All @@ -261,6 +265,7 @@ header {
}

&__wrapper {
@include inner();
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
Expand Down Expand Up @@ -302,7 +307,7 @@ header {

.cta {
@include inner();
padding: 96px 0;
padding: 144px 0;

.container {
position: relative;
Expand Down

0 comments on commit 13ff523

Please sign in to comment.