A website made for a class project to document an ecological issue resulting from human impact on the environment
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

103 lines
6.0 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Impact of Rhino Poaching on Ecosystems</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta name="description" content="This biology project looks into the impact of rhino poaching on ecosystems.">
  8. <link href="css/styles.css" rel="stylesheet" media="screen">
  9. <!-- Rhino Icons by Twemoji. Generated using favicon.io -->
  10. <link rel="manifest" href="static/site.webmanifest">
  11. <link rel="apple-touch-icon" sizes="180x180" href="static/icons/apple-touch-icon.png">
  12. <link rel="icon" type="image/png" sizes="32x32" href="static/icons/favicon-32x32.png">
  13. <link rel="icon" type="image/png" sizes="16x16" href="static/icons/favicon-16x16.png">
  14. </head>
  15. <body>
  16. <!-- Top Navbar -->
  17. <div class="Navbar">
  18. <div class="Navbar__Link Navbar__Link-brand">
  19. <h1><a href="#">Impact of Rhino Poaching on Ecosystems</a></h1>
  20. </div>
  21. <nav class="Navbar__Items Navbar__Items--right">
  22. <div class="Navbar__Link">
  23. <a href="mailto:ravi@yeetpc.com">Contact Me</a>
  24. </div>
  25. </nav>
  26. </div>
  27. <!-- End Top Navbar -->
  28. <!-- Start background section -->
  29. <div class="background-section">
  30. <div class="section-header">
  31. <h1>Background</h1>
  32. <p>Poaching is a widespread issue that's affecting countless countries around the world. Poaching is the illegal hunting or capturing of wild animals. Usually, animals are poached for parts of their bodies, such as a rhino's horn or an elephant's tusks. Poachers can then sell these body parts for millions of dollars on the black market. This illegal hunting can have disastrous effects on the ecosystems of the area, and can even cause certain species to become extinct.</p>
  33. </div>
  34. </div>
  35. <!-- Start image section -->
  36. <div class="image-section-1">
  37. <div class="poaching-image">
  38. <img src="static/img/background-poaching.jpg" alt="A dead rhino with its horns removed">
  39. </div>
  40. </div>
  41. <!-- Start location section -->
  42. <div class="location-section">
  43. <div class="section-header">
  44. <h1>Affected Location</h1>
  45. <p>Kenya has been significantly affected by poaching. It is home to 1,258 rhinos (as of 2017) and has large wildlife reserves to protect these animals. Kenya is also home to the last two surviving Northern White Rhinos. Rhino population has been on a general decline over the last century, but has seen a gradual increase over the last few decades. It is of the utmost importance that we protect these animals, since they play an important role in Kenya's savanna ecosystems. Many species of rhino in Kenya, including the Black Rhino & Javan Rhino, are endangered, and it's crucial for humans to protect them.</p>
  46. </div>
  47. </div>
  48. <!-- Start map section -->
  49. <div class="map-section-1">
  50. <iframe title="Map of Kenya" width="100%" height="90%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=31.684570312500004%2C-2.943040910055132%2C43.41796875000001%2C3.425691524418062&amp;layer=hot&amp;marker=0.24169850190165%2C37.55126953125" loading=lazy></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=0.242&amp;mlon=37.551#map=7/0.242/37.551&amp;layers=H">View Larger Map</a></small>
  51. <div class="image-caption">
  52. <caption></caption>
  53. </div>
  54. </div>
  55. <!-- Start food web section -->
  56. <div class="food-web-section">
  57. <div class="section-header" style="margin-bottom: 1em;">
  58. <h1>Food Web</h1>
  59. </div>
  60. <div class="food-web-image">
  61. <img src="static/img/rhino-food-web.jpg" alt="Food Web of many organisms in the Kenyan Savanna, including the Rhino" loading="lazy">
  62. </div>
  63. </div>
  64. <!-- Start food web explanation section -->
  65. <div class="food-web-explanation">
  66. <div class="section-header">
  67. <p>The organisms in green are primary producers and include star grass and acacia. Primary consumers (blue), including the rhino, mouse, termite, and gazelle (all herbivores), consume these producers. The mongoose (secondary consumer) eats the mouse & termite, and is an omnivore. The primary & secondary consumers are eaten by tertiary consumers (yellow), which include the lion, caracal, hyena, and crocodile (all carnivores). Finally, the vulture (detritivore), a quaternary consumer, consumes the remains of all other consumers. Although adult rhinos don't have any predators in the wild, tertiary consumers like lions and hyenas depend on juvenile and baby rhinos for a food source. Poaching rhinos removes a large food source for these tertiary consumers, and can cause their populations to fall. Humans are indirectly affected by poaching because the removal of rhinos and other animals from the ecosystem prevents natural resources from being returned to the environment. Because of this, the land may become non-arable, and humans' food production would be significantly impacted.</p>
  68. </div>
  69. </div>
  70. <!-- Start symbiosis section -->
  71. <div class="symbiosis-section">
  72. <div class="section-header">
  73. <h1>Symbiosis</h1>
  74. <p>A mutualistic relationship that is directly affected by rhino poaching is the relationship between rhinos and the oxpecker bird. Oxpeckers eat ticks, parasites, and insects off of rhinos' skin. The oxpecker has a steady food source and the rhino is able to stay clean. If rhino poaching continues, oxpeckers could lose a large part of their diet. An example of commensalism can be seen in the relationship between rhinos and dung beetles. Rhinos produce up to 50 pounds of excrement a day, and dung beetles rely on this as a food source. Again, if rhinos continue to be poached, these beetles could lose a very important source of nutrition.</p>
  75. </div>
  76. </div>
  77. <!-- Start image section -->
  78. <div class="image-section-2">
  79. <div class="poaching-image">
  80. <img src="static/img/oxpecker-rhino.jpg" alt="Oxpecker birds on a rhino" loading="lazy">
  81. </div>
  82. </div>
  83. <div class="placeholder">
  84. <p>placeholder</p>
  85. </div>
  86. </body>
  87. </html>