codewizardshq · dommik14-maker · Feb 16, 2025 · Feb 23, 2025 · Feb 23, 2025 · Feb 23, 2025
diff --git a/.DS_Store b/.DS_Store
diff --git a/lesson_06/.vscode/settings.json b/lesson_06/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
diff --git a/lesson_06/kindaCool.html b/lesson_06/kindaCool.html
@@ -0,0 +1,33 @@
+html>
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Cool page</title>
+    <link rel="stylesheet" href="style.css">
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500&family=Lato&display=swap" rel="stylesheet">
+  </head>
+  <body>
+    <div class="container">
+
+      <div class='navbar'>
+        <p class="logo">Logo</p>
+        <a href="index.html"><p class='nav-button'>Home</p></a>
+        <a href="about.html"><p class='nav-button'>About</p></a>
+        <a href="team.html"><p class='nav-button selected'>Team</p></a>
+        <a href="contact.html"><p class='nav-button'>Contact</p></a>
+      </div>
+
+      <div class='main team'>
+
+          <!-- testing -->
+           <h1>Some Cool Content and stuff</h1>
+           <a href="https://www.google.com">Cool link</a>
+
+          <!-- Testing more more code -->
+
+
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/lesson_06/team.html b/lesson_06/team.html
@@ -33,40 +33,52 @@ <h1 class="header1 header">
           </div>
 
           <div class="member">
-            <!--  student 01 -->
-
+            <p>></p>
+            <p>Kenda</p>
+          </div>
+           <div class="member">
+            <p>></p>
+            <p>Dominik</p>
           </div>
 
+
           <div class="member">
-            <!--  student 02 -->
+            <p>Matt Lynch</p>
 
           </div>
 
           <div class="member">
-            <!--  student 03 -->
+            <p> Chidiogo Nnamani</p>
 
           </div>
 
-          <div class="member">
-            <!--  student 04 -->
 
+          <div class="member">
+            <!--  student 06 -->
+            Yami Awesome
           </div>
 
-          <div class="member">
-            <!--  student 05 -->
 
+          <div class="member">
+            <!--  student 06 -->
+            Noe Castle
           </div>
 
-          <div class="member">
+
+           <div class="member">
             <!--  student 06 -->
+            Yami Awesome 2
 
-          </div>
 
-          <div class="member">
+</div>
+
+           <div class="member">
             <!--  student 06 -->
-
-          </div>
+            Dominik M
+ </div>      
+<!-- testing -->
 
+          <!-- Testing more more code -->
 
         </div>
 

diff --git a/lesson_07/cherry_content.html b/lesson_07/cherry_content.html
@@ -0,0 +1,23 @@
+<style>
+    @import url('https://fonts.googleapis.com/css2?family=Lato&family=Overlock:wght@700&display=swap');
+    body{font-family: 'Lato', sans-serif;
+    text-align: center;
+    color: white;
+    }
+    h3{
+        font-family: 'Overlock', cursive;
+        font-size: 28px;
+        margin: 0px;
+        padding-top: 10px;
+    }
+    p{
+        font-size: 16px;
+        padding: 0px;
+    }
+    </style>
+
+    <h3>Cherry</h3>
+
+    <p>Cherry wood is a type of hardwood that comes from the cherry tree, a species of tree that belongs to the Rosaceae family. There are two main types of cherry trees used for woodworking: the black cherry tree and the wild cherry tree. Both trees produce high-quality lumber, but the black cherry tree is more commonly used due to its larger size and greater availability. (From Custom Country Woods)</p>
+
+    <p>Cherry is debatably one of the most beautiful American hardwood species. Its rich reddish color makes it easily recognizable to just about anyone. Cherry is a deciduous hardwood with broad leaves that drop in the fall and have seeds that are contained in ovaries. All deciduous trees are hardwoods. Cherry primarily grows in the eastern half of the USA, with the best stands of cherry being found in the Appalachian region. Cherry trees typically grow to 60-80 feet tall and about 2-3’ at DBH (diameter at breast height.) (From Kretz Lumber, Written by Jessica Becker)</p>
diff --git a/lesson_07/cherry_summary.html b/lesson_07/cherry_summary.html
@@ -0,0 +1,32 @@
+<style>body{font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+    color: white;}</style>
+    <style>
+    @import url('https://fonts.googleapis.com/css2?family=Lato&family=Overlock:wght@700&display=swap');
+    body{font-family: 'Lato', sans-serif;
+    text-align: center;
+    }
+    h3{
+        font-family: 'Overlock', cursive;
+        font-size: 26px;
+        margin: 0px;
+        padding-top: 10px;
+
+    }
+    p{
+        font-size: 15px;
+        padding: 0px;
+    }
+    #type{
+        font-size: 12px;
+        margin: 0;
+        padding: 0;
+        margin-bottom: 10px;
+    }
+    </style>
+
+
+    <h3>Cherry</h3>
+
+    <p id="type"> Tree </p>
+    <img src="img/cherry.jpg" style="width: 200px;">
+    <p>Family: Rosaceae</p>
diff --git a/lesson_07/img/poplar.jpg b/lesson_07/img/poplar.jpg
diff --git a/lesson_07/img/something.png b/lesson_07/img/something.png
diff --git a/lesson_07/index.html b/lesson_07/index.html
@@ -23,7 +23,12 @@ <h1>The Tree Encyclopedia</h1>
         <div class="index">
             <h3>Index</h3>
             <p><button id="oak">Oak</button></p>
