2022-11-08 03:18:05 +00:00
<!DOCTYPE html>
< html lang = "en" >
2022-11-21 03:50:54 +00:00
< head >
< meta charset = "UTF-8" / >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" / >
< title > Food Journal< / title >
2022-11-08 03:18:05 +00:00
2022-11-21 22:37:37 +00:00
<!-- Add Favicon -->
2022-11-22 00:12:17 +00:00
< link rel = "icon" type = "image/x-icon" href = "./assets/images/favicon.ico" >
2022-11-21 22:37:37 +00:00
2022-11-21 03:50:54 +00:00
<!-- Recipe Card Custom Element -->
< script src = "assets/scripts/ReviewCard.js" type = "module" > < / script >
2022-11-08 23:57:02 +00:00
2022-11-21 03:50:54 +00:00
<!-- Main Stylesheets & Scripts -->
<!-- Temporarily commented out reset.css due to furthur discussion needed on the values of the default config -->
<!-- <link rel="stylesheet" href="/static/reset.css" /> -->
< link rel = "stylesheet" href = "./static/homepage.css" / >
< script src = "assets/scripts/main.js" type = "module" > < / script >
< / head >
< body >
< header >
< div class = "top-bar" >
2022-11-22 00:12:17 +00:00
< img src = "./assets/images/Logo.png" alt = "logo" / >
2022-11-21 03:50:54 +00:00
< h1 > Food Journal < / h1 >
2022-11-22 00:12:17 +00:00
< img src = "./assets/images/Logo.png" alt = "logo" / >
2022-11-21 00:31:32 +00:00
< / div >
2022-11-21 03:50:54 +00:00
< / header >
< main >
< div class = "body-container" >
< div style = "width: 20%;" > < / div >
< div style = "width: 60%;" >
2022-11-21 05:58:44 +00:00
< div class = "search-bar" >
< form id = "form" >
2022-11-30 04:51:45 +00:00
< input type = "search" id = "search-bar" name = "searchBar" placeholder = "Search tags..." >
<!-- -
< button class = "click" type = "search" > Search < / button >
--->
2022-11-21 05:58:44 +00:00
< div class = "Filter-box" >
< / div >
< / form >
2022-11-30 04:51:45 +00:00
< img src = "./assets/images/search_button.png" alt = "SEARCH BTN" id = "search-btn" / >
2022-11-21 05:58:44 +00:00
< / div >
2022-11-21 03:50:54 +00:00
< div class = "center-display" >
2022-11-24 10:27:27 +00:00
< img src = "./assets/images/Grouppink.png" alt = "CREATE" style = "opacity: 100%;" id = "create-btn" title = "Add an entry!" onclick = "window.location.assign('./CreatePage.html')" / >
2022-11-21 03:50:54 +00:00
< h2 id = "recent-reviews-text" > Recent Reviews < / h2 >
2022-11-22 00:12:17 +00:00
< img src = "./assets/images/Grouppink.png" style = "opacity:0;" / >
2022-11-30 10:49:49 +00:00
<!-- <button id="rating - btn">Sort By Top Rating</button> -->
< label for = "sort" > Filtering Method:< / label >
< select id = "sort" >
< option value = "recent" > Most Recent< / option >
< option value = "top" > Top Rated< / option >
< / select >
2022-11-21 03:50:54 +00:00
< / div >
2022-11-21 00:31:32 +00:00
2022-11-21 03:50:54 +00:00
< div class = "review-container" id = "review-container" > < / div >
< / div >
< div style = "width: 20%;" >
< / div >
2022-11-21 00:31:32 +00:00
< / div >
2022-11-21 03:50:54 +00:00
< / main >
< / body >
2022-11-11 20:07:58 +00:00
< / html >
