-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex2.html
196 lines (193 loc) · 16.2 KB
/
index2.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Busifier - Home</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&display=swap">
<link rel="icon" href="/busifier.ico" type="image/x-icon">
</head>
<body>
<nav class="navbar navbar-dark navbar-expand-md sticky-top py-3" id="mainNav">
<div class="container"><a class="navbar-brand d-flex align-items-center" href="/"><span>Busifier</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav mx-auto">
<li class="nav-item"><a class="nav-link active" href="index.html" style="text-align: center;">Home</a></li>
<li class="nav-item"></li>
<li class="nav-item"><a class="nav-link" href="untitled.html" style="text-align: center;">Discord Server</a></li>
<li class="nav-item"><a class="nav-link" href="commands.html" style="text-align: center;">Commands</a></li>
<li class="nav-item"></li>
</ul><a class="btn btn-success shadow" role="button" href="https://discord.com/oauth2/authorize?client_id=665901222435225600&scope=bot&permissions=414464624640">Invite Bot</a>
</div>
</div>
</nav>
<header class="bg-dark">
<div class="container pt-4 pt-xl-5">
<div class="row pt-5">
<div class="col-md-8 col-xl-6 text-center text-md-start mx-auto" style="margin-bottom: 50px;margin-top: -40px;">
<div class="text-center">
<p class="fw-bold text-success mb-2">Some underrated bot</p>
<h1 class="fw-bold">LIVE tracking on London Buses and provides information on Regional Vehicles</h1>
</div>
</div>
<div class="col-12 col-lg-10 mx-auto">
<div class="position-relative" style="display: flex;flex-wrap: wrap;justify-content: flex-end;">
<div style="position: relative;flex: 0 0 45%;transform: translate3d(-15%, 35%, 0);"></div>
<div style="position: relative;flex: 0 0 45%;transform: translate3d(-5%, 20%, 0);"></div>
<div style="position: relative;flex: 0 0 60%;transform: translate3d(0, 0%, 0);"></div>
</div>
</div>
</div>
</div>
</header>
<section class="py-5">
<div class="container text-center flex-grow-1 py-5" style="margin-bottom: -21px;">
<p class="mb-4" style="font-size: 1.6rem;">Just <span class="text-success"><strong>add</strong></span> me to your server already</p><a href="#"> </a><a href="#"> </a><a href="#"> </a><a href="#"> </a><a href="#"> </a>
</div>
</section>
<section>
<div class="container-fluid bg-dark py-5">
<div class="row">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<p class="fw-bold text-success mb-2">Bot Commands</p>
<h3 class="fw-bold">What commands are available?</h3>
<p class="fw-bold text-success mb-2">Use Discord Integrated Commands to access Busifier commands</p>
</div>
</div>
<div class="py-5 p-lg-5">
<div class="row row-cols-1 row-cols-md-2 mx-auto" style="max-width: 900px;margin-bottom: 0px;margin-top: 0px;">
<div class="col mb-5" style="margin-right: 0px;">
<div class="card shadow-sm">
<div class="card-body px-4 py-5 px-md-5" style="margin-bottom: -41px;margin-right: 0px;margin-left: 0px;">
<div class="bs-icon-lg d-flex justify-content-center align-items-center mb-3 bs-icon" style="top: 1rem;right: 1rem;position: absolute;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-info text-success">
<path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path>
</svg></div>
<p class="fw-bold text-start text-success mb-2">Recommended</p>
<h5 class="fw-bold card-title">/vehicle-info-fleet-number</h5>
<p class="text-muted card-text mb-4">Based on the vehicle fleet number, the bot will provide a handful of information on the vehicle, as well as a picture of it. Information on the vehicle varies from withdrawal status, fleet number, registration, emission type, operator, vehicle model and tracking data (if it is in Transport for London service). <strong>Please note some vehicle data may not be available.</strong></p>
</div>
</div>
</div>
<div class="col mb-5">
<div class="card shadow-sm" style="margin-bottom: 0px;margin-left: 0px;">
<div class="card-body px-4 py-5 px-md-5" style="margin-bottom: 10px;margin-left: 0px;">
<div class="bs-icon-lg d-flex justify-content-center align-items-center mb-3 bs-icon" style="top: 1rem;right: 1rem;position: absolute;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-info text-success">
<path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path>
</svg></div>
<h5 class="fw-bold card-title">/vehicle-info-registration</h5>
<p class="text-muted card-text mb-4"><br>Based on the vehicle registration, the bot will provide a handful of information on the vehicle, as well as a picture of it. <strong>This command is only recommended for usage if the correct results aren't shown by fleet number searches</strong><br><br></p>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card shadow-sm">
<div class="card-body px-4 py-5 px-md-5" style="margin-bottom: -25px;">
<div class="bs-icon-lg d-flex justify-content-center align-items-center mb-3 bs-icon" style="top: 1rem;right: 1rem;position: absolute;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-chat-dots text-success">
<path d="M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"></path>
<path d="m2.165 15.803.02-.004c1.83-.363 2.948-.842 3.468-1.105A9.06 9.06 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.437 10.437 0 0 1-.524 2.318l-.003.011a10.722 10.722 0 0 1-.244.637c-.079.186.074.394.273.362a21.673 21.673 0 0 0 .693-.125zm.8-3.108a1 1 0 0 0-.287-.801C1.618 10.83 1 9.468 1 8c0-3.192 3.004-6 7-6s7 2.808 7 6c0 3.193-3.004 6-7 6a8.06 8.06 0 0 1-2.088-.272 1 1 0 0 0-.711.074c-.387.196-1.24.57-2.634.893a10.97 10.97 0 0 0 .398-2z"></path>
</svg></div>
<h5 class="fw-bold card-title">/ask</h5>
<p class="text-muted card-text mb-4">Lucky for you, the bot comes with an AI chat system, where based on artificial intelligence, the bot will generate an answer to your question. <strong>Please note the generated answers can sometimes be incorrect or you can find the bot to be buggy.</strong></p>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card shadow-sm">
<div class="card-body px-4 py-5 px-md-5" style="margin-bottom: 0px;margin-top: 0px;">
<div class="bs-icon-lg d-flex justify-content-center align-items-center mb-3 bs-icon" style="top: 1rem;right: 1rem;position: absolute;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-up-left-circle-fill text-success">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-5.904 2.803a.5.5 0 1 0 .707-.707L6.707 6h2.768a.5.5 0 1 0 0-1H5.5a.5.5 0 0 0-.5.5v3.975a.5.5 0 0 0 1 0V6.707l4.096 4.096z"></path>
</svg></div>
<h5 class="fw-bold card-title">/trackroute</h5>
<p class="text-muted card-text mb-4">Based on the route requested, the bot can track vehicles on a route, their stop and destination. It also provides the ETA and operator</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container py-5">
<div class="mx-auto" style="max-width: 900px;">
<div class="row row-cols-1 row-cols-md-2 d-flex justify-content-center">
<div class="col mb-4">
<div class="card bg-primary-light">
<div class="card-body text-center px-4 py-5 px-md-5">
<p class="fw-bold text-primary card-text mb-2">Uses slash commands</p>
<h5 class="fw-bold card-title mb-3">You're at ease with slash commands instead of prefixes</h5>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card bg-secondary-light">
<div class="card-body text-center px-4 py-5 px-md-5">
<p class="fw-bold text-secondary card-text mb-2">Always Reliable</p>
<h5 class="fw-bold card-title mb-3">Busifier is up 24/7 - apart from the maintenance</h5>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card bg-info-light">
<div class="card-body text-center px-4 py-5 px-md-5" style="margin-bottom: -14px;">
<p class="fw-bold text-info card-text mb-2" style="margin-top: -9px;">Support Server</p>
<h5 class="fw-bold card-title mb-3">If anything goes wrong, there's always the option to go to our server for further support</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="bg-dark">
<div class="container py-4 py-lg-5">
<div class="row" style="margin-bottom: 67px;margin-top: 20px;">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<p class="fw-bold text-success mb-2">Bot Updates</p>
<h3 class="fw-bold">Join our discord server to receive bot updates, maintenance notices, polls, or even to hang out with other people</h3>
</div>
</div>
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 fw-bold">Legals</h3>
<ul class="list-unstyled">
<li><a href="https://www.tfl.gov.uk">Tracking data provided by Transport for London</a></li>
<li><a href="https://www.bustimes.org">Vehicle information provided by bustimes.org</a></li>
<li><a href="https://www.flickr.com">Imagery provided by flickr.com</a></li>
</ul>
</div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 fw-bold">Creator</h3>
<ul class="list-unstyled">
<li><a href="#">LegitimatelyEris</a></li>
<li></li>
<li></li>
</ul>
</div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<ul class="list-unstyled">
<li></li>
<li></li>
<li></li>
</ul>
<h3 class="fs-6 fw-bold" style="padding-top: 0px;margin-top: -16px;">Privacy Policy</h3><a href="#" style="margin-top: 0px;"><span style="color: rgb(210, 208, 206);">Busifier is committed to protecting your privacy. This Privacy Policy explains how we collect, use, and share your personal information.</span><br><br><strong><span style="color: rgb(210, 208, 206);">Information We Collect</span></strong><br><span style="color: rgb(210, 208, 206);">We collect information from you when you post information inside of our home server, </span><strong><span style="color: rgb(210, 208, 206);">LegitimatelyEris Studios</span></strong><span style="color: rgb(210, 208, 206);">. This information may include your discord username and bus informative messages. By posting bus information in our designated channels; you are agreeing to share the above data with Busifier.</span><br><br><strong><span style="color: rgb(210, 208, 206);">How We Use Your Information</span></strong><br><span style="color: rgb(210, 208, 206);">We use your information to provide you with our services and to improve our services.</span><br><br><strong><span style="color: rgb(210, 208, 206);">Sharing Your Information</span></strong><br><span style="color: rgb(210, 208, 206);">We do not sell or share your personal information with third parties for their own marketing purposes. Your information is kept for at most 30 days, usually 15 without technical difficulties, then is deleted to maintain a relevant and new data circulation around Busifier.</span><br><br><strong><span style="color: rgb(210, 208, 206);">Your Rights</span></strong><br><span style="color: rgb(210, 208, 206);">You have the right to access, update, or delete your personal information. You can do this by contacting us at [email protected].</span><br><br><strong><span style="color: rgb(210, 208, 206);">Contact Us</span></strong><br><span style="color: rgb(210, 208, 206);">If you have any questions about this Privacy Policy or our privacy practices, please contact us at [email protected].</span><br><br></a>
</div>
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
<div class="fw-bold d-flex align-items-center mb-2"></div>
</div>
</div>
<hr>
<div class="text-muted d-flex justify-content-between align-items-center pt-3">
<p class="mb-0">Copyright © 2023 Brand</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"></li>
<li class="list-inline-item"></li>
<li class="list-inline-item"></li>
</ul>
</div>
</div>
</footer>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bold-and-dark.js"></script>
</body>
</html>