dont use a cdn for one little search icon
This commit is contained in:
parent
2fb507356e
commit
8fa66770b1
3 changed files with 28 additions and 2 deletions
BIN
assets/icomoon.woff
Normal file
BIN
assets/icomoon.woff
Normal file
Binary file not shown.
|
@ -63,3 +63,30 @@ margin-bottom: 5px;
|
||||||
color:#cdcdcd;
|
color:#cdcdcd;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'icomoon';
|
||||||
|
src:
|
||||||
|
url('icomoon.woff?8kg27f') format('woff');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
font-display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-search {
|
||||||
|
/* use !important to prevent issues with browser extensions that change fonts */
|
||||||
|
font-family: 'icomoon' !important;
|
||||||
|
speak: never;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: normal;
|
||||||
|
font-variant: normal;
|
||||||
|
text-transform: none;
|
||||||
|
line-height: 1;
|
||||||
|
|
||||||
|
/* Better Font Rendering =========== */
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-search:before {
|
||||||
|
content: "\e986";
|
||||||
|
}
|
||||||
|
|
|
@ -6,7 +6,6 @@ error_reporting(E_ALL);
|
||||||
<!DOCTYPE HTML>
|
<!DOCTYPE HTML>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<link rel="stylesheet" type="text/css" href="assets/style.css">
|
<link rel="stylesheet" type="text/css" href="assets/style.css">
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<meta name="description" content="a search engine">
|
<meta name="description" content="a search engine">
|
||||||
<title>searpl</title>
|
<title>searpl</title>
|
||||||
|
@ -17,7 +16,7 @@ error_reporting(E_ALL);
|
||||||
<div class='box search-container'>
|
<div class='box search-container'>
|
||||||
<form action="./">
|
<form action="./">
|
||||||
<input type="text" placeholder="Search.." name="q" value="<?php if (isset($_GET['q'])) {echo htmlspecialchars($_GET['q']); } ?>">
|
<input type="text" placeholder="Search.." name="q" value="<?php if (isset($_GET['q'])) {echo htmlspecialchars($_GET['q']); } ?>">
|
||||||
<button type="submit"><i class="fa fa-search"></i></button>
|
<button type="submit"><i class="icon-search"></i></button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue