-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
114 lines (100 loc) · 6.45 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="robots" content="index, follow">
<title>FediSearch — Easily Search the Fediverse</title>
<meta name="description" content="Easily search the fediverse in your preferred search engine">
<meta property="og:type" content="website" />
<meta property="og:title" content="FediSearch — Easily Search the Fediverse" />
<meta property="og:description" content="Easily search the fediverse in your preferred search engine" />
<meta property="og:image" content="https://fedi-search.com/img/social.png?v=1.1" />
<meta property="og:url" content="https://fedi-search.com/" />
<meta property="og:site_name" content="programmer2514" />
<meta name="twitter:title" content="FediSearch — Easily Search the Fediverse">
<meta name="twitter:description" content="Easily search the fediverse in your preferred search engine">
<meta name="twitter:image" content="https://fedi-search.com/img/social.png?v=1.1">
<meta name="twitter:card" content="summary_large_image">
<link rel="apple-touch-icon" sizes="57x57" href="img/favicons/apple-icon-57x57.png?v=1.1">
<link rel="apple-touch-icon" sizes="60x60" href="img/favicons/apple-icon-60x60.png?v=1.1">
<link rel="apple-touch-icon" sizes="72x72" href="img/favicons/apple-icon-72x72.png?v=1.1">
<link rel="apple-touch-icon" sizes="76x76" href="img/favicons/apple-icon-76x76.png?v=1.1">
<link rel="apple-touch-icon" sizes="114x114" href="img/favicons/apple-icon-114x114.png?v=1.1">
<link rel="apple-touch-icon" sizes="120x120" href="img/favicons/apple-icon-120x120.png?v=1.1">
<link rel="apple-touch-icon" sizes="144x144" href="img/favicons/apple-icon-144x144.png?v=1.1">
<link rel="apple-touch-icon" sizes="152x152" href="img/favicons/apple-icon-152x152.png?v=1.1">
<link rel="apple-touch-icon" sizes="180x180" href="img/favicons/apple-icon-180x180.png?v=1.1">
<link rel="icon" type="image/png" sizes="192x192" href="img/favicons/android-icon-192x192.png?v=1.1">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicons/favicon-32x32.png?v=1.1">
<link rel="icon" type="image/png" sizes="96x96" href="img/favicons/favicon-96x96.png?v=1.1">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicons/favicon-16x16.png?v=1.1">
<link rel="manifest" href="img/favicons/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/favicons/ms-icon-144x144.png?v=1.1">
<meta name="theme-color" content="#ffffff">
<link rel="canonical" href="https://fedi-search.com/" />
<link href="style.css?v=1.1" rel="stylesheet" type="text/css" />
</head>
<body>
<main>
<header id="header">
<img id="logo" src="svg/fs.svg?v=1.1" alt="FediSearch logo" />
<h1 id="logotext">FediSearch</h1>
<h2 id="tagline">Easily search the fediverse in your preferred search engine</h2>
</header>
<form id="form">
<div id="input-bar">
<input type="text" id="search" name="search" placeholder="Search the fediverse"
oninput="handleTyping()">
<button type="button" id="x" name="clear" onclick="clearQuery()"><img id="x-icon" src="svg/x.svg?v=1.1"
alt="Clear search query button" /></button>
<button type="submit" id="submit" name="submit"><img id="search-icon" src="svg/search.svg?v=1.1"
alt="Search button" /></button><br>
</div>
<div id="engine-selector">
<label id="engine-label" for="engine">Select Search Engine:</label>
<select id="engine" name="engine" onchange="updateEngine()">
<option value="whoogle_acc">Whoogle (More Accurate, Decentralized But Slow)</option>
<option value="whoogle">Whoogle (Decentralized But Slow)</option>
<option value="google_acc">Google (More Accurate)</option>
<option value="google">Google</option>
<option value="ddg">DuckDuckGo</option>
<option value="bing">Bing</option>
<option value="yahoo">Yahoo</option>
<option value="dogpile">Dogpile</option>
</select>
</div>
<h3>Select networks to include in search:</h3>
<div id="network-selector">
<input type="checkbox" id="lemmy-toggle" name="lemmy-toggle" value="lemmy" onchange="updateEngine()"
checked />
<label class="checkbox-label" for="lemmy-toggle"> Lemmy</label><br>
<input type="checkbox" id="kbin-toggle" name="kbin-toggle" value="kbin" onchange="updateEngine()"
checked />
<label class="checkbox-label" for="kbin-toggle"> Kbin/Mbin</label><br>
<input type="checkbox" id="mastodon-toggle" name="mastodon-toggle" value="mastodon"
onchange="updateEngine()" />
<label class="checkbox-label" for="mastodon-toggle"> Mastodon</label><br>
<input type="checkbox" id="peertube-toggle" name="peertube-toggle" value="peertube"
onchange="updateEngine()" />
<label class="checkbox-label" for="peertube-toggle"> PeerTube</label><br>
</div>
</form>
</main>
<footer id="footer">
<h4>A free, open-source project by <a target="_blank" href="//programmer2514.github.io/">Benjamin Pryor</a></h4>
<nav id="footer-links">
<a class="footer-link" target="_blank" href="//github.com/programmer2514/FediSearch"><img class="link-icon"
src="svg/github.svg?v=1.1" alt="GitHub repository" /></a>
<a class="footer-link" target="_blank" href="//ko-fi.com/benjaminpryor"><img class="link-icon"
src="svg/kofi.svg?v=1.1" alt="Buy me a coffee" /></a>
<a class="footer-link" target="_blank" href="//www.patreon.com/BenjaminPryor"><img class="link-icon"
src="svg/patreon.svg?v=1.1" alt="Support me on Patreon" /></a>
<a class="footer-link" target="_blank" href="//paypal.me/BenjaminJPryor"><img class="link-icon"
src="svg/paypal.svg?v=1.1" alt="Support me on PayPal" /></a>
</nav>
</footer>
<script src="script.js?v=1.1"></script>
</body>
</html>