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

49
project0/advanced.html
View File

@ -1,14 +1,51 @@
<!DOCTYPE html>
<link rel="stylesheet" href="search.css">
<html lang="en">
<head>
<title>Advanced Search</title>
</head>
<body>
<br>
Advanced Search
<form action="https://google.com/search">
<input type="text" name="q">
<input type="submit" value="Google Search">
</form>
<div class="header">
<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">
<div class="lOTAE"> <span>Find pages with...</span> </div>
<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>
<!-- 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>
</html>

31
project0/image.html
View File

@ -1,14 +1,33 @@
<!DOCTYPE html>
<link rel="stylesheet" href="search.css">
<html lang="en">
<head>
<title>Image Search</title>
</head>
<body>
<br>
Image Search
<form action="https://google.com/search">
<input type="text" name="q">
<input type="submit" value="Google Search">
</form>
<div class="header">
<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">
<div class="search__input">
<input type="text" name="q">
<input type="hidden" name="tbm" value="isch">
</div>
<div class="search__buttons">
<input type="submit" value="Image Search">
</div>
</form>
</div>
</div>
</body>
</html>

7
project0/index.html
View File

@ -14,16 +14,15 @@
</div>
<div class="mainBody">
<img src="search_logo.png">
<div class="search">
Alex was here.
<form action="https://google.com/search">
<!-- https://www.google.com/search?q=css+basics -->
<div class="search__input">
<input type="text" name="q">
</div>
<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>
</form>
</div>

17
project0/search.css
View File

@ -92,4 +92,21 @@
outline: none;
border: none;
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