diff --git a/README.md b/README.md index 54cb122d5340357c432aaa715079c6d8bfe678f2..8182364e2c3b515d669d98551f16abb55d465d01 100644 --- a/README.md +++ b/README.md @@ -41,7 +41,7 @@ http://localhost:8000/ <img src="screenshots/AddAuthor.png"> <img src="screenshots/AddBook.png"> <img src="screenshots/Addgenre.png"> -<img src="screenshots/AuthorList.png"> +<img src="screenshots/AuthorList.jpg"> <img src="screenshots/BookList.png"> <img src="screenshots/GenreList.png"> <img src="screenshots/Login.png"> @@ -49,9 +49,24 @@ http://localhost:8000/ <img src="screenshots/UpdateUser.png"> <img src="screenshots/UserList.png"> +## **Screenshot of Lighthouse** + +<img src="screenshots/lighthouse/lighthouse (1).jpg"> +<img src="screenshots/lighthouse/lighthouse (2).jpg"> +<img src="screenshots/lighthouse/lighthouse (3).jpg"> +<img src="screenshots/lighthouse/lighthouse (4).jpg"> +<img src="screenshots/lighthouse/lighthouse (5).jpg"> +<img src="screenshots/lighthouse/lighthouse (6).jpg"> +<img src="screenshots/lighthouse/lighthouse (7).jpg"> +<img src="screenshots/lighthouse/lighthouse (8).jpg"> +<img src="screenshots/lighthouse/lighthouse (9).jpg"> + + ## **Bonus yang dikerjakan** 1. Dockerize +2. Lighthouse +3. Responsive ## **Pembagian Kerja - Workload Breakdown** diff --git a/app/components/Navbar.php b/app/components/Navbar.php index d21c9fae940f2d267ce08194f9ab87b7fa259757..935bcdefab9e412e1c306c218ad0634d3119408a 100644 --- a/app/components/Navbar.php +++ b/app/components/Navbar.php @@ -39,7 +39,7 @@ <?php endif;?> <?php endif;?> </ul> - <form method="POST" + <form method="POST" action="/../user/logout" > <input class="section" type="submit" value="Log Out"> </input> </form> diff --git a/app/pages/admin/AddAuthorPage.php b/app/pages/admin/AddAuthorPage.php index 63b8692594aa573b55ad0d1d16c4a8cae734a1a0..f2aefba6388b9266d3c66243274c6de7e575c50c 100644 --- a/app/pages/admin/AddAuthorPage.php +++ b/app/pages/admin/AddAuthorPage.php @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html> +<html lang="en"> <head> <meta charset="UTF-8"> diff --git a/app/pages/admin/AddGenrePage.php b/app/pages/admin/AddGenrePage.php index f948f108258caa9d83b862c3e79795128101f540..1df93f0b8b6a7149da0c644c9b53014e9fbe49ba 100644 --- a/app/pages/admin/AddGenrePage.php +++ b/app/pages/admin/AddGenrePage.php @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html> +<html lang="en"> <head> <meta charset="UTF-8"> diff --git a/app/pages/admin/DeleteAuthorPage.php b/app/pages/admin/DeleteAuthorPage.php index a82bfdee28b12353297c8add1ebaac2b6cfa34a8..c054d12a4068f58e8d4c62e1640e24e458886da3 100644 --- a/app/pages/admin/DeleteAuthorPage.php +++ b/app/pages/admin/DeleteAuthorPage.php @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html> +<html lang="en"> <head> <meta charset="UTF-8"> diff --git a/app/pages/admin/DeleteBookPage.php b/app/pages/admin/DeleteBookPage.php index a59cbbc8dfc4e8307cf74a4c056a97ed633a0a42..6d5b538c11ae1820f8c8ee0c82ae3c627248d890 100644 --- a/app/pages/admin/DeleteBookPage.php +++ b/app/pages/admin/DeleteBookPage.php @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html> +<html lang="en"> <head> <meta charset="UTF-8"> diff --git a/app/pages/admin/DeleteGenrePage.php b/app/pages/admin/DeleteGenrePage.php index 084f469c5d684dda4c63aaaa899f24c1ecfee0ca..cfc85c679281253e2ba2595ea0f71299e27109f1 100644 --- a/app/pages/admin/DeleteGenrePage.php +++ b/app/pages/admin/DeleteGenrePage.php @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html> +<html lang="en"> <head> <meta charset="UTF-8"> diff --git a/app/pages/admin/DeleteUserPage.php b/app/pages/admin/DeleteUserPage.php index 81f076c17d47cbd3ace3cab2e3d1af621a72591a..129516eb0386d8966c11f007283a14c0ba69399c 100644 --- a/app/pages/admin/DeleteUserPage.php +++ b/app/pages/admin/DeleteUserPage.php @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html> +<html lang="en"> <head> <meta charset="UTF-8"> diff --git a/app/pages/admin/UpdateAuthorPage.php b/app/pages/admin/UpdateAuthorPage.php index 2b6fed34c987bb1910f1375a6adcdfd8d39bbdca..ad9200a0bc1af3157168fa462aee654ff7cb23bf 100644 --- a/app/pages/admin/UpdateAuthorPage.php +++ b/app/pages/admin/UpdateAuthorPage.php @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html> +<html lang="en"> <head> <meta charset="UTF-8"> diff --git a/app/pages/admin/UpdateBookPage.php b/app/pages/admin/UpdateBookPage.php index 4eda91ceff66066ea60b953f341fb9cee98cb805..5edd3be9de364423329c83c93e1d3f0674f69de1 100644 --- a/app/pages/admin/UpdateBookPage.php +++ b/app/pages/admin/UpdateBookPage.php @@ -1,6 +1,5 @@ <!DOCTYPE html> -<html> - +<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> @@ -66,7 +65,7 @@ <br><br> - <label class="form-label" for="genre">New Book Summary:</label><br> + <label class="form-label" for="summary">New Book Summary:</label><br> <textarea class="text-area" type="text" id="summary" name="summary" rows="5" cols="50" diff --git a/app/pages/admin/UpdateGenrePage.php b/app/pages/admin/UpdateGenrePage.php index 157f09f9ea1b3936bdc01ecf8f795d5383da92ec..f2ef3adaaa6218db3b1e9956cadfd78b34e42f2e 100644 --- a/app/pages/admin/UpdateGenrePage.php +++ b/app/pages/admin/UpdateGenrePage.php @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html> +<html lang="en"> <head> <meta charset="UTF-8"> diff --git a/app/pages/admin/UpdateSpecificAuthorPage.php b/app/pages/admin/UpdateSpecificAuthorPage.php index b41d3c1c641eb81d80ec414e1d7980333f8d43de..9452615e78b65d4b3ed38666da3013bb51999f94 100644 --- a/app/pages/admin/UpdateSpecificAuthorPage.php +++ b/app/pages/admin/UpdateSpecificAuthorPage.php @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html> +<html lang="en"> <head> <meta charset="UTF-8"> diff --git a/app/pages/admin/UpdateSpecificGenrePage.php b/app/pages/admin/UpdateSpecificGenrePage.php index c736ae5bb40d786b650614af6d4a7a8b10ea5597..0ee93681b11fbda59a0744187b3c63ed828db269 100644 --- a/app/pages/admin/UpdateSpecificGenrePage.php +++ b/app/pages/admin/UpdateSpecificGenrePage.php @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html> +<html lang="en"> <head> <meta charset="UTF-8"> diff --git a/app/pages/admin/UpdateUserPage.php b/app/pages/admin/UpdateUserPage.php index 2be97db5101009eb4fe6d3fa4198c5c7208c655c..fbf0750b56970007dacdce74fd23bf816b5b1292 100644 --- a/app/pages/admin/UpdateUserPage.php +++ b/app/pages/admin/UpdateUserPage.php @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html> +<html lang="en"> <head> <meta charset="UTF-8"> diff --git a/app/public/styles/home/home.css b/app/public/styles/home/home.css index 686f3d05428b4adf7f86ee816ce3cb5fff395246..138cf6d14f8d05f50c9f945d84a366e395875076 100644 --- a/app/public/styles/home/home.css +++ b/app/public/styles/home/home.css @@ -30,35 +30,6 @@ gap: 0.25rem; } - -/* -select { - outline: 0; - background: #fff; - color: var(--teal); - border: 2px solid var(--teal); - padding: 4px; - border-radius: 4px; -} - -.search { - color: black; - font-family: var(--poppins); - font-weight: 500; - background: transparent; - border-radius: 2px solid var(--teal) !important; -} - -.button { - border-radius: 100px; - background: var(--teal); - padding: 1rem; - display: flex; -} - - -*/ - select, .search { outline: 0; @@ -180,4 +151,29 @@ select, background: #919EAB; border-radius: 5.25px; opacity: 0.50; +} + +@media screen and (max-width: 768px) { + .book-container { + width: 40%; + } + .topbar-container{ + flex-direction: column; + width: 40%; + } + .selection{ + flex-direction: column; + align-items: center; + gap:0.5rem; + } + .profile-button{ + display: none; + } + .booklist-container{ + flex-direction: row; + } + .button-container{ + flex-direction: column; + gap:0.25rem; + } } \ No newline at end of file diff --git a/app/public/styles/template/navbar.css b/app/public/styles/template/navbar.css index ca60eda82ec0bbd1a435c83d599a34cc3d5687e3..04b2a3764557808afd9a0bb4e01aad90eb835147 100644 --- a/app/public/styles/template/navbar.css +++ b/app/public/styles/template/navbar.css @@ -16,7 +16,7 @@ nav { margin: 0; font-family: var(--poppins); - font-size: 1rem; + font-size: 1.5vw; color: #212529; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; @@ -32,7 +32,9 @@ nav { background: #118A7E; transition: all 0.5s ease; } - +input{ + font-size: 1.5vw; +} .sidebar .top { text-align: center; line-height: auto; diff --git a/app/public/styles/user/auth.css b/app/public/styles/user/auth.css index 22a66b9b246df8d40767eb759c2e22acc676317e..f492df9d5d29537cdf649ba984202548f0ed6d8d 100644 --- a/app/public/styles/user/auth.css +++ b/app/public/styles/user/auth.css @@ -89,7 +89,8 @@ p b{ text-align: center; } -/* -#profile-pic { - display: none; -} */ +@media screen and (max-width: 768px) { + img { + max-width: 250px; + } +} diff --git a/screenshots/AuthorList.jpg b/screenshots/AuthorList.jpg new file mode 100644 index 0000000000000000000000000000000000000000..b8c0391d83505f61b5c7d47a9b3f7ced4b925db7 Binary files /dev/null and b/screenshots/AuthorList.jpg differ diff --git a/screenshots/lighthouse/lighthouse (1).jpg b/screenshots/lighthouse/lighthouse (1).jpg new file mode 100644 index 0000000000000000000000000000000000000000..6af9984585d018ed53de8a27584e06bdf0208083 Binary files /dev/null and b/screenshots/lighthouse/lighthouse (1).jpg differ diff --git a/screenshots/lighthouse/lighthouse (2).jpg b/screenshots/lighthouse/lighthouse (2).jpg new file mode 100644 index 0000000000000000000000000000000000000000..de75602bdd855c68662d99fad18b541f5752a38e Binary files /dev/null and b/screenshots/lighthouse/lighthouse (2).jpg differ diff --git a/screenshots/lighthouse/lighthouse (3).jpg b/screenshots/lighthouse/lighthouse (3).jpg new file mode 100644 index 0000000000000000000000000000000000000000..a63c1ea0ec51945795de6b8cfdcaade2bbd3e745 Binary files /dev/null and b/screenshots/lighthouse/lighthouse (3).jpg differ diff --git a/screenshots/lighthouse/lighthouse (4).jpg b/screenshots/lighthouse/lighthouse (4).jpg new file mode 100644 index 0000000000000000000000000000000000000000..a0f87fa0559a44b057dfa6a1e040c90214a2ec9e Binary files /dev/null and b/screenshots/lighthouse/lighthouse (4).jpg differ diff --git a/screenshots/lighthouse/lighthouse (5).jpg b/screenshots/lighthouse/lighthouse (5).jpg new file mode 100644 index 0000000000000000000000000000000000000000..0d2d26d4ca68f8cca2e8c5d2eaf1b35dd8aae16f Binary files /dev/null and b/screenshots/lighthouse/lighthouse (5).jpg differ diff --git a/screenshots/lighthouse/lighthouse (6).jpg b/screenshots/lighthouse/lighthouse (6).jpg new file mode 100644 index 0000000000000000000000000000000000000000..995ddbbb7f2d33dabbd6b3fd77a0ac2709642069 Binary files /dev/null and b/screenshots/lighthouse/lighthouse (6).jpg differ diff --git a/screenshots/lighthouse/lighthouse (7).jpg b/screenshots/lighthouse/lighthouse (7).jpg new file mode 100644 index 0000000000000000000000000000000000000000..5f12ff931a4141fb9f8810fb0c4f4b418fe25a4d Binary files /dev/null and b/screenshots/lighthouse/lighthouse (7).jpg differ diff --git a/screenshots/lighthouse/lighthouse (8).jpg b/screenshots/lighthouse/lighthouse (8).jpg new file mode 100644 index 0000000000000000000000000000000000000000..af5381ea26c851e64051d370525bc47e0738e4aa Binary files /dev/null and b/screenshots/lighthouse/lighthouse (8).jpg differ diff --git a/screenshots/lighthouse/lighthouse (9).jpg b/screenshots/lighthouse/lighthouse (9).jpg new file mode 100644 index 0000000000000000000000000000000000000000..84641fb13fd147933a32e3e7bc6e91d732c4b226 Binary files /dev/null and b/screenshots/lighthouse/lighthouse (9).jpg differ