moved all the icons to images and fixed path issues associated with this move

source/CreatePage.html

@@ -8,7 +8,7 @@
 		<title>Food Journal</title>
 
 		<!--Add Favicon-->
-		<link rel="icon" type="image/x-icon" href="./assets/images/icons/favicon.ico">
+		<link rel="icon" type="image/x-icon" href="./assets/images/favicon.ico">
 
 		<!-- Recipe Card Custom Element -->
 		<script src="assets/scripts/ReviewCard.js" type="module"></script>
@@ -24,9 +24,9 @@
 
 	<header>
 		<div class="top-bar">
-			<img src ="./assets/images/icons/Logo.png" alt="logo" />
+			<img src ="./assets/images/Logo.png" alt="logo" />
 			<h1> Food Journal </h1>
-			<img src ="./assets/images/icons/Logo.png" alt="logo" />
+			<img src ="./assets/images/Logo.png" alt="logo" />
 		</div>
 	</header>
 	

source/ReviewDetails.html

@@ -7,7 +7,7 @@
 		<title>Food Journal</title>
 
 		<!--Add Favicon-->
-		<link rel="icon" type="image/x-icon" href="./assets/images/icons/favicon.ico">
+		<link rel="icon" type="image/x-icon" href="./assets/images/favicon.ico">
 
 		<!-- Recipe Card Custom Element -->
 		<script src="assets/scripts/ReviewCard.js" type="module"></script>
@@ -22,9 +22,9 @@
   	<body>
 		<header>
 			<div class="top-bar">
-				<img src ="./assets/images/icons/Logo.png" alt="logo" />
+				<img src ="./assets/images/Logo.png" alt="logo" />
 				<h1> Food Journal </h1>
-				<img src ="./assets/images/icons/Logo.png" alt="logo" />
+				<img src ="./assets/images/Logo.png" alt="logo" />
 			</div>
 		</header>
 

source/assets/scripts/ReviewCard.js

@@ -155,7 +155,7 @@ class ReviewCard extends HTMLElement {
 		mealImg.setAttribute("alt","Meal Photo Corrupted");
 		mealImg.setAttribute("src",data["mealImg"]);
 		mealImg.addEventListener("error", function(e) {
-			mealImg.setAttribute("src", "./assets/images/icons/plate_with_cutlery.png");
+			mealImg.setAttribute("src", "./assets/images/plate_with_cutlery.png");
 			e.onerror = null;
 		});
 
@@ -182,7 +182,7 @@ class ReviewCard extends HTMLElement {
 		ratingDiv.setAttribute("class", "rating");
 		let starsImg = document.createElement("img");
 		starsImg.setAttribute("id", "a-rating");
-		starsImg.setAttribute("src", "./assets/images/icons/"+data["rating"]+"-star.svg");
+		starsImg.setAttribute("src", "./assets/images/"+data["rating"]+"-star.svg");
 		starsImg.setAttribute("alt", data["rating"] +" stars");
 		starsImg.setAttribute("num", data["rating"]);
 		ratingDiv.append(starsImg);

source/assets/scripts/ReviewDetails.js

@@ -18,7 +18,7 @@ function setupInfo(){
 	let mealImg = document.getElementById("d-mealImg");
 	mealImg.setAttribute("src",currReview["mealImg"]);
 	mealImg.addEventListener("error", function(e) {
-		mealImg.setAttribute("src", "./assets/images/icons/plate_with_cutlery.png");
+		mealImg.setAttribute("src", "./assets/images/plate_with_cutlery.png");
 		e.onerror = null;
 	});
 
@@ -36,7 +36,7 @@ function setupInfo(){
 
 	//rating
 	let starsImg = document.getElementById("d-rating");
-	starsImg.setAttribute("src", "./assets/images/icons/"+currReview["rating"]+"-star.svg");
+	starsImg.setAttribute("src", "./assets/images/"+currReview["rating"]+"-star.svg");
 	starsImg.setAttribute("alt", currReview["rating"] +" stars");
 	
 	//tags
@@ -167,7 +167,7 @@ function setupUpdate(){
 				tagContainer.removeChild(tags[i]);
 			}
 
-			newData["reviewID"] = currID;
+			newData["revietawID"] = currID;
 
 			updateReviewToStorage(currID, newData);
 

source/index.html

@@ -8,7 +8,7 @@
 		<title>Food Journal</title>
 
 		<!--Add Favicon-->
-		<link rel="icon" type="image/x-icon" href="./assets/images/icons/favicon.ico">
+		<link rel="icon" type="image/x-icon" href="./assets/images/favicon.ico">
 
 		<!-- Recipe Card Custom Element -->
 		<script src="assets/scripts/ReviewCard.js" type="module"></script>
@@ -22,9 +22,9 @@
 	<body>
 		<header>
 			<div class="top-bar">
-				<img src ="./assets/images/icons/Logo.png" alt="logo" />
+				<img src ="./assets/images/Logo.png" alt="logo" />
 				<h1> Food Journal </h1>
-				<img src ="./assets/images/icons/Logo.png" alt="logo" />
+				<img src ="./assets/images/Logo.png" alt="logo" />
 			</div>
 		</header>
 		<main>
@@ -41,9 +41,9 @@
 						</form>
 					</div>
 					<div class="center-display">		
-						<img src ="./assets/images/icons/Grouppink.png" alt="CREATE" style="opacity: 100%;" id="create-btn" onclick="window.location.assign('./CreatePage.html')"/>
+						<img src ="./assets/images/Grouppink.png" alt="CREATE" style="opacity: 100%;" id="create-btn" onclick="window.location.assign('./CreatePage.html')"/>
 						<h2 id="recent-reviews-text"> Recent Reviews </h2>
-						<img src ="./assets/images/icons/Grouppink.png" style="opacity:0;"/>
+						<img src ="./assets/images/Grouppink.png" style="opacity:0;"/>
 						
 					</div>