what is wrong with me?

This commit is contained in:
Tristan Smith 2024-09-21 03:34:23 -04:00
parent dc25557b8d
commit 6809da6db2
7 changed files with 390 additions and 6 deletions

62
about/index.html Normal file
View file

@ -0,0 +1,62 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>monotreme.org</title>
<link rel="stylesheet" href="../styles.css">
</head>
<body>
<table>
<!-- Header -->
<tr>
<td colspan="2" class="header">
<h1>Save the monotremes</h1>
</td>
</tr>
<!-- Navigation -->
<tr>
<td colspan="2" class="nav">
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/blog">Blog</a>
<a href="/contact">Contact</a>
</td>
</tr>
<!-- Main Content and Sidebar -->
<tr>
<!-- Sidebar -->
<td class="sidebar">
<p><strong>Quick Links</strong></p>
<ul>
<li><a href="/platypus">The Noble Platypus</a></li>
<li><a href="/echidna">The Royal Echidna</a></li>
<li><a href="/monotremes">About Monotremes</a></li>
</ul>
</td>
<!-- Main Content Area -->
<td class="content">
<h2>About monotreme.org</h2>
<p>Monotreme.org is dedicated to raising awareness and appreciation for one of the most fascinating and ancient groups of mammals on the planet: monotremes.</p>
<p>These creatures, including the famous platypus and the lesser-known echidnas, represent an evolutionary bridge between reptiles and mammals, offering a glimpse into the distant past of mammalian evolution.</p>
<p>Through our blog, articles, and resources, we aim to provide education and promote conservation efforts for these unique animals.</p>
<img src="../echidna.png" alt="echidna">
<img src="../platypus.png" alt="platypus">
</td>
</tr>
<!-- Footer -->
<tr>
<td colspan="2" class="footer">
<p>&copy; 2024 monotreme.org</p>
</td>
</tr>
</table>
</body>
</html>

71
contact/index.html Normal file
View file

@ -0,0 +1,71 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>monotreme.org</title>
<link rel="stylesheet" href="../styles.css">
</head>
<body>
<table>
<!-- Header -->
<tr>
<td colspan="2" class="header">
<h1>Save the monotremes</h1>
</td>
</tr>
<!-- Navigation -->
<tr>
<td colspan="2" class="nav">
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/blog">Blog</a>
<a href="/contact">Contact</a>
</td>
</tr>
<!-- Main Content and Sidebar -->
<tr>
<!-- Sidebar -->
<td class="sidebar">
<p><strong>Quick Links</strong></p>
<ul>
<li><a href="/platypus">The Noble Platypus</a></li>
<li><a href="/echidna">The Royal Echidna</a></li>
<li><a href="/monotremes">About Monotremes</a></li>
</ul>
</td>
<!-- Main Content Area -->
<td class="content">
<h2>Contact us here at monotreme.org</h2>
<div class="contact">
<p>We would love to hear from you! Whether you're curious about monotremes, want to contribute to our blog, or have a question, feel free to reach out.</p>
<p><strong>Email:</strong> <a href="mailto:info@monotreme.org">info@monotreme.org</a></p>
<p><strong>Phone:</strong> <a href="tel:+16624268432">+1 (662) 426-8432</a></p>
<p><strong>Address:</strong></p>
<p>Monotreme Conservation Initiative<br>
3924 Stewart Street<br>
Franklin, Indiana 46131<br>
United States
</p>
<p>You can also reach out via our social media channels once they're created in the following days. A form is coming as well!</p>
</div>
<img src="../echidna.png" alt="echidna">
<img src="../platypus.png" alt="platypus">
</td>
</tr>
<!-- Footer -->
<tr>
<td colspan="2" class="footer">
<p>&copy; 2024 monotreme.org</p>
</td>
</tr>
</table>
</body>
</html>

62
echidna/index.html Normal file
View file

