-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
109 lines (106 loc) · 7.87 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<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>About Iris</title>
<link rel="icon" type="image/png" href="/assets/iris.png" sizes="32x32" />
<link rel="icon" type="image/png" href="/assets/iris.png" sizes="16x16" />
<link rel="stylesheet" href="/css/styles_about.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Babylonica&family=Jost:ital,wght@1,700&family=Kaushan+Script&family=Nunito:ital@1&family=Red+Hat+Display:ital,wght@0,400;1,300&family=Roboto:wght@300;400;500;700&family=Shantell+Sans:ital@1&display=swap"
rel="stylesheet" />
</head>
<body>
<div class="bg-image"></div>
<div class="overlay"></div>
<menu class="menu">
<div class="logo">
<a class="logolink" href="/">
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" fill="white" class="bi bi-flower3 logosvg"
viewBox="0 0 16 16">
<path
d="M11.424 8c.437-.052.811-.136 1.04-.268a2 2 0 0 0-2-3.464c-.229.132-.489.414-.752.767C9.886 4.63 10 4.264 10 4a2 2 0 1 0-4 0c0 .264.114.63.288 1.035-.263-.353-.523-.635-.752-.767a2 2 0 0 0-2 3.464c.229.132.603.216 1.04.268-.437.052-.811.136-1.04.268a2 2 0 1 0 2 3.464c.229-.132.489-.414.752-.767C6.114 11.37 6 11.736 6 12a2 2 0 1 0 4 0c0-.264-.114-.63-.288-1.035.263.353.523.635.752.767a2 2 0 1 0 2-3.464c-.229-.132-.603-.216-1.04-.268zM9 4a1.468 1.468 0 0 1-.045.205c-.039.132-.1.295-.183.484a12.88 12.88 0 0 1-.637 1.223L8 6.142a21.73 21.73 0 0 1-.135-.23 12.88 12.88 0 0 1-.637-1.223 4.216 4.216 0 0 1-.183-.484A1.473 1.473 0 0 1 7 4a1 1 0 1 1 2 0zM3.67 5.5a1 1 0 0 1 1.366-.366 1.472 1.472 0 0 1 .156.142c.094.1.204.233.326.4.245.333.502.747.742 1.163l.13.232a21.86 21.86 0 0 1-.265.002 12.88 12.88 0 0 1-1.379-.06 4.214 4.214 0 0 1-.51-.083 1.47 1.47 0 0 1-.2-.064A1 1 0 0 1 3.67 5.5zm1.366 5.366a1 1 0 0 1-1-1.732c.001 0 .016-.008.047-.02.037-.013.087-.028.153-.044.134-.032.305-.06.51-.083a12.88 12.88 0 0 1 1.379-.06c.09 0 .178 0 .266.002a21.82 21.82 0 0 1-.131.232c-.24.416-.497.83-.742 1.163a4.1 4.1 0 0 1-.327.4 1.483 1.483 0 0 1-.155.142zM9 12a1 1 0 0 1-2 0 1.476 1.476 0 0 1 .045-.206c.039-.131.1-.294.183-.483.166-.378.396-.808.637-1.223L8 9.858l.135.23c.241.415.47.845.637 1.223.083.19.144.352.183.484A1.338 1.338 0 0 1 9 12zm3.33-6.5a1 1 0 0 1-.366 1.366 1.478 1.478 0 0 1-.2.064c-.134.032-.305.06-.51.083-.412.045-.898.061-1.379.06-.09 0-.178 0-.266-.002l.131-.232c.24-.416.497-.83.742-1.163a4.1 4.1 0 0 1 .327-.4c.046-.05.085-.086.114-.11.026-.022.04-.03.041-.032a1 1 0 0 1 1.366.366zm-1.366 5.366a1.494 1.494 0 0 1-.155-.141 4.225 4.225 0 0 1-.327-.4A12.88 12.88 0 0 1 9.74 9.16a22 22 0 0 1-.13-.232l.265-.002c.48-.001.967.015 1.379.06.205.023.376.051.51.083.066.016.116.031.153.044l.048.02a1 1 0 1 1-1 1.732zM8 9a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
</svg>
</a>
<h1 class="PageName">About</h1>
</div>
<div class="menuBtns">
<button class="primaryMenuBtn" type="button" onclick="window.location.href = '/';">
Try bangs
</button>
</div>
</menu>
<div class="container">
<div class="Introduction">
<h2 class="Headline">Meet Iris!</h2>
<h2 class="Tagline">Let your Search Experience blossom!</h2>
</div>
<div class="description glass">
<p class="helloIris">
Iris provides a custom search engine experience that streamlines the
way you search the web. It's not just another search engine, but
rather a search tool that allows you to enjoy the beauty and diversity
of all search engines and websites in one place.
<br /><br />
One of the standout features of Iris is our custom background images,
which feature stunning visuals, providing you a beautiful and
inspiring backdrop for your searches.
<br /><br />
With Iris' bangs, you can access a world of information and discover
new things without having to limit yourself to just one search engine.
Try Iris today and see the world of search in a whole new light.
</p>
</div>
<div class="qna">
<h2 class="q">What are Bangs?</h2>
<p class="ans">
Bangs are special characters which act as shortcuts to the web, that
allow you to quickly search in different search engines, websites and
services directly from the Iris Search Bar. By using a bang, you can
search a website directly without having to visit it first. For
example, if your search query contains a '!g' bang, Iris will
automatically search for your query on Google. Similarly, if you use
'!yt', you're actually searching videos on YouTube. With bangs, you
can search multiple websites and services from a single search bar,
making your online search experience faster and more efficient.
</p>
</div>
<div class="section">
<h3 class="section-title">List of available bangs</h3>
<div class="table">
<div class="column">
<table id="bangs-table1"></table>
</div>
<div class="column">
<table id="bangs-table2"></table>
</div>
</div>
<p class="subtitle flex-center">
<a
href="mailto:[email protected][email protected]&subject=Request%20for%20a%20new%20iris%20bang">Contact
us</a>
to request for a new bang!
</p>
</div>
</div>
<menu class="footer menu footer-menu">
<div class="footer logo">
<a class="footer-logo" href="/">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="white" class="bi bi-flower3"
viewBox="0 0 16 16">
<path
d="M11.424 8c.437-.052.811-.136 1.04-.268a2 2 0 0 0-2-3.464c-.229.132-.489.414-.752.767C9.886 4.63 10 4.264 10 4a2 2 0 1 0-4 0c0 .264.114.63.288 1.035-.263-.353-.523-.635-.752-.767a2 2 0 0 0-2 3.464c.229.132.603.216 1.04.268-.437.052-.811.136-1.04.268a2 2 0 1 0 2 3.464c.229-.132.489-.414.752-.767C6.114 11.37 6 11.736 6 12a2 2 0 1 0 4 0c0-.264-.114-.63-.288-1.035.263.353.523.635.752.767a2 2 0 1 0 2-3.464c-.229-.132-.603-.216-1.04-.268zM9 4a1.468 1.468 0 0 1-.045.205c-.039.132-.1.295-.183.484a12.88 12.88 0 0 1-.637 1.223L8 6.142a21.73 21.73 0 0 1-.135-.23 12.88 12.88 0 0 1-.637-1.223 4.216 4.216 0 0 1-.183-.484A1.473 1.473 0 0 1 7 4a1 1 0 1 1 2 0zM3.67 5.5a1 1 0 0 1 1.366-.366 1.472 1.472 0 0 1 .156.142c.094.1.204.233.326.4.245.333.502.747.742 1.163l.13.232a21.86 21.86 0 0 1-.265.002 12.88 12.88 0 0 1-1.379-.06 4.214 4.214 0 0 1-.51-.083 1.47 1.47 0 0 1-.2-.064A1 1 0 0 1 3.67 5.5zm1.366 5.366a1 1 0 0 1-1-1.732c.001 0 .016-.008.047-.02.037-.013.087-.028.153-.044.134-.032.305-.06.51-.083a12.88 12.88 0 0 1 1.379-.06c.09 0 .178 0 .266.002a21.82 21.82 0 0 1-.131.232c-.24.416-.497.83-.742 1.163a4.1 4.1 0 0 1-.327.4 1.483 1.483 0 0 1-.155.142zM9 12a1 1 0 0 1-2 0 1.476 1.476 0 0 1 .045-.206c.039-.131.1-.294.183-.483.166-.378.396-.808.637-1.223L8 9.858l.135.23c.241.415.47.845.637 1.223.083.19.144.352.183.484A1.338 1.338 0 0 1 9 12zm3.33-6.5a1 1 0 0 1-.366 1.366 1.478 1.478 0 0 1-.2.064c-.134.032-.305.06-.51.083-.412.045-.898.061-1.379.06-.09 0-.178 0-.266-.002l.131-.232c.24-.416.497-.83.742-1.163a4.1 4.1 0 0 1 .327-.4c.046-.05.085-.086.114-.11.026-.022.04-.03.041-.032a1 1 0 0 1 1.366.366zm-1.366 5.366a1.494 1.494 0 0 1-.155-.141 4.225 4.225 0 0 1-.327-.4A12.88 12.88 0 0 1 9.74 9.16a22 22 0 0 1-.13-.232l.265-.002c.48-.001.967.015 1.379.06.205.023.376.051.51.083.066.016.116.031.153.044l.048.02a1 1 0 1 1-1 1.732zM8 9a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
</svg>
</a>
<div class="spacer-5"></div>
<h1 class="footer">© 2023 Iris - All Rights Reserved</h1>
</div>
</menu>
<script src="/js/about.js"></script>
<script src="/js/bangs.js"></script>
</body>
</html>