-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
58 lines (53 loc) · 1.93 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
<!DOCTYPE html>
<html>
<head>
<title>OgloSearch</title>
<link rel="stylesheet" href="styles.css">
<link id="themeStylesheet" rel="stylesheet" href="themes/dark.css">
<meta name="description" content="Let's search something....">
<script src="scripts/theme.js"></script>
<script>
// JavaScript code to set random background image and phrase.
window.addEventListener("DOMContentLoaded", function() {
var phrases = [
"I hope something good happens to you today!",
"Subscribe to OgloTheNerd!",
"FOSS is just better. It makes the wheel go 'round.",
"HTML and CSS, that's the stuff!",
"Linux is not Windows... it is closer to MacOS.",
"sudo rm -rf / --no-preserve-root",
"Raspberry Pi 4, why are you so rare!?",
"こんにちは！",
"Bender: Bite my shiny metal...",
"Leap into the adventure, defy gravity!",
"Sometimes minimal is good!",
"Why, hello there!",
"Hello, world!",
"Rust is the future of programming.",
"Immutible Linux is still not there yet.",
"Wayland is the future. Let X11 die in peace.",
"LinuxFX is a dangerous distro!",
"You are beautiful!",
"https://tryitands.ee",
"Display managers hate Fedora Linux.",
];
var randomPhraseIndex = Math.floor(Math.random() * phrases.length);
var randomPhrase = phrases[randomPhraseIndex];
//document.body.style.backgroundImage = "url('" + randomImage + "')";
document.querySelector(".phrase").textContent = randomPhrase;
document.querySelector(".phrase").style.display = "block";
});
</script>
</head>
<body>
<div class="container">
<form action="https://www.whoogle.click/search">
<input class="search_bar_item search_bar" type="text" name="q" placeholder="Search something...">
<input class="search_bar_item search_button" type="submit" value="">
</form>
</div>
<div class="phrase_container">
<p class="phrase">
</div>
</body>
</html>