-            <p><button id="beech">Beech</button></p>
+            <p><button id="beech">Beech</button></p
+            <p><button id="maple">Maple</button></p>
+            <p><button id="cherry">Cherry</button></p>
+            <p><button id="mahogany">Mahogany</button></p>
+            <p><button id="poplar">Poplar</button></p>
+
 
         </div>
         <div class="content">
@@ -49,8 +54,23 @@ <h3>Index</h3>
             $("#i_content").attr("src","oak_content.html");
             $("#i_summary").attr("src","oak_summary.html");
         })
-        $("#beech").click(function(){
+
+
+        $("#mahogany").click(function(){
+            $("#i_content").attr("src","mahogany_content.html");
+            $("#i_summary").attr("src","mahogany_summary.html");
+
+        })
+
+        $("#poplar").click(function(){
+            $("#i_content").attr("src","poplar_content.html");
+            $("#i_summary").attr("src","poplar_summary.html");
+
+        })
 
+         $("#cherry").click(function(){
+            $("#i_content").attr("src","cherry_content.html");
+            $("#i_summary").attr("src","cherry_summary.html");
 
         })
 

diff --git a/lesson_07/mahogany_content.html b/lesson_07/mahogany_content.html
@@ -0,0 +1,23 @@
+<style>
+@import url('https://fonts.googleapis.com/css2?family=Lato&family=Overlock:wght@700&display=swap');
+body{font-family: 'Lato', sans-serif;
+text-align: center;
+color: white;
+}
+h3{
+	font-family: 'Overlock', cursive;
+	font-size: 28px;
+	margin: 0px;
+	padding-top: 10px;
+}
+p{
+	font-size: 16px;
+	padding: 0px;
+}
+</style>
+
+<h3>Mahogany</h3>
+
+<p>There are approximately 500 extant species of mahogany.[2] The common name "mahogany" also appears in the names of species in related genera, notably Lithocarpus (stone oaks), as well as in those of unrelated species such as Grevillea robusta (silky oaks) and the Casuarinaceae (she-oaks). </p>
+
+<p>The genus Quercus is native to the Northern Hemisphere, and includes deciduous and evergreen species extending from cool temperate to tropical latitudes in the Americas, Asia, Europe, and North Africa. North America contains the largest number of mahogany species, with approximately 90 occurring in the United States, while Mexico has 160 species of which 109 are endemic. The second greatest center of mahogany diversity is China, which contains approximately 100 species.[3]</p>
diff --git a/lesson_07/mahogany_summary.html b/lesson_07/mahogany_summary.html
@@ -0,0 +1,33 @@
+<style>body{font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+color: white;}</style>
+<style>
+@import url('https://fonts.googleapis.com/css2?family=Lato&family=Overlock:wght@700&display=swap');
+body{font-family: 'Lato', sans-serif;
+text-align: center;
+}
+h3{
+	font-family: 'Overlock', cursive;
+	font-size: 26px;
+	margin: 0px;
+	padding-top: 10px;
+
+}
+p{
+	font-size: 15px;
+	padding: 0px;
+}
+#type{
+	font-size: 12px;
+	margin: 0;
+	padding: 0;
+	margin-bottom: 10px;
+}
+</style>
+
+
+<h3>Mahogany</h3>
+
+<p id="type"> Tree or shrub </p>
+<img src="img/mahogany.jpg" style="width: 200px;">
+<p>Family: The mahogany family (Meliaceae) is a pantropical group of about 50–53 genera and 565–600 species of trees and shrubs, including the renowned Swietenia genus, which produces true mahogany timber. 
+</p> 
diff --git a/lesson_07/mangrove_content.html b/lesson_07/mangrove_content.html
diff --git a/lesson_07/mangrove_summary.html b/lesson_07/mangrove_summary.html
diff --git a/lesson_07/maple_content.html b/lesson_07/maple_content.html
@@ -0,0 +1,25 @@
+<style>
+    @import url('https://fonts.googleapis.com/css2?family=Lato&family=Overlock:wght@700&display=swap');
+    body{font-family: 'Lato', sans-serif;
+    text-align: center;
+    color: white;
+
+    }
+    h3{
+        font-family: 'Overlock', cursive;
+        font-size: 28px;
+        margin: 0px;
+        padding-top: 10px;
+    }
+    p{
+        font-size: 16px;
+        padding: 0px;
+    }
+    </style>
+    <h3>Maple</h3>
+
+    <p>Acer is a genus of trees and shrubs commonly known as maples. The genus is placed in the soapberry family Sapindaceae. There are approximately 132 species, most of which are native to Asia, with a number also appearing in Europe, northern Africa, and North America. Only one species, Acer laurinum, extends to the Southern Hemisphere.</p>
+
+    <p>The type species of the genus is the sycamore maple Acer pseudoplatanus, one of the most common maple species in Europe. Most maples usually have easily identifiable palmate leaves (with a few exceptions, such as Acer carpinifolium, Acer laurinum, and Acer negundo) and all share distinctive winged fruits.</p>
+
+
diff --git a/lesson_07/maple_summary.html b/lesson_07/maple_summary.html
@@ -0,0 +1,36 @@
+<style>body{font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+    color: white;}</style>
+    <style>
+    @import url('https://fonts.googleapis.com/css2?family=Lato&family=Overlock:wght@700&display=swap');
+    body{font-family: 'Lato', sans-serif;
+    text-align: center;
+    }
+    h3{
+        font-family: 'Overlock', cursive;
+        font-size: 26px;
+        margin: 0px;
+        padding-top: 10px;
+
+    }
+    p{
+        font-size: 15px;
+        padding: 0px;
+    }
+    #type{
+        font-size: 12px;
+        margin: 0;
+        padding: 0;
+        margin-bottom: 10px;
+
+    }
+    </style>
+
+    <h3>Maple</h3>
+
+    <p id="type"> Tree </p>
+    <img src="img/maple.jpg" style="width: 200px;">
+
+    <p>Family: Soapberry Family</p>
+
+
+
diff --git a/lesson_07/poplar_content.html b/lesson_07/poplar_content.html
@@ -0,0 +1,23 @@
+<style>
+@import url('https://fonts.googleapis.com/css2?family=Lato&family=Overlock:wght@700&display=swap');
+body{font-family: 'Lato', sans-serif;
+text-align: center;
+color: white;
+}
+h3{
+	font-family: 'Overlock', cursive;
+	font-size: 28px;
+	margin: 0px;
+	padding-top: 10px;
+}
+p{
+	font-size: 16px;
+	padding: 0px;
+}
+</style>
+
+<h3>Poplar</h3>
+
+<p>Populus is a genus of 25–30 species of deciduous flowering plants in the family Salicaceae, native to most of the Northern Hemisphere. English names variously applied to different species include poplar, aspen, and cottonwood.</p>
+
+<p>Matthew L.</p>
diff --git a/lesson_07/poplar_summary.html b/lesson_07/poplar_summary.html
@@ -0,0 +1,33 @@
+<style>body{font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+color: white;}</style>
+<style>
+@import url('https://fonts.googleapis.com/css2?family=Lato&family=Overlock:wght@700&display=swap');
+body{font-family: 'Lato', sans-serif;
+text-align: center;
+}
+h3{
+	font-family: 'Overlock', cursive;
+	font-size: 26px;
+	margin: 0px;
+	padding-top: 10px;
+
+}
+p{
+	font-size: 15px;
+	padding: 0px;
+}
+#type{
+	font-size: 12px;
+	margin: 0;
+	padding: 0;
+	margin-bottom: 10px;
+}
+</style>
+
+
+<h3>Poplar</h3>
+
+<p id="type"> Tree or shrub </p>
+<img src="img/poplar.jpg" style="width: 200px;">
+<p>Family: Poplar trees belong to the genus Populus within the willow family (Salicaceae), typically featuring fast-growing, deciduous trees like cottonwoods and aspens. 
+</p> 
diff --git a/lesson_07/spruce_content.html b/lesson_07/spruce_content.html
diff --git a/lesson_07/spruce_summary.html b/lesson_07/spruce_summary.html
diff --git a/lesson_08/.DS_Store b/lesson_08/.DS_Store
diff --git a/lesson_08/.vscode/settings.json b/lesson_08/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5502
+}