@ -0,0 +1,62 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Royal Echidna - monotreme.org</title>
<link rel="stylesheet" href="../styles.css">
</head>
<body>
<table>
<!-- Header -->
<tr>
<td colspan="2" class="header">
<h1>The Royal Echidna</h1>
</td>
</tr>
<!-- Navigation -->
<tr>
<td colspan="2" class="nav">
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/blog">Blog</a>
<a href="/contact">Contact</a>
</td>
</tr>
<!-- Main Content and Sidebar -->
<tr>
<!-- Sidebar -->
<td class="sidebar">
<p><strong>Quick Links</strong></p>
<ul>
<li><a href="/platypus">The Noble Platypus</a></li>
<li><a href="/echidna">The Royal Echidna</a></li>
<li><a href="/monotremes">About Monotremes</a></li>
</ul>
</td>
<!-- Main Content Area -->
<td class="content">
<h2>About the Echidna</h2>
<div class="echidna-info">
<p>The <strong>echidna</strong>, also known as the spiny anteater, is one of only two types of egg-laying mammals on Earth, the other being the platypus. Native to Australia and New Guinea, echidnas are easily recognizable by their spines, which resemble those of a porcupine. Despite their appearance, echidnas are gentle creatures, using their long, sticky tongues to feed on ants and termites.</p>
<p>Echidnas are excellent diggers and use their sharp claws to burrow into the ground when threatened. They also roll into a ball, with their spines pointing outward to deter predators. While primarily solitary animals, echidnas can be found in a variety of habitats, ranging from forests to deserts.</p>
<p>Like the platypus, the echidna is a protected species. Its resilience in the wild is impressive, but habitat destruction and human activity continue to pose risks. Conservation efforts are crucial to preserving the species and its role in the ecosystem.</p>
</div>
<img src="../echidna.png" alt="echidna">
</td>
</tr>
<!-- Footer -->
<tr>
<td colspan="2" class="footer">
<p>&copy; 2024 monotreme.org</p>
</td>
</tr>
</table>
</body>
</html>

View file

@ -31,18 +31,27 @@
<td class="sidebar">
<p><strong>Quick Links</strong></p>
<ul>
<li><a href="/post1">The Noble Platypus</a></li>
<li><a href="/post2">The Royal Echidna</a></li>
<li><a href="/post3">About Monotremes</a></li>
<li><a href="/platypus">The Noble Platypus</a></li>
<li><a href="/echidna">The Royal Echidna</a></li>
<li><a href="/monotremes">About Monotremes</a></li>
</ul>
</td>
<!-- Main Content Area -->
<td class="content">
<h2>Welcome to monotreme.org</h2>
<p>Monotremes are a unique group of egg-laying mammals, native to Australia and New Guinea. They are one of the most primitive types of mammals, exhibiting characteristics from both reptiles and mammals.</p>
<div class="more-about-monotremes">
<h2>More About Monotremes</h2>
<p>Monotremes are a living relic of mammalian history, representing an ancient branch of mammals that split from other species millions of years ago. Despite their reptilian traits—such as laying eggs—they are warm-blooded, produce milk, and have fur. The two most famous monotremes are the platypus and the echidna.</p>
<p>There are only five species of monotremes in existence, including the platypus and echidnas. Unlike other mammals, they lay eggs, but they also produce milk for their young, which is secreted through pores on their skin.</p>
<h3>The Platypus</h3>
<p>The <strong>platypus</strong> is an iconic animal of Australia, known for its duck-like bill, webbed feet, and electroreception, which it uses to detect prey in murky waters.</p>
<h3>The Echidna</h3>
<p>The <strong>echidna</strong>, on the other hand, is a spiny, burrowing insectivore with a long, sticky tongue perfect for catching ants and termites.</p>
<p>Both species are vital to their ecosystems, and due to habitat loss, they are increasingly in need of protection.</p>
</div>
<img src="echidna.png" alt="echidna">
<img src="platypus.png" alt="platypus">

