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-30 00:17:26 +00:00
<!-- Review Card Custom Element -->
2022-11-21 03:50:54 +00:00
< script src = "assets/scripts/ReviewCard.js" type = "module" > < / script >
2022-11-08 23:57:02 +00:00
2022-11-30 00:17:26 +00:00
<!-- Homepage Stylesheets & Scripts -->
2022-11-21 03:50:54 +00:00
< 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" >
< input type = "search" id = "searching" name = "searchBar" placeholder = "Search journal..." >
2022-11-21 21:52:44 +00:00
< button class = "click" type = "search" > Search < / button >
2022-11-21 05:58:44 +00:00
< div class = "Filter-box" >
< / div >
< / form >
< / 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-21 05:58:44 +00:00
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 >