commit dc25557b8dedca31d36247776349e50a5c08668a Author: Tristan Smith Date: Sat Sep 21 02:09:44 2024 -0400 what am i doing with my life? diff --git a/echidna.png b/echidna.png new file mode 100644 index 0000000..f665078 Binary files /dev/null and b/echidna.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..2856cdb --- /dev/null +++ b/index.html @@ -0,0 +1,60 @@ + + + + + + monotreme.org + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Save the monotremes

+
+ Home + About + Blog + Contact +
+

Quick Links

+ + 		+

Welcome to monotreme.org

+

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.

+ +

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.

+ + echidna + platypus +
+

© 2024 monotreme.org

+
+ + diff --git a/platypus.png b/platypus.png new file mode 100644 index 0000000..437c507 Binary files /dev/null and b/platypus.png differ diff --git a/readme.md b/readme.md new file mode 100644 index 0000000..75c0615 --- /dev/null +++ b/readme.md @@ -0,0 +1,3 @@ +## monotreme.org + +A joke site diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..ff945f4 --- /dev/null +++ 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; + } + \ No newline at end of file