[proj. Starbuzz] Add "html" folder

matowdev · matowdev · commit 0e51ead12c23 · 2023-09-04T23:29:18.000+03:00
Added an "html" folder with the blog.html file moved into it.

LP from Books
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -12,6 +12,7 @@
         "Webville",
         "beanheading",
         "compl",
+        "img's",
         "rosehips",
         "splenda"
     ]
diff --git a/Learning_HTML_CSS_Freeman_E/Starbuzz/css/starbuzz.css b/Learning_HTML_CSS_Freeman_E/Starbuzz/css/starbuzz.css
@@ -49,6 +49,10 @@ div#tableContainer {
   min-height: 700px;
 }
 
+div#tableContainer.blogContainer {
+  min-height: 735px;
+}
+
 div#tableRow {
   display: table-row;
 }
diff --git a/Learning_HTML_CSS_Freeman_E/Starbuzz/html/blog.html b/Learning_HTML_CSS_Freeman_E/Starbuzz/html/blog.html
@@ -5,16 +5,18 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Starbuzz Coffee - Blog</title>
-  <link rel="stylesheet" href="css/starbuzz.css">
+  <link rel="stylesheet" href="../css/starbuzz.css">
 </head>
 
 <body>
   <header class="top">
-    <img id="headerLogo" src="images/headerLogo.gif" alt="Starbuzz Coffee header logo image">
-    <img id="headerSlogan" src="images/headerSlogan.gif" alt="Providing all the caffeine you need to power your life.">
+    <a class="main-link" href="../index.html"><img id="headerLogo" src="../images/headerLogo.gif"
+        alt="Starbuzz Coffee header logo image"></a>
+    <img id="headerSlogan" src="../images/headerSlogan.gif"
+      alt="Providing all the caffeine you need to power your life.">
   </header>
 
-  <div id="tableContainer">
+  <div id="tableContainer" class="blogContainer">
     <div id="tableRow">
       <!-- 1. -->
       <section id="drinks">
@@ -80,7 +82,7 @@ <h1>Most unique patron of the month </h1>
 
       <aside>
         <p class="beanheading">
-          <img src="images/bag.gif" alt="Bean Machine bag">
+          <img src="../images/bag.gif" alt="Bean Machine bag">
           <br>
           ORDER ONLINE
           with the
diff --git a/Learning_HTML_CSS_Freeman_E/Starbuzz/index.html b/Learning_HTML_CSS_Freeman_E/Starbuzz/index.html
@@ -17,7 +17,7 @@
   <nav>
     <ul>
       <li class="selected"><a href="index.html">HOME</a></li>
-      <li><a href="blog.html">BLOG</a></li>
+      <li><a href="html/blog.html">BLOG</a></li>
       <li><a href="#">INVENTIONS</a></li>
       <li><a href="#">RECIPES</a></li>
       <li><a href="#">LOCATIONS</a></li>

Original file line number	Diff line number	Diff line change
`@@ -12,6 +12,7 @@`
`12`	`12`	`"Webville",`
`13`	`13`	`"beanheading",`
`14`	`14`	`"compl",`
	`15`	`+ "img's",`
`15`	`16`	`"rosehips",`
`16`	`17`	`"splenda"`
`17`	`18`	`]`
Original file line number	Diff line number	Diff line change
`@@ -49,6 +49,10 @@ div#tableContainer {`
`49`	`49`	`min-height: 700px;`
`50`	`50`	`}`
`51`	`51`
	`52`	`+div#tableContainer.blogContainer {`
	`53`	`+ min-height: 735px;`
	`54`	`+}`
	`55`	`+`
`52`	`56`	`div#tableRow {`
`53`	`57`	`display: table-row;`
`54`	`58`	`}`