coffeeordeath/edx
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Search!

Browse Source
This commit is contained in:
Alexander Hosking 2022-11-14 23:38:41 -05:00
parent 2b1ad5d981
commit 68e8507109
6 changed files with 88 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
project0/specification.txt → project0-specification.txt
View File

45
project0/advanced.html
View File

@ -1,14 +1,51 @@
<!DOCTYPE html> <!DOCTYPE html>
<link rel="stylesheet" href="search.css">
<html lang="en"> <html lang="en">
<head> <head>
<title>Advanced Search</title> <title>Advanced Search</title>
</head> </head>
<body> <body>
<br> <div class="header">
Advanced Search <div class="header-right">
<a href="./image.html">Image Search</a>
<a href="./index.html">Search</a>
</div>
</div>
<div class="mainBody">
<div class=appbar>Advanced Search</div>
<hr>
<div class="search">
<form action="https://google.com/search"> <form action="https://google.com/search">
<input type="text" name="q"> <div class="lOTAE"> <span>Find pages with...</span> </div>
<input type="submit" value="Google Search"> <br>
<table>
<tr>
<td>all these words:</td>
<td><input type="text" name="q"></td>
</tr>
<tr>
<td>this excat word or phrase:</td>
<td><input type="text" name="as_epq"></td>
</tr>
<tr>
<td>any of these words: </td>
<td><input type="text" name="as_oq"></td>
</tr>
<tr>
<td>none of these words:</td>
<td><input type="text" name="as_eq"></td>
</tr>
</table>
</div>
<div class="search__buttons">
<button type="submit" value="Advanced Search" class="advanced">Advanced Search</button>
</div>
</form> </form>
<!-- https://www.google.com/search?as_q=big&as_epq=pink&as_oq=piano&as_eq=cherry&as_nlo=&as_nhi=&lr=&cr=&as_qdr=all&as_sitesearch=&as_occt=any&safe=images&as_filetype=&tbs= -->
</div>
</body> </body>
</html> </html>

25
project0/image.html
View File

@ -1,14 +1,33 @@
<!DOCTYPE html> <!DOCTYPE html>
<link rel="stylesheet" href="search.css">
<html lang="en"> <html lang="en">
<head> <head>
<title>Image Search</title> <title>Image Search</title>
</head> </head>
<body> <body>
<br> <div class="header">
Image Search <div class="header-right">
<a href="./index.html">Search</a>
<a href="./advanced.html">Advanced Search</a>
</div>
</div>
<div class="mainBody">
<img src="search_logo.png">
<div class="search">
<form action="https://google.com/search"> <form action="https://google.com/search">
<div class="search__input">
<input type="text" name="q"> <input type="text" name="q">
<input type="submit" value="Google Search"> <input type="hidden" name="tbm" value="isch">
</div>
<div class="search__buttons">
<input type="submit" value="Image Search">
</div>
</form> </form>
</div>
</div>
</body> </body>
</html> </html>

7
project0/index.html
View File

@ -14,16 +14,15 @@
</div> </div>
<div class="mainBody"> <div class="mainBody">
<img src="search_logo.png">
<div class="search"> <div class="search">
Alex was here.
<form action="https://google.com/search"> <form action="https://google.com/search">
<!-- https://www.google.com/search?q=css+basics -->
<div class="search__input"> <div class="search__input">
<input type="text" name="q"> <input type="text" name="q">
</div> </div>
<div class="search__buttons"> <div class="search__buttons">
<input type="submit" value="Google Search"> <button type="submit" name="btnK" value="Google Search" class="button">Google Search</button>
<button type="submit" name="btnI" value="I'm Feeling Lucky" class="button">I'm Feeling Lucky</button>
</div> </div>
</form> </form>
</div> </div>

17
project0/search.css
View File

@ -93,3 +93,20 @@
border: none; border: none;
cursor: pointer; cursor: pointer;
} }
.search__buttons button.advanced {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.appbar {
color: #d93025;
font-size: 20px;
}
div.lOTAE {
height: 30px;
display: table-cell;
vertical-align: middle;
}

BIN
project0/search_logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 60 KiB