..
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 | doctype html
html(lang='en')
include common/header.pug
+head('Home')
body
include common/navbar.pug
//- nav(class="navbar navbar-dark bg-dark")
//- div(class="container-fluid")
//- a(class="navbar-brand" href="./") Vaccinosaurus
//- div(class="d-flex")
//- button(class="btn btn-success me-2" type="button" onclick="myAccount()" id="notifyMeButton") Notify Me
//- button(class="btn btn-primary" type="button" onclick="window.location.href='https://github.com/luciferreeves/vaccinosaurus'") Fork on GitHub
div(class="container-xxl")
div(class="mt-5")
h1(class="display-4 text-center") Vaccinosaurus
p(class="text-center")
small Vaccinosaurus is a COVID-19 vaccine availability tracker and notifier. This website can tell you about available vaccination centers and available slots in your area as well as it can notify you if a slot is available in the near future. Why is it called Vaccinosaurus? For one, dinosaurs <del>are</del> were cool! And two, there was an utter shortage of cool unique names. So, here we are, T-Rex!
div(class="form-check form-check-inline mt-5")
input(class="form-check-input" type="radio" name="searchBy" id="searchByPin" value="searchByPin" checked)
label(class="form-check-label" for="searchByPin") Search by PIN Code
div(class="form-check form-check-inline")
input(class="form-check-input" type="radio" name="searchBy" id="searchByDistrict" value="searchByDistrict")
label(class="form-check-label" for="searchByDistrict") Search by District
div(class="mt-1" id="searchByPinForm")
div(class="row")
div(class="col-sm-10 mt-2 mx-auto has-search")
span(class="fa fa-search form-control-feedback")
input(type="text" class="form-control" placeholder="Search" id="searchByPinInputBox")
div(class="col-sm-2 mt-2 mx-auto")
button(class="btn btn-primary" style="width: 100%" onclick="getAvailableSlotsByPINCode(document.getElementById('searchByPinInputBox').value)") Search
div(class="mt-1" id="searchByDistrictForm")
div(class="row")
div(class="col-sm-5 mt-2 mx-auto")
select(class="form-select" id="states")
option(selected disabled) Select a state
div(class="col-sm-5 mt-2 mx-auto")
select(class="form-select" id="districts")
option(selected disabled) Select a district
div(class="col-sm-2 mt-2 mx-auto")
button(class="btn btn-primary" style="width: 100%" onclick="getAvailableSlotsByDistrict(document.getElementById('districts').value)") Search
div(class="mt-5 d-flex justify-content-center")
div(class="spinner-border text-primary" role="status" id="spinner")
span(class="visually-hidden") Loading..
div(id="results" class="table-responsive")
div(id="snackbar") Invalid PIN Code
script(src="js/districtChooser.js")
script(src="https://www.gstatic.com/firebasejs/8.5.0/firebase-app.js")
script(src="https://www.gstatic.com/firebasejs/8.5.0/firebase-auth.js")
script(src="js/auth.js")
|
|
