Skip to content

Commit

Permalink
feat: transitions + copy fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
@jpvalery
jpvalery committed Apr 30, 2020
1 parent 6ceea2b commit 45e4c44
Show file tree
Hide file tree
Showing 4 changed files with 25 additions and 13 deletions.
18 changes: 14 additions & 4 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -387,10 +387,20 @@ a:focus {
margin: 0 auto;
}

.availability {
font-size: 1.2em;
padding: 0 0 2em 0;
margin: 0.2em auto;
/* Transitions */

.transition-footer {
background-image: url("../img/pattern.png");
height: 92px;
margin-bottom: -46px;
z-index: 99999;
position: relative;
}

.transition-header {
background-image: url("../img/pattern-top.png");
height: 91px;
position: relative;
}

/* Footer */
Expand Down
Binary file added img/pattern-top.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/pattern.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
20 changes: 11 additions & 9 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,6 +68,7 @@ <h1 class="header-title"><span class="header-title__main">Look but no stopping</
<span class="quote-intro">“&nbsp;The traveller sees what he sees.<br/>The tourist sees what he has come to see&nbsp;”</span><span class="quote-intro-author">- G.K. Chesterton</span>
</div>
</div>
<section class="transition-header"></section>
<div class="container"></div>
<div class="text">
<section class="js-section" data-zoom-start="3" data-stay="true">
Expand Down Expand Up @@ -111,7 +112,7 @@ <h2><span class="title-up">May 29th 2019 - Exploring St John's</span><span class
<a data-fancybox="gallery_may29" href="img/journey/20190529-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-008.jpg"><img alt="A vertical shot of an iceberg taken 1km from the shore and at an altitude of 100m" class="js-image lazyload" data-pos="0.05" data-src="img/journey/min/20190529-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-008.jpg"/></a>
<figcaption>A vertical shot of an iceberg taken 1km from the shore and at an altitude of 100m</figcaption>
</figure>
<p class="indent">After a few other visits, we end the dat at another famous St. John’s spot, Signal Hill. In addition to being the site of the city’s historical defenses, it is also where Marconi received the world’s first transatlantic wireless signal in 1901 (thus the name). The view is stunning. We spend a long time sitting on the side of trail, enjoying the sun. It is about 12 degrees, which is a warm spring weather in Newfoundland. But our Canadian hearts know how to appreciate warmth, even when it is shy.</p>
<p class="indent">After a few other visits, we end the day at another famous St. John’s spot, Signal Hill. In addition to being the site of the city’s historical defenses, it is also where Marconi received the world’s first transatlantic wireless signal in 1901 (thus the name). The view is stunning. We spend a long time sitting on the side of the trail, enjoying the sun. It is about 12 degrees, which is a warm spring weather in Newfoundland. But our Canadian hearts know how to appreciate warmth, even when it is shy.</p>
<figure>
<a data-fancybox="gallery_may29" href="img/journey/20190529-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-009.jpg"><img alt="Overlooking the harbour from Signal Hill" class="js-image lazyload" data-pos="0.05" data-src="img/journey/min/20190529-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-009.jpg"/></a>
<figcaption>Overlooking the harbour from Signal Hill</figcaption>
Expand All @@ -126,7 +127,7 @@ <h2><span class="title-up">May 29th 2019 - Exploring St John's</span><span class
</figure>
<figure>
<a data-fancybox="gallery_may29" href="img/journey/20190529-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-012.jpg"><img alt="St John's famous colored houses, at sunset" class="js-image lazyload" data-pos="0.05" data-src="img/journey/min/20190529-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-012.jpg"/></a>
<figcaption>St John's famous colored houses, at sunset</figcaption>
<figcaption>St John's famous colorful houses, at sunset</figcaption>
</figure>
</section>
<section class="js-section" data-zoom-start="3" data-zoom-middle="2.5">
Expand Down Expand Up @@ -175,7 +176,7 @@ <h2><span class="title-up">May 30th 2019 - St John's &gt; Mt Carmel</span><span
<figcaption>Endless flocks of birds</figcaption>
</figure>
<figure>
<a data-fancybox="gallery_may30" href="img/journey/20190530-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-023.jpg"><img alt="Half a dozen of species, with millions of individuals, call these islands home" class="js-image lazyload" data-pos="0.14" data-src="img/journey/min/20190530-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-023.jpg"/></a>
<a data-fancybox="gallery_may30" href="img/journey/20190530-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-023.jpg"><img alt="Millions of birds from half a dozen of species call these islands home" class="js-image lazyload" data-pos="0.14" data-src="img/journey/min/20190530-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-023.jpg"/></a>
<figcaption>Half a dozen of species, with millions of individuals, call these islands home</figcaption>
</figure>
<figure>
Expand All @@ -186,7 +187,7 @@ <h2><span class="title-up">May 30th 2019 - St John's &gt; Mt Carmel</span><span
<a data-fancybox="gallery_may30" href="img/journey/20190530-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-025.jpg"><img alt="One of the many fascinating landscapes of Newfoundland, where you could believe you're somewhere else in North America" class="js-image lazyload" data-pos="0.60" data-src="img/journey/min/20190530-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-025.jpg"/></a>
<figcaption>One of the many fascinating landscapes of Newfoundland, where you could believe you're somewhere else in North America</figcaption>
</figure>
<p class="indent">We drive smoothly for the rest of the day, making a few stops there and there to take pictures of the beautiful, empty, poetic landscapes. One thing that surprises us in Newfoundland is how fast our surroundings can change as we travel. That is especially true in the Avalon peninsula, where we go from Northern forests to empty fields, to far west-like tundra deserts.</p>
<p class="indent">We drive smoothly for the rest of the day, making a few stops there and there to take pictures of the beautiful, empty, poetic landscapes. One thing that surprises us in Newfoundland is how fast our surroundings can change as we travel. That is especially true in the Avalon peninsula, where we go from Northern forests to empty fields, to Far West-like tundra deserts.</p>
<figure>
<a data-fancybox="gallery_may30" href="img/journey/20190530-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-026.jpg"><img alt="In the middle of nowhere, a small stretch of road and a barn are the only reminder of civilization" class="js-image lazyload" data-pos="0.70" data-src="img/journey/min/20190530-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-026.jpg"/></a>
<figcaption>In the middle of nowhere, a small stretch of road and a barn are the only reminder of civilization</figcaption>
Expand Down Expand Up @@ -223,7 +224,7 @@ <h2><span class="title-up">May 31st 2019 - Mt Carmel &gt; Arnold's Cove</span><s
<a data-fancybox="gallery_may31" href="img/journey/20190531-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-030.jpg"><img alt="The birds and the waves compete for making the most noise" class="js-image lazyload" data-pos="0.40" data-src="img/journey/min/20190531-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-030.jpg"/></a>
<figcaption>The birds and the waves compete for making the most noise</figcaption>
</figure>
<p class="indent">From the interpretation centre, we walk a trail that leads us to the majestic Bird Rock, home of the gannets. As we approach the cliffs, we are welcomed by the sound of waves crashing and by the raucous song of tens of thousands of birds flying above and around. Though it is our second bird-watching experience in two days, this is something else</p>
<p class="indent">From the interpretation centre, we walk a trail that leads us to the majestic Bird Rock, home of the gannets. As we approach the cliffs, we are welcomed by the sound of waves crashing and by the raucous song of tens of thousands of birds flying above and around. Though it is our second bird-watching experience in two days, this is something else.</p>
<figure>
<a data-fancybox="gallery_may31" href="img/journey/20190531-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-031.jpg"><img alt="The cliffs are relentlessly attacked by the seafoam and the fog" class="js-image lazyload" data-pos="0.40" data-src="img/journey/min/20190531-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-031.jpg"/></a>
<figcaption>The cliffs are relentlessly attacked by the seafoam and the fog</figcaption>
Expand Down Expand Up @@ -332,7 +333,7 @@ <h2><span class="title-up">June 1st 2019 - Arnold's Cove &gt; Fogo Island</span>
<figcaption>The Fogo Island Inn overlooks the sea</figcaption>
</figure>
<figure>
<a data-fancybox="gallery_jun1" href="img/journey/20190601-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-060.jpg"><img alt="While searching for the famous Caribou herd, we stop along one of the island numerous ponds" class="js-image lazyload" data-pos="0.98" data-src="img/journey/min/20190601-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-060.jpg"/></a>
<a data-fancybox="gallery_jun1" href="img/journey/20190601-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-060.jpg"><img alt="While searching for the famous Caribou herd, we stop along one of the island's numerous ponds" class="js-image lazyload" data-pos="0.98" data-src="img/journey/min/20190601-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-060.jpg"/></a>
<figcaption>While searching for the famous Caribou herd, we stop along one of the island numerous ponds</figcaption>
</figure>
<figure>
Expand Down Expand Up @@ -518,7 +519,7 @@ <h2><span class="title-up">June 3rd 2019 - Gros Morne &gt; St Barbe</span><span
<a data-fancybox="gallery_jun3" href="img/journey/20190603-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-102.jpg"><img alt="For a brief moment of time, everything stops and we just share a moment with the animal" class="js-image lazyload" data-pos="0.98" data-src="img/journey/min/20190603-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-102.jpg"/></a>
<figcaption>For a brief moment of time, everything stops and we just share a moment with the animal</figcaption>
</figure>
<p class="indent">On our way to St. Barbe, where we plan on taking the ferry to Labrador the next day, we spot our first moose (!) on the side of the road. Jp having spent most of his life in France, a moose is an exotic sighting. He was really crossing his fingers to see one (hopefully not one jumping on our car hood) during our trip. As for me, despite being Canadian, I had never seen a moose in the wild. So let’s just say we are both very excited by this encounter. We spend a long time taking observing the young cow and taking pictures. Unless she was the one observing us? But for a short moment, time seems to suspend its run as we are mere feet away from the wild animal.</p>
<p class="indent">On our way to St. Barbe, where we plan on taking the ferry to Labrador the next day, we spot our first moose (!) on the side of the road. Jp having spent most of his life in France, a moose is an exotic sighting. He was really crossing his fingers to see one (hopefully not one jumping on our car hood) during our trip. As for me, despite being Canadian, I had never seen a moose in the wild. So let’s just say we are both very excited by this encounter. We spend a long time observing the young cow and taking pictures. Unless she was the one observing us? For a short moment, time seems to suspend its run as we are mere feet away from the wild animal.</p>
<figure>
<a data-fancybox="gallery_jun3" href="img/journey/20190603-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-103.jpg"><img alt="Hard to say who was more curious about the other" class="js-image lazyload" data-pos="0.98" data-src="img/journey/min/20190603-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-103.jpg"/></a>
<figcaption>Hard to say who was more curious about the other</figcaption>
Expand Down Expand Up @@ -553,14 +554,14 @@ <h2><span class="title-up">June 4th 2019 - St Barbe &gt; Botwood</span><span cla
<a data-fancybox="gallery_jun4" href="img/journey/20190604-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-109.jpg"><img alt="The rivers form some ponds downstreams, with some houses abandoned" class="js-image lazyload" data-pos="0.25" data-src="img/journey/min/20190604-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-109.jpg"/></a>
<figcaption>The rivers form some ponds downstreams, with some houses abandoned</figcaption>
</figure>
<p class="indent">We wave Labrador a distant good-bye from the shore and head back to Gros-Morne. We hope to see Western Brook Pond this time, especially since our newly-changed itinerary would permit it. But it seems not meant to be, as it rain starts pouring just as we reach the parking lot. Instead, we stop by Green Point, a smaller site of geological interest which does not involve a 6 km trail in the rain.</p>
<p class="indent">We wave Labrador a distant good-bye from the shore and head back to Gros-Morne. We hope to see Western Brook Pond this time, especially since our newly-changed itinerary would permit it. But it seems not meant to be, as rain starts pouring just as we reach the parking lot. Instead, we stop by Green Point, a smaller site of geological interest which does not involve a 6 km trail in the rain.</p>
<p class="indent">We enjoy some delicious moose at lunch in a Norris Point restaurant and shop for some souvenirs of our adventures on the eastern region before leaving. We cruise through central Newfoundland, all the way to Botwood.</p>
<figure>
<a data-fancybox="gallery_jun4" href="img/journey/20190604-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-110.jpg"><img alt="We couldn't forget to mention the rich geological history of the island" class="js-image lazyload" data-pos="0.25" data-src="img/journey/min/20190604-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-110.jpg"/></a>
<figcaption>We couldn't forget to mention the rich geological history of the island</figcaption>
</figure>
<h2><span class="title-up">June 5th 2019 - Botwood &gt; St John's</span><span class="title-down">Shipwrecks, Planes, and whisky</span></h2>
<p class="indent">At our surprise, Botwood has a rich and passionating aeronautical past. For part of the 20th century, it has been with Gander a stop-and-refuel point for transatlantic flights. Artifacts and memorials attest of this history. The invention of more performing engines allowed for direct flights between Europe and North America biggest cities. This ultimately rendered the two airports obsolete. But not completely. Transatlantic flights still sign off today with Gander as they embark for the longest leg of their journey across the Atlantic North.</p>
<p class="indent">At our surprise, Botwood has a rich and passionating aeronautical past. For part of the 20th century, it has been with Gander a stop-and-refuel point for transatlantic flights. Artifacts and memorials attest of this history. The invention of more performing engines allowed for direct flights between Europe and North America biggest cities. This ultimately rendered the two airports almost obsolete. But not completely. Transatlantic flights still sign off today with Gander as they embark for the longest leg of their journey across the Atlantic North.</p>
<figure>
<a data-fancybox="gallery_jun5" href="img/journey/20190605-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-111.jpg"><img alt="A window on Botwood's surroundings" class="js-image lazyload" data-pos="0.25" data-src="img/journey/min/20190605-Newfoundland-look-but-no-stopping-jp-valery-aurelie-boucher-111.jpg"/></a>
<figcaption>A window on Botwood's surroundings</figcaption>
Expand Down Expand Up @@ -610,6 +611,7 @@ <h2><span class="title-up">June 6th 2019 - St John's &gt; Montréal</span><span
<section class="js-section" data-stay="true" data-zoom-start="0.72"></section>
</div>
<!-- Footer & Credits -->
<section class="transition-footer"></section>
<section class="content footer">
<div class="col_footer col_contact">
<h2>Contact</h2>
Expand Down

0 comments on commit 45e4c44

Please sign in to comment.