69
monotremes/index.html Normal file
View file

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>monotreme.org</title>
<link rel="stylesheet" href="../styles.css">
</head>
<body>
<table>
<!-- Header -->
<tr>
<td colspan="2" class="header">
<h1>Save the monotremes</h1>
</td>
</tr>
<!-- Navigation -->
<tr>
<td colspan="2" class="nav">
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/blog">Blog</a>
<a href="/contact">Contact</a>
</td>
</tr>
<!-- Main Content and Sidebar -->
<tr>
<!-- Sidebar -->
<td class="sidebar">
<p><strong>Quick Links</strong></p>
<ul>
<li><a href="/platypus">The Noble Platypus</a></li>
<li><a href="/echidna">The Royal Echidna</a></li>
<li><a href="/monotremes">About Monotremes</a></li>
</ul>
</td>
<!-- Main Content Area -->
<td class="content">
<h2>More About Monotremes</h2>
<div class="more-about-monotremes">
<p>Monotremes are a living relic of mammalian history, representing an ancient branch of mammals that split from other species millions of years ago. Despite their reptilian traits—such as laying eggs—they are warm-blooded, produce milk, and have fur. The two most famous monotremes are the platypus and the echidna.</p>
<h3>The Platypus</h3>
<p>The <strong>platypus</strong> is an iconic animal of Australia, known for its duck-like bill, webbed feet, and electroreception, which it uses to detect prey in murky waters.</p>
<h3>The Echidna</h3>
<p>The <strong>echidna</strong>, on the other hand, is a spiny, burrowing insectivore with a long, sticky tongue perfect for catching ants and termites.</p>
<p>Both species are vital to their ecosystems, and due to habitat loss, they are increasingly in need of protection.</p>
</div>
<img src="../echidna.png" alt="echidna">
<img src="../platypus.png" alt="platypus">
</td>
</tr>
<!-- Footer -->
<tr>
<td colspan="2" class="footer">
<p>&copy; 2024 monotreme.org</p>
</td>
</tr>
</table>
</body>
</html>

62
platypus/index.html Normal file
View file

@ -0,0 +1,62 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Noble Platypus - monotreme.org</title>
<link rel="stylesheet" href="../styles.css">
</head>
<body>
<table>
<!-- Header -->
<tr>
<td colspan="2" class="header">
<h1>The Noble Platypus</h1>
</td>
</tr>
<!-- Navigation -->
<tr>
<td colspan="2" class="nav">
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/blog">Blog</a>
<a href="/contact">Contact</a>
</td>
</tr>
<!-- Main Content and Sidebar -->
<tr>
<!-- Sidebar -->
<td class="sidebar">
<p><strong>Quick Links</strong></p>
<ul>
<li><a href="/platypus">The Noble Platypus</a></li>
<li><a href="/echidna">The Royal Echidna</a></li>
<li><a href="/monotremes">About Monotremes</a></li>
</ul>
</td>
<!-- Main Content Area -->
<td class="content">
<h2>About the Platypus</h2>
<div class="platypus-info">
<p>The <strong>platypus</strong> is a semi-aquatic, egg-laying mammal native to eastern Australia, including Tasmania. Its unique appearance, with a duck-like bill, webbed feet, and beaver-like tail, puzzled scientists when it was first discovered. The platypus is one of the few mammals known to produce venom. Males have a spur on their hind legs that can deliver a painful sting.</p>
<p>Platypuses are known for their ability to hunt underwater, using their bill to detect electrical signals emitted by their prey. They feed on small aquatic creatures such as insects, larvae, and freshwater shrimp. While they close their eyes and ears underwater, the bill acts as a highly sensitive sensory organ, guiding them as they search for food.</p>
<p>The platypus is a protected species, and while its population is relatively stable, it faces threats from habitat loss, pollution, and climate change. Conservation efforts are critical to ensuring the survival of this remarkable animal.</p>
</div>
<img src="../platypus.png" alt="platypus">
</td>
</tr>
<!-- Footer -->
<tr>
<td colspan="2" class="footer">
<p>&copy; 2024 monotreme.org</p>
</td>
</tr>
</table>
</body>
</html>

View file

@ -94,4 +94,53 @@ body {
.footer p {
margin: 0;
}
/* Contact Section Styling */
.contact {
text-align: left;
padding: 20px;
background-color: #fafad2; /* Light goldenrod yellow */
border: 2px solid #ccc;
margin-top: 20px;
border-radius: 5px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.contact h2 {
color: #ff6347; /* Tomato color */
}
.contact p {
margin: 10px 0;
}
.contact a {
color: #4682b4; /* Steel blue */
text-decoration: none;
}
.contact a:hover {
text-decoration: underline;
color: #ff4500; /* Orange-red on hover */
}
/* More About Monotremes Section Styling */
.more-about-monotremes {
padding: 20px;
background-color: #fafad2; /* Light goldenrod yellow */
border: 2px solid #ccc;
margin-top: 20px;
border-radius: 5px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.more-about-monotremes h2 {
color: #ff6347; /* Tomato color */
}
.more-about-monotremes h3 {
color: #4682b4; /* Steel blue */
}
.more-about-monotremes p {
margin: 10px 0;
}