diff options
| author | Minteck <contact@minteck.org> | 2021-12-12 11:11:42 +0000 |
|---|---|---|
| committer | Minteck <contact@minteck.org> | 2021-12-12 11:11:42 +0000 |
| commit | 9ca7f4f0582bf219e0b777c60b308accb682057f (patch) | |
| tree | 85e27c4ac0114a42d1fc86ef3b0a52c344e99202 | |
| parent | 6e56e0a85bf56b10004a94d9c1e5884c58339dc4 (diff) | |
| parent | 0e5a0ae9ee5a5fe76cb4d458b18ddb027ba1a734 (diff) | |
| download | wolfeye-php-9ca7f4f0582bf219e0b777c60b308accb682057f.tar.gz wolfeye-php-9ca7f4f0582bf219e0b777c60b308accb682057f.tar.bz2 wolfeye-php-9ca7f4f0582bf219e0b777c60b308accb682057f.zip | |
Merge branch 'redesign' into 'trunk'
Redesign
See merge request minteck/wolfeye!1
| -rw-r--r-- | assets/main.css | 45 | ||||
| -rw-r--r-- | assets/search-v2.svg | 42 | ||||
| -rw-r--r-- | index.php | 21 |
3 files changed, 100 insertions, 8 deletions
diff --git a/assets/main.css b/assets/main.css index 107521f..12e1ede 100644 --- a/assets/main.css +++ b/assets/main.css @@ -197,4 +197,47 @@ body, html { #details-source-link, #details-data-link { color: white; -}
\ No newline at end of file +} + +.container-fluid { + width: 100%; +} + +.container { + max-width: 100%; + position: absolute; + left: 40%; + top: 10%; + width: 20%; +} + +.title.is-1 { + font-size: 4rem; + text-align: center; +} + +.search-input { + max-width: 100%; + width: 88%; + padding: 12px 20px; + margin: 8px 0px; + border-radius: 5px; + background-color: white; + background-image: url('search-v2.svg'); + background-position: 5px 5px; + background-repeat: no-repeat; + background-size: 8%; + padding-left: 40px; +} + +div.searchbtn { + display: flex; + justify-content: space-around; +} + +div.searchbtn input { + cursor: pointer; + padding: 8px 15px; + margin: 4px 2px; + font-size:14pt; +} diff --git a/assets/search-v2.svg b/assets/search-v2.svg new file mode 100644 index 0000000..8e1d231 --- /dev/null +++ b/assets/search-v2.svg @@ -0,0 +1,42 @@ +<?xml version="1.0" encoding="iso-8859-1"?> +<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> +<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + viewBox="0 0 487.95 487.95" style="enable-background:new 0 0 487.95 487.95;" xml:space="preserve"> +<g> + <g> + <path d="M481.8,453l-140-140.1c27.6-33.1,44.2-75.4,44.2-121.6C386,85.9,299.5,0.2,193.1,0.2S0,86,0,191.4s86.5,191.1,192.9,191.1 + c45.2,0,86.8-15.5,119.8-41.4l140.5,140.5c8.2,8.2,20.4,8.2,28.6,0C490,473.4,490,461.2,481.8,453z M41,191.4 + c0-82.8,68.2-150.1,151.9-150.1s151.9,67.3,151.9,150.1s-68.2,150.1-151.9,150.1S41,274.1,41,191.4z"/> + </g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +</svg> @@ -3,14 +3,21 @@ <head> <meta charset="UTF-8"> <title>WolfEye</title> + + <link rel="stylesheet" href="assets/main.css"> </head> <body> - <h1>WolfEye</h1> - <form action="/search"> - <input type="text" name="q" placeholder="Search the Web..."> - <input type="submit" value="Search!"> - <input type="submit" value="I'm feeling lucky!" disabled> - <link rel="icon" href="/logo.svg"> - </form> + <div class="container"> + <h1 class="title is-1">WolfEye</h1> + <form action="search"> + <input class="search-input" type="text" name="q" placeholder="Search the Web..."> + <br/> + <div class="searchbtn"> + <input type="submit" value="Search!"> + <!-- <input type="submit" value="I'm feeling lucky!" disabled> DISABLE THIS ONE --> + </div> + <link rel="icon" href="/logo.svg"> + </form> + </div> </body> </html> |
