-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit ce94fae
Showing
11 changed files
with
3,541 additions
and
0 deletions.
There are no files selected for viewing
Empty file.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Large diffs are not rendered by default.
Oops, something went wrong.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,130 @@ | ||
| <!doctype html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Document</title> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=Playfair+Display&display=swap" rel="stylesheet"> | ||
| <script type="module" crossorigin src="/assets/index-9-ylhapf.js"></script> | ||
| <link rel="stylesheet" crossorigin href="/assets/index-V_h0ntWY.css"> | ||
| </head> | ||
| <body> | ||
| <main> | ||
| <div data-scroll> | ||
| <div class="page"> | ||
| <header> | ||
| <h1>Oceans</h1> | ||
| <img src="/assets/header-zfYe6ake.jpg" alt=""> | ||
| </header> | ||
| <!-- BEGIN grid --> | ||
| <div class="grid"> | ||
| <!-- BEGIN item --> | ||
| <a href="https://www.livescience.com/octopuses-punch-fish.html" class="item item_v"> | ||
| <div class="item__image"> | ||
| <img src="/assets/1-ZLxt3q0K.jpg" alt=""> | ||
| <div class="item__meta">December 23, 2020</div> | ||
| </div> | ||
|
|
||
| <h2 class="item__title">Octopus punches fish in the head (just because it can)</h2> | ||
| <p>Octopuses sometimes partner with fish to hunt, but the partnership comes with risks (for the fish, that is).</p> | ||
| </a> | ||
| <!-- END item --> | ||
| <!-- BEGIN item --> | ||
| <a href="https://www.livescience.com/balloon-like-comb-jelly-discovered-puerto-rico.html" class="item item_h"> | ||
| <div class="item__image"> | ||
| <img src="/assets/2-rqG6cjd3.jpg" alt=""> | ||
| <div class="item__meta">December 01, 2020</div> | ||
| </div> | ||
|
|
||
| <h2 class="item__title">Newfound marine blob looks like 'party balloon' with two strings, scientists say</h2> | ||
| <p>This is the first species NOAA scientists have ever discovered from video footage alone.</p> | ||
| </a> | ||
| <!-- END item --> | ||
| <!-- BEGIN item --> | ||
| <a href="https://www.livescience.com/largest-recorded-swarm-of-deep-sea-fish.html" class="item item_h"> | ||
| <div class="item__image"> | ||
| <img src="/assets/4-DDuhEpyi.jpg" alt=""> | ||
| <div class="item__meta">November 26, 2020</div> | ||
| </div> | ||
|
|
||
| <h2 class="item__title">Swarm of eels breaks record</h2> | ||
| <p>Before we start mining for precious metals in the darkness of the deep sea, we might try switching on the light first and observing our surroundings.</p> | ||
| </a> | ||
| <!-- END item --> | ||
| <!-- BEGIN item --> | ||
| <a href="https://www.livescience.com/mantis-shrimp-property-wars.html" class="item item_v"> | ||
| <div class="item__image"> | ||
| <img src="/assets/3-4tXDCvnb.jpg" alt=""> | ||
| <div class="item__meta">November 03, 2020</div> | ||
| </div> | ||
|
|
||
| <h2 class="item__title">Mantis shrimp punch down</h2> | ||
| <p>Home-stealers fought the hardest for smaller-than-ideal dens.</p> | ||
| </a> | ||
| <!-- END item --> | ||
|
|
||
| <!-- BEGIN item --> | ||
| <a href="https://www.livescience.com/megalodon-big-for-a-shark.html" class="item item_v"> | ||
| <div class="item__image"> | ||
| <img src="/assets/1-ZLxt3q0K.jpg" alt=""> | ||
| <div class="item__meta">October 05, 2020</div> | ||
| </div> | ||
|
|
||
| <h2 class="item__title">Megalodon's hugeness</h2> | ||
| <p>Even among its extinct relatives, Megalodon was unequalled in length and mass.</p> | ||
| </a> | ||
| <!-- END item --> | ||
| <!-- BEGIN item --> | ||
| <a href="https://www.livescience.com/tiny-sunfish-larva.html" class="item item_h"> | ||
| <div class="item__image"> | ||
| <img src="/assets/2-rqG6cjd3.jpg" alt=""> | ||
| <div class="item__meta">July 27, 2020</div> | ||
| </div> | ||
|
|
||
| <h2 class="item__title">Adorable sunfish</h2> | ||
| <p>Sunfish in the Molidae family are among the biggest fish in the world.</p> | ||
| </a> | ||
| <!-- END item --> | ||
| <!-- BEGIN item --> | ||
| <a href="https://www.livescience.com/supergiant-isopod-newfound-species.html" class="item item_h"> | ||
| <div class="item__image"> | ||
| <img src="/assets/4-DDuhEpyi.jpg" alt=""> | ||
| <div class="item__meta">August 18, 2020</div> | ||
| </div> | ||
|
|
||
| <h2 class="item__title">Massive 'Darth Vader' sea bug</h2> | ||
| <p>The newly described species is one of the biggest isopods known to science.</p> | ||
| </a> | ||
| <!-- END item --> | ||
| <!-- BEGIN item --> | ||
| <a href="https://www.livescience.com/worlds-deepest-octopus.html" class="item item_v"> | ||
| <div class="item__image"> | ||
| <img src="/assets/3-4tXDCvnb.jpg" alt=""> | ||
| <div class="item__meta">June 01, 2020</div> | ||
| </div> | ||
|
|
||
| <h2 class="item__title">Scientists capture the world's deepest octopus</h2> | ||
| <p>The octopus was found miles beneath the ocean surface.</p> | ||
| </a> | ||
| <!-- END item --> | ||
| </div> | ||
| <!-- END grid --> | ||
|
|
||
| <!-- BEGIN footer --> | ||
| <footer class="footer"> | ||
| <p>© all news from <a href="https://www.livescience.com/topics/ocean">LiveScience</a></p> | ||
| <p> | ||
| This page was made for <a href="https://www.awwwards.com/academy/course/merging-webgl-and-html-worlds">Merging WebGL and HTML course on Awwwards.com</a> | ||
| <br>Wish you a good day! =)</p> | ||
| </footer> | ||
| <!-- END footer --> | ||
| </div> | ||
| <!-- end page --> | ||
|
|
||
| </div> | ||
| <!-- end scroll --> | ||
| </main> | ||
| <div id="container"></div> | ||
| </body> | ||
| </html> |