what am i doing with my life?

2024-09-21 02:09:44 -04:00 · 2024-09-21 02:09:44 -04:00 · dc25557b8d
commit dc25557b8d
5 changed files with 160 additions and 0 deletions
--- a/echidna.png
+++ b/echidna.png
--- a/index.html
+++ b/index.html
@ -0,0 +1,60 @@
+<!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="/post1">The Noble Platypus</a></li>
+          <li><a href="/post2">The Royal Echidna</a></li>
+          <li><a href="/post3">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>
+
+        <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>    
+
+        <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>
--- a/platypus.png
+++ b/platypus.png
--- a/readme.md
+++ b/readme.md
@ -0,0 +1,3 @@
+## monotreme.org
+
+A joke site
--- a/styles.css
+++ b/styles.css
@ -0,0 +1,97 @@
+body {
+    font-family: Arial, sans-serif;
+    background-color: #f0f8ff; /* Light pastel blue */
+    color: #333;
+    margin: 0;
+    padding: 0;
+  }
+  
+  table {
+    width: 100%;
+    max-width: 800px;
+    margin: 20px auto;
+    border-collapse: collapse;
+    background-color: #fff;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  }
+  
+  td {
+    border: 2px solid #ccc;
+    padding: 15px;
+  }
+  
+  /* Header styling */
+  .header {
+    background-color: #ffe4e1; /* Light pink */
+    text-align: center;
+    border-bottom: 4px solid #ffa07a; /* Coral color */
+  }
+  
+  .header h1 {
+    margin: 0;
+    padding: 10px 0;
+    color: #ff4500; /* Orange-red */
+  }
+  
+  /* Navigation */
+  .nav {
+    text-align: center;
+    background-color: #ffefd5; /* Light peach */
+    padding: 10px 0;
+  }
+  
+  .nav a {
+    margin: 0 15px;
+    text-decoration: none;
+    color: #4682b4; /* Steel blue */
+    font-weight: bold;
+  }
+  
+  .nav a:hover {
+    text-decoration: underline;
+    color: #ff4500; /* Orange-red on hover */
+  }
+  
+  /* Sidebar styling */
+  .sidebar {
+    width: 200px;
+    vertical-align: top;
+    background-color: #fafad2; /* Light goldenrod yellow */
+    color: #333;
+  }
+  
+  .sidebar ul {
+    padding-left: 20px;
+  }
+  
+  .sidebar a {
+    text-decoration: none;
+    color: #4682b4;
+  }
+  
+  .sidebar a:hover {
+    text-decoration: underline;
+  }
+  
+  /* Main content area */
+  .content {
+    width: 600px;
+    vertical-align: top;
+  }
+  
+  h2 {
+    color: #ff6347; /* Tomato */
+  }
+  
+  /* Footer styling */
+  .footer {
+    text-align: center;
+    background-color: #ffe4e1; /* Light pink */
+    border-top: 4px solid #ffa07a; /* Coral */
+    padding: 10px 0;
+  }
+  
+  .footer p {
+    margin: 0;
+  }
+