moved all the icons to images and fixed path issues associated with this move
| @@ -8,7 +8,7 @@ | |||||||
| 		<title>Food Journal</title> | 		<title>Food Journal</title> | ||||||
|  |  | ||||||
| 		<!--Add Favicon--> | 		<!--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 --> | 		<!-- Recipe Card Custom Element --> | ||||||
| 		<script src="assets/scripts/ReviewCard.js" type="module"></script> | 		<script src="assets/scripts/ReviewCard.js" type="module"></script> | ||||||
| @@ -24,9 +24,9 @@ | |||||||
|  |  | ||||||
| 	<header> | 	<header> | ||||||
| 		<div class="top-bar"> | 		<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> | 			<h1> Food Journal </h1> | ||||||
| 			<img src ="./assets/images/icons/Logo.png" alt="logo" /> | 			<img src ="./assets/images/Logo.png" alt="logo" /> | ||||||
| 		</div> | 		</div> | ||||||
| 	</header> | 	</header> | ||||||
| 	 | 	 | ||||||
|   | |||||||
| @@ -7,7 +7,7 @@ | |||||||
| 		<title>Food Journal</title> | 		<title>Food Journal</title> | ||||||
|  |  | ||||||
| 		<!--Add Favicon--> | 		<!--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 --> | 		<!-- Recipe Card Custom Element --> | ||||||
| 		<script src="assets/scripts/ReviewCard.js" type="module"></script> | 		<script src="assets/scripts/ReviewCard.js" type="module"></script> | ||||||
| @@ -22,9 +22,9 @@ | |||||||
|   	<body> |   	<body> | ||||||
| 		<header> | 		<header> | ||||||
| 			<div class="top-bar"> | 			<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> | 				<h1> Food Journal </h1> | ||||||
| 				<img src ="./assets/images/icons/Logo.png" alt="logo" /> | 				<img src ="./assets/images/Logo.png" alt="logo" /> | ||||||
| 			</div> | 			</div> | ||||||
| 		</header> | 		</header> | ||||||
|  |  | ||||||
|   | |||||||
| Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB | 
| Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB | 
| Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB | 
| Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB | 
| Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB | 
| Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB | 
| Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 2.0 KiB | 
| Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 13 KiB | 
| Before Width: | Height: | Size: 311 KiB After Width: | Height: | Size: 311 KiB | 
| Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB | 
							
								
								
									
										
											BIN
										
									
								
								source/assets/images/home-button-for-interface.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 4.4 KiB | 
| Before Width: | Height: | Size: 129 KiB After Width: | Height: | Size: 129 KiB | 
| Before Width: | Height: | Size: 253 KiB After Width: | Height: | Size: 253 KiB | 
| @@ -155,7 +155,7 @@ class ReviewCard extends HTMLElement { | |||||||
| 		mealImg.setAttribute("alt","Meal Photo Corrupted"); | 		mealImg.setAttribute("alt","Meal Photo Corrupted"); | ||||||
| 		mealImg.setAttribute("src",data["mealImg"]); | 		mealImg.setAttribute("src",data["mealImg"]); | ||||||
| 		mealImg.addEventListener("error", function(e) { | 		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; | 			e.onerror = null; | ||||||
| 		}); | 		}); | ||||||
|  |  | ||||||
| @@ -182,7 +182,7 @@ class ReviewCard extends HTMLElement { | |||||||
| 		ratingDiv.setAttribute("class", "rating"); | 		ratingDiv.setAttribute("class", "rating"); | ||||||
| 		let starsImg = document.createElement("img"); | 		let starsImg = document.createElement("img"); | ||||||
| 		starsImg.setAttribute("id", "a-rating"); | 		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("alt", data["rating"] +" stars"); | ||||||
| 		starsImg.setAttribute("num", data["rating"]); | 		starsImg.setAttribute("num", data["rating"]); | ||||||
| 		ratingDiv.append(starsImg); | 		ratingDiv.append(starsImg); | ||||||
|   | |||||||
| @@ -18,7 +18,7 @@ function setupInfo(){ | |||||||
| 	let mealImg = document.getElementById("d-mealImg"); | 	let mealImg = document.getElementById("d-mealImg"); | ||||||
| 	mealImg.setAttribute("src",currReview["mealImg"]); | 	mealImg.setAttribute("src",currReview["mealImg"]); | ||||||
| 	mealImg.addEventListener("error", function(e) { | 	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; | 		e.onerror = null; | ||||||
| 	}); | 	}); | ||||||
|  |  | ||||||
| @@ -36,7 +36,7 @@ function setupInfo(){ | |||||||
|  |  | ||||||
| 	//rating | 	//rating | ||||||
| 	let starsImg = document.getElementById("d-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"); | 	starsImg.setAttribute("alt", currReview["rating"] +" stars"); | ||||||
| 	 | 	 | ||||||
| 	//tags | 	//tags | ||||||
| @@ -167,7 +167,7 @@ function setupUpdate(){ | |||||||
| 				tagContainer.removeChild(tags[i]); | 				tagContainer.removeChild(tags[i]); | ||||||
| 			} | 			} | ||||||
|  |  | ||||||
| 			newData["reviewID"] = currID; | 			newData["revietawID"] = currID; | ||||||
|  |  | ||||||
| 			updateReviewToStorage(currID, newData); | 			updateReviewToStorage(currID, newData); | ||||||
|  |  | ||||||
|   | |||||||
| @@ -8,7 +8,7 @@ | |||||||
| 		<title>Food Journal</title> | 		<title>Food Journal</title> | ||||||
|  |  | ||||||
| 		<!--Add Favicon--> | 		<!--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 --> | 		<!-- Recipe Card Custom Element --> | ||||||
| 		<script src="assets/scripts/ReviewCard.js" type="module"></script> | 		<script src="assets/scripts/ReviewCard.js" type="module"></script> | ||||||
| @@ -22,9 +22,9 @@ | |||||||
| 	<body> | 	<body> | ||||||
| 		<header> | 		<header> | ||||||
| 			<div class="top-bar"> | 			<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> | 				<h1> Food Journal </h1> | ||||||
| 				<img src ="./assets/images/icons/Logo.png" alt="logo" /> | 				<img src ="./assets/images/Logo.png" alt="logo" /> | ||||||
| 			</div> | 			</div> | ||||||
| 		</header> | 		</header> | ||||||
| 		<main> | 		<main> | ||||||
| @@ -41,9 +41,9 @@ | |||||||
| 						</form> | 						</form> | ||||||
| 					</div> | 					</div> | ||||||
| 					<div class="center-display">		 | 					<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> | 						<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> | 					</div> | ||||||
|  |  | ||||||
|   | |||||||