moved all the icons to images and fixed path issues associated with this move
| @@ -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> | ||||
| 	 | ||||
|   | ||||
| @@ -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> | ||||
|  | ||||
|   | ||||
| 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("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); | ||||
|   | ||||
| @@ -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); | ||||
|  | ||||
|   | ||||
| @@ -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> | ||||
|  | ||||
|   | ||||