codewizardshq · jelliscwhq · Sep 30, 2024 · Sep 30, 2024 · Sep 30, 2024 · Sep 30, 2024
diff --git a/lesson_06/1-Alpabetically-This-is-on-Top--Canaan.html b/lesson_06/1-Alpabetically-This-is-on-Top--Canaan.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Canaan</title>
+</head>
+<body>
+    <p>built different</p>
+</body>
+</html>
diff --git a/lesson_06/shulavm.html b/lesson_06/shulavm.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>My Profile!!!</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f0f0f0;
+            text-align: center;
+            padding: 50px;
+        }
+        h1 {
+            color: #333;
+        }
+        p {
+            font-size: 20px;
+            color: #555;
+        }
+    </style>
+</head>
+<body>
+    <h1>Shulav Mainali</h1>
+    <p>My Grade: 11th Grade</p>
+</body>
+</html>
diff --git a/lesson_06/siddhartha.html b/lesson_06/siddhartha.html
@@ -0,0 +1,38 @@
+<html></html>
+<head>
+    <title>PB&J</title>
+</head>    
+<body>
+    <h1>The History of the PB&J Sandwich</h1>
+    <p>The Earl of Sandwich is credited with inventing the sandwich because he wanted to eat his meal with one hand during a 24-hour gambling event and instructed his servant to put his meat between two slices of bread. But what many may not know, is how an American classic sandwich—the iconic peanut butter and jelly sandwich—came to be. If the Earl of Sandwich invented the sandwich, who invented the PB&J?
+
+        The story begins with the three essential parts of the PB&J—peanut butter, jelly and bread. First, let’s start with the bread, which is, of course, an ancient food that has been around for tens of thousands of years.
+
+        The significance of the bread component in the PB&J sandwich is the invention of pre-sliced bread in the early 1900s. Otto Frederick Rohwedder invented a bread slicer but bakers were not interested because they thought no one would want their bread pre-sliced. Rohwedder kept refining his invention and changing things until it was ready to use in bakeries. He advertised the machine as “the greatest step forward in baking since bread was wrapped.” Later, the slogan evolved into “the greatest thing since sliced bread.”
+
+        Sliced bread proliferated. Soon people were looking for spreads to use with this newfound wonder food.
+
+        Next, let’s look at jelly; which is another food that has been around for a long time. In the case of the quintessential American PB&J sandwich, the most important person in this part of the story is a man named Paul Welch. In 1917, Welch secured a patent for pureeing grapes and turning them into jelly. He developed and advertised Grapelade (rhymes with marmalade) from Concord grapes—this was popular with America’s troops in WWI. When soldiers came home after the war, it was popular to spread Grapelade on bread.
+
+        Finally, there’s the peanut butter. Contrary to popular belief, peanut butter was not invented by Dr. George Washington Carver. But he is crediting with advancing the peanut crop in the South in the early 1900s and published his “300 Uses for Peanuts,” which included a peanut paste.
+
+        The forerunner of the peanut butter we know today was first brought to light sometime during the 1880s when a St. Louis physician, Dr. Ambrose Straub, made a peanut paste for geriatric patients who had trouble swallowing, or had bad teeth. Around the same time, Dr. John Harvey Kellogg (same as the cereal) was the first to patent a process for manufacturing peanut butter. Peanut butter was first introduced at the 1893 Chicago World Fair. In 1904 Dr. Straub got a food company to develop the peanut spread and they took it to the St. Louis World Fair where it became so popular, grocery stores began ordering it.
+
+        Around the same time, peanut butter appeared in upscale tea rooms in New York City and was considered a delicacy. On the menu of Vanity Fair Tea Room was peanut butter with watercress. Other tea rooms featured peanut butter and pimento sandwich and peanut butter on toast triangles with soda crackers.
+
+        In 1901, the first peanut butter and jelly sandwich recipe appeared in the Boston Cooking School Magazine of Culinary Science and Domestic Economics written by Julia Davis Chandler. She said to use currant or crab-apple jelly and called the combination delicious and as far as she knew, original.
+
+        Still, the peanut butter and jelly sandwich was an exclusive food, and its popularity among the masses was yet to come. As Grapelade and pre-sliced bread became popular, another breakthrough happened with peanut butter—commercial brands found a way to create creamier peanut butter that didn’t stick to the roof of the mouth so easily. And during the Great Depression of the 1930s, families discovered peanut butter provided a satisfying, high protein, less expensive meal.
+
+        But the major event that took the peanut butter and jelly sandwich over the top in popularity was WWII.
+
+        Peanut butter and jelly were on the U.S. Military ration menus in World War II. Peanut butter was a high-protein, shelf-stable ingredient and easily portable on long marches. Grapelade had already accompanied soldiers in the first world war and added a sweetness to the sandwich. With pre-sliced bread so easy to use, the natural inclination was to combine these three items, and before long the good ol’ PB&J was a part of the American soldier’s life.
+
+        When soldiers came home from the war, peanut butter and jelly sales soared. Kids loved it because it tastes great, parents loved how easy it was to make and how kids could make it themselves with pre-sliced bread. Many families and college students on a budget relied on PB&J.
+
+        So, the story of the peanut butter and jelly sandwich is the story of three essential ingredients; all of which have been around for a long time, joining together to give us America’s favorite and enduring sandwich.
+
+
+        </p>
+</body>
+</html>
diff --git a/lesson_06/team.html b/lesson_06/team.html
@@ -25,19 +25,20 @@ <h1 class="header1 header">
         <div class="team-members">
           <div class="member">
             <p><img class="member-pic" src="img/guido.png"></p>
