Added sources for media

5 years ago · bbd37593e3
2 changed files with 87 additions and 0 deletions
--- a/css/styles.css
+++ b/css/styles.css
@ -329,3 +329,26 @@ h1 {
 .sources-section p {
  font-size: 1.5rem;
 }
+
+.sources {
+  width: 65%;
+  background-color: var(--background-section-color);
+  height: auto;
+  padding: 0.5em;
+  margin: 1em;
+  margin-left: 17.5%;
+  box-shadow: 10px 15px var(--main-highlight-color);
+}
+
+.sources li {
+  color: white;
+  font-size: 1.1rem;
+}
+
+.sources h1 {
+  text-align: center;
+}
+
+.centered {
+  text-align: center;
+}
--- a/sources.html
+++ b/sources.html
@ -0,0 +1,64 @@
+
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>Impact of Rhino Poaching on Ecosystems</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="This biology project looks into the impact of rhino poaching on ecosystems.">
+    <link href="css/styles.css" rel="stylesheet" media="screen">
+    <!-- Rhino Icons by Twemoji. Generated using favicon.io -->
+    <link rel="manifest" href="static/site.webmanifest">
+    <link rel="apple-touch-icon" sizes="180x180" href="static/icons/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="static/icons/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="static/icons/favicon-16x16.png">
+</head>
+
+<body>
+
+  <!-- Top Navbar -->
+  <div class="Navbar">
+    <div class="Navbar__Link Navbar__Link-brand">
+      <h1><a href="/">Impact of Rhino Poaching on Ecosystems</a></h1>
+    </div>
+    <nav class="Navbar__Items Navbar__Items--right">
+      <div class="Navbar__Link Navbar__Link--sources">
+          <a href="sources.html">Sources</a>
+      </div>
+      <div class="Navbar__Link">
+          <a href="mailto:ravi@yeetpc.com">Contact Me</a>
+      </div>
+    </nav>
+  </div>
+  <!-- End Top Navbar -->
+
+  <!-- Sources -->
+
+  <div class="sources">
+    <div class="centered">
+      <h1>Media</h1>
+    </div>
+    <ul>
+      <li>Rhino with horn cut off - <a href="http://press.gettyimages.com/brent-stirton-awarded-wildlife-photographer-of-the-year/">Photojournalist Brent Stirton</a></li>
+      <li>Map of Kenya - <a href="https://www.openstreetmap.org/?mlat=0.242&mlon=37.551#map=7/0.242/37.551&layers=H">OpenStreetMap</a></li>
+      <li>Food Web - © Ravi Shah 2021</li>
+      <li>Rhino with oxpeckers on it - <a href="https://www.thetimes.co.uk/article/rhinos-avoid-humans-with-help-from-oxpeckers-9mjbrsw73">The Sunday Times</a></li>
+      <li>Man sitting on dead rhino - <a href="https://www.nytimes.com/2018/09/24/science/poaching-conservation-rhinos-elephants.html">New York Times</a></li>
+      <li>Rhinos in the savanna - <a href="https://joaocanziani.com/">Joao Canziani</a></li>
+    </ul>
+    <div class="centered">
+      <h1>Information</h1>
+    </div>
+    <ul>
+      <li></li>
+    </ul>
+  </div>
+
+  <div class="placeholder">
+    <p>placeholder</p>
+  </div>
+
+</body>
+
+</html>