-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
65 lines (62 loc) · 3.7 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="media/logo.png" type="image/png">
<link rel="apple-touch-icon" href="media/logo.png" type="image/png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/flat-ui/2.3.0/css/flat-ui.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flat-ui/2.3.0/js/flat-ui.min.js"></script>
<link rel="stylesheet" href="styles/style.css">
<title>Buster.lu</title>
</head>
<body>
<nav class="navbar navbar-default navbar-static-top">
<div class="container-fluid" id="navbar">
<div class="navbar-header">
<a href="index.html" class="navbar-brand"><img id="logo" src="media/logo.png">Buster</a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-col">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="navbar-col">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<p id="about">
Made by Leo (Leo0a8est) and Henri (Nanohenry) in 2018. We are team CoderDojo.
<br><br>
Buster.lu is an easy-to-use website to know the live ETA of buses… that everyone can use right now! It’s as simple as typing in your bus stop's name or using your location, and you’re off on your traveling needs.
<br><br>
It’s made for the everyman - for the people who know which bus stop and which bus to take but also for who need to know the real time delays. It can also be used by tourists by using the map of the bus stop placed conveniently below the schedules. It’s designed to solve a practical problem, <i>beautifully</i>.
<br><br>
We originally built Buster.lu using the TFL API, which was made at Game of Code 2017. However, in May 2019, we switched to the Verkéiersverbond API, available from <a href="https://data.public.lu/en/organizations/mobiliteitszentral/" target="_blank">data.public.lu</a>.
We are using GitHub pages for the hosting with <a href="https://www.cloudflare.com/" target="_blank">CloudFlare</a> in front for HTTPS. The total investment was 13€ for the domain.
<br><br>
In 2021, a <a href="https://data.public.lu/en/datasets/arrets-des-transports-publics-departs-en-temps-reel-nouvelle-api-1/" target="_blank">new API</a> was introduced, which was integrated into Buster.lu in September that year.
<br><br>
---
<br><br>
<i>Story time... (adapted part of the original hackathon pitch for Buster.lu)</i>
<br><br>
Now, imagine this, you’re enjoying a warm cup of coffee from your favorite café. Suddenly, you realize you have to go stand for the bus in the cold and rain. <i>ONLY FOR IT TO BE 5 MINUTES LATE? AND YOU COULD’VE ENJOYED YOUR COFFEE FOR LONGER?!?</i>
<br><br>
Or, you’re wondering when you are going to get your connecting bus to get home in time to play with the squad.
<br><br>
Buster.lu. For all the times your lazy ass has to catch a bus, just in time.
<br><br><br><br>
</p>
</div>
</body>
</html>