-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
287 lines (257 loc) · 8.81 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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5K8P3PX7M5"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-5K8P3PX7M5');
</script>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HinduWiki • Wiki </title>
<link rel="stylesheet" href="./app.css">
<meta name="name" content="HinduWiki • Wiki">
<meta name="description" content="Search Anything And Know The History Of It.">
<meta name="keywords" content="Temple wiki, indianwiki, hinduwiki, hindu hidtory,google clone, search, coding, wikipedia clone">
<meta name="theme-color" content="#101010">
<meta property="og:title" content="HinduWiki • Wiki">
<meta property="og:url" content="https://hinduwiki.vercel.app">
<meta property="og:image" content="https://hinduwiki.vercel.app/images/icon.jpg">
<meta property="og:description" content="Dive into the Vast Sea of Hinduism">
<meta name="twitter:title" content="HinduWiki • Wiki">
<meta name="twitter:description" content="Dive into the Vast Sea of Hinduism">
<meta name="twitter:image" content="https://hinduwiki.vercel.app/images/twittercard.jpg">
<meta name="twitter:card" content="summary_large_image">
<link rel="manifest" href="manifest.json">
<script src="https://kit.fontawesome.com/b2b2c57f30.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500">
</head>
<body>
<script type="module">
import { autocomp } from './autocomplete.min.js';
document.querySelectorAll("searchbar").forEach((el) => { el.value = ""; });
const WORDS = [
"Lord Shiva",
"Kashi Vishwanath Temple",
"Ganesha",
"Siddhivinayak Temple",
"Lord Vishnu",
"Tirupati Balaji Temple",
"Goddess Lakshmi",
"Vaishno Devi Temple",
"Lord Krishna",
"Iskcon Temple",
"Goddess Durga",
"Kolkata Kalighat Temple",
"Lord Rama",
"Ayodhya Ram Janmabhoomi Temple",
"Lord Hanuman",
"Hanuman Temple, New Delhi",
"Lord Brahma",
"Pushkar Brahma Temple",
"Goddess Saraswati",
"Saraswati Temple, Basar",
"Diwali Festival",
"Holi Festival",
"Ganesh Chaturthi",
"Navratri Festival",
"Aarti",
"Maha Shivaratri",
"Pooja",
"Ganga Aarti",
"Raksha Bandhan",
"Yoga and Meditation",
"Varanasi Ghats",
"Kumbh Mela",
"Hinduism",
"Bhagavad Gita",
"Ramayana",
"Mahabharata",
"Vedas",
"Upanishads",
"Brahman",
"Karma",
"Dharma",
"Samsara",
"Yoga Sutras",
"Bhakti",
"Moksha",
"Hindu Temples",
"Ayurveda",
"Holi Festival",
"Navratri Festival",
"Dussehra",
"Krishna Janmashtami",
"Ganga River",
"Kailash Mansarovar",
"Amarnath Yatra",
"Char Dham Yatra",
"Hindu Mythology",
"Hindu Deities",
"Rigveda",
"Yajurveda",
"Samaveda",
"Atharvaveda",
"Hindu Philosophy",
"Sanskrit",
"Hindu Scriptures",
"Vedanta",
"Shaivism",
"Vaishnavism",
"Shaktism",
"Ramanuja",
"Adi Shankaracharya",
"Swami Vivekananda",
"Ramakrishna Paramahamsa",
"Sri Aurobindo",
"Paramahansa Yogananda",
"Hare Krishna Movement",
"Kumbh Mela",
"Haridwar",
"Rishikesh",
"Varanasi",
"Pashupatinath Temple",
"Tiruvannamalai",
"Jagannath Temple",
"Akshardham Temple",
"Lotus Temple",
"Vaishno Devi",
"Meenakshi Temple",
"Somnath Temple",
"Badrinath Temple",
"Kedarnath Temple",
"Kashi Vishwanath Corridor",
"Brihadeeswarar Temple",
"Rameswaram Temple",
"Kamakhya Temple",
"Birla Mandir",
"Chardham Yatra",
"Pilgrimage in Hinduism",
"Ashram",
"Sadhguru",
"Art of Living",
"Chinmaya Mission",
"ISKCON",
"Transcendental Meditation",
"Sri Sri Ravi Shankar",
"Swami Sivananda",
"Ramana Maharshi",
"Sathya Sai Baba",
"Yogananda Paramahansa",
"America",
"Europe",
"Asia",
"Africa",
"Australia",
"Caribbean",
"South America",
"Southeast Asia",
"India",
"Yoga",];
// Example 1.
// Simple string results.
autocomp(document.querySelector("#searchbar"), {
onQuery: async (val) => {
// This callback returns an array of search results.
// Typically, this will be a server side fetch() request.
// Example:
// const resp = await fetch(`/search?q=${query}`);
// const res = await response.json();
// return res;
const q = val.trim().toLowerCase();
return WORDS.filter(s => s.toLowerCase().includes(q)).slice(0, 10);
},
onSelect: (val) => {
document.querySelector("#searchbar").innerText = val;
// Whatever is returned here is set in the input box.
return val;
}
});
// Example 2.
// Object results and HTML rendering.
autocomp(document.querySelector("#searchbar"), {
onQuery: async (val) => {
const q = val.trim().toLowerCase();
const out = WORDS.filter(s => s.startsWith(q)).slice(0, 10);
// Results are objects:
// [{fruit: "apple", color: "..", emoji: ".."} ...]
return out.map(w => ({
fruit: w,
color: COLORS[Math.floor(Math.random() * COLORS.length)],
emoji: EMOJIS[Math.floor(Math.random() * EMOJIS.length)],
}))
},
onSelect: (o) => {
console.log("good")
// Whatever is returned here is set in the input box.
return o.fruit;
},
// If this callback is set, every search item (string or object) is passed to this function and its return
// value (DOMNode), is appended to the results box.
onRender: (o) => {
const dot = document.createElement("span");
dot.style = `width: 15px; height: 15px; border-radius: 100%; display: inline-block; margin-right: 10px; float: right; background: #000000`;
const d = document.createElement("span");
d.appendChild(dot);
d.appendChild(document.createTextNode(o.emoji + " "));
d.appendChild(document.createTextNode(o.fruit));
return d;
}
});
</script>
<div class="back">
<div class="main">
<h2 class="title">HinduWiki</h2>
<br>
<div id="search">
<input id="searchbar" type="text" placeholder="Type To Search..">
<button onclick="getvalue()" id="searchbutton">Search</button>
</div>
<div class="random">
<br>
<button id="randomize" onclick="randomarticle()" class="sup">
<i class="fa fa-dice">
</i>
Surprise Me
</button>
</div>
</div>
</div>
<div class="Whatsnew">
<h2 class="faq">What is Hindu Wiki?</h2>
<p class="faq-p">HinduWiki is an online encyclopedia and knowledge base dedicated to providing information about
Hinduism, its
philosophy, practices, deities, rituals, festivals, and more.</p>
<h2 class="faq">Q: Is HinduWiki a reliable source of information?</h2>
<p class="faq-p">HinduWiki sources its information from Wikipedia. If you come across any inaccuracies or misleading content, we
encourage you to report it directly to Wikipedia. HinduWiki relies on Wikipedia as its primary information provider and
does not host or control the content, therefore we cannot be held responsible for any misinformation.</p>
</div>
<div id="bottom2">Scroll Down For FAQ <i class="fa fa-caret-down"></i></div>
<footer>
<div class="logo">
<a href="./" class="logo">HinduWiki</a>
</div>
<nav class="footer-nav">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/">Articles</a></li>
<li><a href="/about">About</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
<div class="social-icons">
<a href="https://github.com/simplystudios/hinduwiki"><i class="fab fa-github"></i></a>
<a href="https://twitter.com/hinduwiki"><i class="fa-brands fa-x-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</footer>
</body>
<script src="/search.js"></script>
</html>