diff --git a/app/view/browse.php b/app/view/browse.php index 13fa810a02bbffc76007a1fb0ba408edd8d104c2..a68f53d2fbb14b94034f75655a91267d7a4142c3 100644 --- a/app/view/browse.php +++ b/app/view/browse.php @@ -1,5 +1,6 @@ <?php include __STATIC__.'/html/header.html'; + include __STATIC__.'/html/browse.html'; // Include content here; include __STATIC__.'/html/footer.html'; // echo $_COOKIE["user"]; diff --git a/app/view/result.php b/app/view/result.php new file mode 100644 index 0000000000000000000000000000000000000000..9fae434fbaf4985cca6024790f7187cfb53b15b2 --- /dev/null +++ b/app/view/result.php @@ -0,0 +1,7 @@ +<?php + include __STATIC__.'/html/header.html'; + include __STATIC__.'/html/search_result.html'; + // Include content here; + include __STATIC__.'/html/footer.html'; + // echo $_COOKIE["user"]; +?> \ No newline at end of file diff --git a/app/view/static/css/browse.css b/app/view/static/css/browse.css deleted file mode 100644 index fd087ab86b2318ef476bcf575f043b30f687eaf8..0000000000000000000000000000000000000000 --- a/app/view/static/css/browse.css +++ /dev/null @@ -1,24 +0,0 @@ -.search-book input { - display: block; - height: 38px; - width: 100%; - border: 2px solid; - border-color: #898989; - border-radius: 5px; - - margin-bottom: 20px; - padding-left: 10px; -} - -.search-book button { - width: 120px; - height: 35px; - background-color: #00aeef; - border-color: #00aeef; - border-radius: 5px; -} - -.search-book button span { - color: white; - font-size: 18px; -} \ No newline at end of file diff --git a/app/view/static/html/browse.html b/app/view/static/html/browse.html deleted file mode 100644 index 644c63866b2c6b2e19b9321e3c65a404fecf2c8e..0000000000000000000000000000000000000000 --- a/app/view/static/html/browse.html +++ /dev/null @@ -1,16 +0,0 @@ -<link rel="stylesheet" href="../css/browse.css"> -<link rel="stylesheet" href="../css/base.css"> -<div class="content search-book"> - <h1 class="title">Search Book</h1> - <form> - <input - type="text" - name='search-book' - id='search-book' - placeholder="Input search terms..." - /> - <div class="justify-content-end"> - <button type='submit' id='search-book-button'><span>Search</span></button> - </div> - </form> -</div> \ No newline at end of file diff --git a/config/devel.php b/config/devel.php index 0a440e54074ee6fc9da190106c7a1a7214fd8d4d..3da4d5bcf4b2498ad3aaad777e214abdd84675a2 100644 --- a/config/devel.php +++ b/config/devel.php @@ -1,5 +1,5 @@ <?php - $APP_CONFIG = array( + return array( "db" => array( "host" => "localhost", "user" => "root", diff --git a/public/index.php b/public/index.php index 58e0d33af3deca2d7514399f10835a892f2e1cbd..6ad12e0867b09ea7b4a8f4035081107a7481d738 100644 --- a/public/index.php +++ b/public/index.php @@ -39,7 +39,8 @@ // TODO: Add Book Routes $router = addUserRoutes($router, $userUsecase); - $router->add("/browse/", "GET", 'render', $authMiddleware, 'browse.php'); + $router->add("/browse/", "GET", 'render', null, 'browse.php'); + $router->add("/results/", "GET", "render", null, "result.php"); $router->add("/login/", "GET", 'render', null, 'login.php'); $router->add("/register/", "GET", 'render', null, 'register.php'); $router->add("/history/", "GET", 'render', $authMiddleware, 'history.php'); diff --git a/public/static/css/base.css b/public/static/css/base.css index 3d528b6e5c04514e32dcbac4ae974929f88bfeec..20cfbabc0b2f5e421342833479f7a54b5e640061 100644 --- a/public/static/css/base.css +++ b/public/static/css/base.css @@ -5,9 +5,12 @@ body { } .title { - font-size: 80px; + font-size: 55px; color: #f26600; +} +.title h1 { + margin-top: 0px; margin-bottom: 30px; } diff --git a/public/static/css/browse.css b/public/static/css/browse.css new file mode 100644 index 0000000000000000000000000000000000000000..59d17d5c6a82669b3b778ee7b6ab24cb479155f3 --- /dev/null +++ b/public/static/css/browse.css @@ -0,0 +1,22 @@ +.search-book { + height: 40px; + width: 100%; + border: 3px solid; + border-color: #898989; + border-radius: 6px; + + margin-bottom: 30px; + padding: 10px; +} + +.button-search-book { + width: 150px; + height: 40px; + background-color: #00aeef; + border-color: #00aeef; +} + +.button-search-book span { + color: white; + font-size: 20px; +} \ No newline at end of file diff --git a/app/view/static/css/search_result.css b/public/static/css/search_result.css similarity index 88% rename from app/view/static/css/search_result.css rename to public/static/css/search_result.css index b20c250617c8042d8d864217549c7b7339758a2b..777d8fbcd7a4e6b302f3f6b46bff164f945a1d4c 100644 --- a/app/view/static/css/search_result.css +++ b/public/static/css/search_result.css @@ -8,8 +8,14 @@ align-self: flex-end; } -.search-result-title h2 { +.search-result-title h1 { + font-size: 110px; margin-bottom: 45px; + margin-top: 10px; +} + +.search-result-title h2 { + margin-bottom: 65px; font-size: 30px; color: #4c4c4c; } diff --git a/public/static/html/browse.html b/public/static/html/browse.html new file mode 100644 index 0000000000000000000000000000000000000000..3e9968cb03df08049abaf9a00b52f3d7844132fd --- /dev/null +++ b/public/static/html/browse.html @@ -0,0 +1,21 @@ +<link rel="stylesheet" href="/static/css/base.css"> +<link rel="stylesheet" href="/static/css/browse.css"> +<div class="content"> + <div class="title"> + <h1> + Search Book + </h1> + </div> + <form> + <input + type="text" + class="search-book" + name="search-book" + placeholder="Input search terms..." + /> + <div class="justify-content-end"> + <button type="Submit" class="button-search-book"><span>Search</span></button> + </div> + </form> + +</div> \ No newline at end of file diff --git a/app/view/static/html/search_result.html b/public/static/html/search_result.html similarity index 87% rename from app/view/static/html/search_result.html rename to public/static/html/search_result.html index 8d14df4afbede5153ebfd27ba158da12c9a029bb..8eba1838508d636fcfd244a49c9a600039ad1e56 100644 --- a/app/view/static/html/search_result.html +++ b/public/static/html/search_result.html @@ -1,5 +1,5 @@ -<link rel="stylesheet" href="../css/base.css"> -<link rel="stylesheet" href="../css/search_result.css"> +<link rel="stylesheet" href="/static/css/base.css"> +<link rel="stylesheet" href="/static/css/search_result.css"> <div class="content search-result"> <div class="search-result-title"> <h1 class="title">Search Result</h1>