-            <p>Guido van Rossum</p>
+            <p>Canaan</p>
           </div>
           <div class="member">
             <p><img class="member-pic" src="img/Alex_001.png"></p>
             <p>John Mastercoder</p>
           </div>
 
           <div class="member">
-            <!--  student 01 -->
+            <p>Shulav Mainali</p>
 
           </div>
 
           <div class="member">
+            <p>SID</p>
             <!--  student 02 -->
 
           </div>

diff --git a/lesson_06/treelol.png b/lesson_06/treelol.png
diff --git a/lesson_07/index.html b/lesson_07/index.html
@@ -22,21 +22,25 @@ <h1>The Tree Encyclopedia</h1>
 
         <div class="index">
             <h3>Index</h3>
-            <p><button id="oak">Oak</button></p>
+            <p><button id="rosewood">rosewood</button></p>
             <p><button id="beech">Beech</button></p>
+            <p><button id="treelol">TreeLol</button></p>
+            <p><button id="maple">Maple</button></p>
 
         </div>
         <div class="content">
-            <iframe id="i_content" src="oak_content.html"
+            <iframe id="i_content" src="rosewood_content.html"
                     width="1000px" 
                     >
             </iframe>
         </div>
         <div class="summary">
-            <iframe  id="i_summary" src="oak_summary.html">
+            <iframe  id="i_summary" src="rosewood_summary.html">
+
+
             </iframe>
         </div>
-
+        
     </div>
 
 
@@ -48,9 +52,24 @@ <h3>Index</h3>
         $("#oak").click(function(){
             $("#i_content").attr("src","oak_content.html");
             $("#i_summary").attr("src","oak_summary.html");
+
+            $("#treelol").click(function(){
+            $("#i_content").attr("src", "treelol_content.html");
+            $("#i_summary").attr("src", "treelol_summary.html");
+});
+
         })
-        $("#beech").click(function(){
 
+        $("#maple").click(function(){
+            $("#i_content").attr("src","maple_content.html");
+            $("#i_summary").attr("src","maple_summary.html");
+          })
+
+        $("#pine").click(function(){
+            $("#i_content").attr("src","pine_content.html");
+            $("#i_summary").attr("src","pine_summary.html");
+        })
+        $("#beech").click(function(){
 
         })
 

diff --git a/lesson_07/maple_content.html b/lesson_07/maple_content.html
@@ -0,0 +1,22 @@
+<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>Add Maple Stuff</p>
+
diff --git a/lesson_07/maple_summary.html b/lesson_07/maple_summary.html
@@ -0,0 +1,34 @@
+<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>Famil of Maple Trees (classification)
+    </p> 
+
diff --git a/lesson_07/pine_content.html b/lesson_07/pine_content.html
@@ -0,0 +1,20 @@
+<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>Pine</h3>
+    <p>todo</p>
diff --git a/lesson_07/pine_summary.html b/lesson_07/pine_summary.html
@@ -0,0 +1,34 @@
+<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>Pine</h3>
+
+    <p id="type">todo</p>
+    <img src="img/pinetree.jpg" style="width: 200px;">
+
+    <p>Family: todo</p>
+
diff --git a/lesson_07/oak_content.html → lesson_07/rosewood_content.html b/lesson_07/oak_content.html → lesson_07/rosewood_content.html
@@ -16,7 +16,7 @@
 }
 </style>
 
-<h3>Oak</h3>
+<h3>rosewood</h3>
 
 <p>There are approximately 500 extant species of oaks.[2] The common name "oak" 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>
 

diff --git a/lesson_07/oak_summary.html → lesson_07/rosewood_summary.html b/lesson_07/oak_summary.html → lesson_07/rosewood_summary.html
@@ -28,6 +28,6 @@
 <h3>Oak</h3>
 
 <p id="type"> Tree or shrub </p>
-<img src="img/oak.jpg" style="width: 200px;">
+<img src="img/rosewood.jpg" style="width: 200px;">
 <p>Family: genus Quercus of the beech family, Fagaceae.
 </p> 
diff --git a/lesson_07/treelol_summary.html b/lesson_07/treelol_summary.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>TreeLol Summary</title>
+</head>
+<body>
+    <h2>TreeLol Summary</h2>
+    <p>TreeLol is a remarkable tree with characteristics such as it being a funny tree</p>
+</body>
+</html>
diff --git a/treelol_content.html b/treelol_content.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>TreeLol Content</title>
+</head>
+<body>
+    <h2>TreeLol</h2>
+    <img src="img/treelol.png" alt="TreeLol Image">
+    <p>This tree, called TreeLol, is an interesting species known for its ability to make you laugh</p>
+</body>
+</html>