-
Notifications
You must be signed in to change notification settings - Fork 0
/
search.html
59 lines (46 loc) · 2.07 KB
/
search.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
<!DOCTYPE html>
<html>
<head>
<title> Search Here buddy | OpenX</title>
<!-- CSS LINK -->
<link rel="stylesheet" href="./STYLE/Style.css">
<!-- GOOGLE FONT LINK -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Crimson+Text&family=Merriweather&display=swap" rel="stylesheet">
</head>
<body class="body">
<img class="logo" src="./Images/openx.png" srcset="./Images/Openx.png" alt="Logo">
<!-- OPENX LOGO -->
<form id="search-form">
<input class="input" type="search" placeholder="Search..." name="q" id="query">
</form>
<script>
const form = document.getElementById('search-form');
const queryInput = document.getElementById('query');
form.addEventListener('submit', (event) => {
event.preventDefault(); // prevent the form from being submitted to the server
const query = queryInput.value; // get the search query from the input element
// open a new window with the Swisscows search results for the query
window.open(`https://www.swisscows.com/web?query=${query}`, '_blank');
});
</script>
<br>
<br> </br>
<button type="button" class="button1 swisscows" style="vertical-align:middle" onclick="window.location.href='https://swisscows.com';">
<img class="swisscows" src="./Images/logo-home-dark.svg" alt="SwissCows">
<!--SWISSCOWS BUTTON-->
</button>
<br> </br>
<button type="button" class="button2 WikiPedia" style="vertical-align:middle" onclick="window.location.href='https://www.wikipedia.org/';">
<img class="swisscows" src="./Images/image.png" alt="WikiPedia">
<!--WIKIPEDIA BUTTON-->
</button>
<br> </br>
<button type="button" class="button3 ProtonMail" style="vertical-align:middle" onclick="window.location.href='https://proton.me/';">
<img class="swisscows" src="./Images/proton.png" alt="WikiPedia">
<!--WIKIPEDIA BUTTON-->
</button>
<br> </br>
<h3 class="openx"> OpenX is a browser still in developing and open-source. It's private and hosted in Switzerland</h3>
</body>
</html>