commit 8fa66770b18d6bcab3eb0e5531b07c2a530aa2f4
parent 2fb507356e7fa51e1fd3893d785652d5dd7b99e6
Author: xfnw <xfnw@thunix.net>
Date: Wed, 16 Dec 2020 21:42:08 -0500
dont use a cdn for one little search icon
Diffstat:
3 files changed, 28 insertions(+), 2 deletions(-)
diff --git a/assets/icomoon.woff b/assets/icomoon.woff
Binary files differ.
diff --git a/assets/style.css b/assets/style.css
@@ -63,3 +63,30 @@ margin-bottom: 5px;
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";
+}
diff --git a/index.php b/index.php
@@ -6,7 +6,6 @@ error_reporting(E_ALL);
<!DOCTYPE HTML>
<html lang="en">
<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="description" content="a search engine">
<title>searpl</title>
@@ -17,7 +16,7 @@ error_reporting(E_ALL);
<div class='box search-container'>
<form action="./">
<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>
</div>