From 4cfcf90ffcfef00659d9e7d3e6d612cb3e243046 Mon Sep 17 00:00:00 2001 From: Florian SYLVAIN Date: Fri, 29 Oct 2021 10:34:24 +0200 Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Introduced=20main=20research=20page?= =?UTF-8?q?=20(mobile=20design)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ProjetProgWeb/assets/search.svg | 3 ++ ProjetProgWeb/index.php | 19 ++++++- ProjetProgWeb/navbar.php | 11 ++++ ProjetProgWeb/stylesheet.css | 89 +++++++++++++++++++++++++++++++++ 4 files changed, 120 insertions(+), 2 deletions(-) create mode 100644 ProjetProgWeb/assets/search.svg create mode 100644 ProjetProgWeb/navbar.php create mode 100644 ProjetProgWeb/stylesheet.css diff --git a/ProjetProgWeb/assets/search.svg b/ProjetProgWeb/assets/search.svg new file mode 100644 index 0000000..db5fd35 --- /dev/null +++ b/ProjetProgWeb/assets/search.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/ProjetProgWeb/index.php b/ProjetProgWeb/index.php index 5172feb..3a562b6 100644 --- a/ProjetProgWeb/index.php +++ b/ProjetProgWeb/index.php @@ -5,13 +5,28 @@ + Document -

Welcome

'; + var_dump($json); + echo ''; ?> diff --git a/ProjetProgWeb/navbar.php b/ProjetProgWeb/navbar.php new file mode 100644 index 0000000..c2c89f9 --- /dev/null +++ b/ProjetProgWeb/navbar.php @@ -0,0 +1,11 @@ +
+ +
diff --git a/ProjetProgWeb/stylesheet.css b/ProjetProgWeb/stylesheet.css new file mode 100644 index 0000000..758fede --- /dev/null +++ b/ProjetProgWeb/stylesheet.css @@ -0,0 +1,89 @@ +/* Extra small */ + +* { + box-sizing: border-box; +} + +body { + display: block; + margin: 0; + padding: 0; + width: 100%; +} + +.navbar { + display: flex; + align-items: center; + gap: 10px; + background-color: rgba(57, 180, 231, 0.50); + box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 5px; + height: 75px; + padding: 10px; + width: 100%; + font-family: sans-serif; +} + +.navbar-input { + box-shadow: rgba(0, 0, 0, 0.15) 0 2px 5px; + border-radius: 15px; + height: 35px; + display: flex; + align-items: center; + width: 100%; + background-color: white; +} + +.navbar input { + border-radius: 15px; + outline: none; + border: none; + height: 100%; + font-size: 18px; + padding: 15px 5px 15px 15px; + width: 100%; +} + +.navbar img { + background: white; + border-radius: 100px; + width: 50px; + right: 5px; + padding: 10px; + box-shadow: rgba(0, 0, 0, 0.15) 4px 2px 5px; + cursor: pointer; +} + +.navbar button { + border: none; + background: none; + margin: 0; + padding: 0; +} + +.navbar h1 { + display: none; +} + +pre { + overflow: scroll; +} + +/* Small */ +@media (min-width: 576px) { + +} + +/* Medium */ +@media (min-width: 768px) { + +} + +/* Large */ +@media (min-width: 992px) { + +} + +/* Extra large */ +@media (min-width: 1200px) { + +} \ No newline at end of file