-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
147 lines (126 loc) · 6.4 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
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>Day of Birth Finder</title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Twitter Card-->
<meta name="twitter:title" content="Day of Birth Finder">
<meta name="twitter:site" content="dob-finder.firebaseapp.com" />
<meta name="twitter:creator" content="@iambolajiayo" />
<meta name="twitter:description" content="This script checks your Date of Birth and detects the Day of the Week you were born.">
<meta name="twitter:image" content="img/icons/icon-96x96.png">
<meta name="twitter:card" content="img/icons/icon-96x96.png">
<meta name="description" content="This script checks your Date of Birth and detects the Day of the Week you were born.">
<!--Open Graph-->
<meta property="og:image" content="img/icons/icon-96x96.png">
<meta property="og:title" content="Day of Birth Finder" />
<meta name="author" content="Bolaji Ayodeji">
<meta property="og:description" content="This script checks your Date of Birth and detects the Day of the Week you were born." />
<meta name="author" content="Bolaji Ayodeji">
<meta property="og:url" content="dob-finder.firebaseapp.com" />
<meta property="og:site_name" content="Day of Birth Finder" />
<meta property="og:type" content="Day of Birth Finder" />
<!-- Google Knowledge Graph card -->
<script type='application/ld+json'>
{
"@context": "http://www.schema.org",
"@type": "Day of Birth Finder",
"name": "Day of Birth Finder",
"url": "dob-finder.firebaseapp.com",
"logo": "dob-finder.firebaseapp.com/img/icons/icon-96x96.png",
"description": "This script checks your Date of Birth and detects the Day of the Week you were born."
}
</script>
<!--Bootstrap CDN-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
crossorigin="anonymous">
<!--Main Stylesheet-->
<link rel="stylesheet" type="text/css" media="screen" href="css/app.css" />
<!--logo-->
<link rel="shortcut icon" href="img/icons/icon-96x96.png">
<!-- register service worker -->
<script>
if ('serviceWorker' in navigator)
{
window.addEventListener('load', function() {
navigator.serviceWorker.register('/service-worker.js')
.then(function() { console.log("Service Worker Registered, Cheers to PWA Fire!"); });
}
);
}
</script>
<!-- end of service worker -->
<!-- start of web manifest -->
<link rel="manifest" href="/manifest.json">
<!-- end of web manifest -->
<!-- theme-color -->
<meta name="theme-color" content="#fff" />
<!-- end-theme-color -->
</head>
<body>
<div class="jumbotron">
<h1 class="display-4">Day of Birth Finder</h1>
<p class="lead">This script checks your Date of Birth and detects the Day of the Week you were born.</p>
<hr class="my-4">
</div>
<div class="container">
<div class="row">
<form>
<div class="alert alert-danger" role="alert">
Enter all dates in numeric format!
</div>
<div class="form-group">
<div class="input-group input-group-lg">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroup-sizing-lg">Day of Birth</span>
</div>
<input type="text" name="day" class="form-control" placeholder="18. ." aria-describedby="inputGroup-sizing-lg">
</div>
<div class="input-group input-group-lg">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroup-sizing-lg">Month of Birth</span>
</div>
<input type="text" name="month" class="form-control" placeholder="8. ." aria-describedby="inputGroup-sizing-lg">
</div>
<div class="input-group input-group-lg">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroup-sizing-lg">Year of Birth</span>
</div>
<input type="text" name="year" class="form-control" placeholder="1970. ." aria-describedby="inputGroup-sizing-lg">
</div>
<br />
<button type="button" class="btn btn-primary btn-lg" onclick="compute(this.form)">Submit</button>
<button type="reset" class="btn btn-secondary btn-lg">Clear</button>
<br /><br />
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text btn btn-primary" id="basic-addon1">Complete Day of Birth</span>
</div>
<input id="result" type="text" name="result1" class="form-control" aria-describedby="basic-addon1"
readonly>
</div>
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text btn btn-primary" id="basic-addon1">Final Result</span>
</div>
<input id="result" type="text" name="result2" class="form-control" aria-describedby="basic-addon1"
readonly>
</div>
</div>
</form>
</div>
</div>
<footer>
<div class="alert" style="background-color:#ddd;" role="alert">
<hr>
<p class="mb-0 text-center">Developed by; <a href="https://bolajiayodeji.github.io" target="_blank">Bolaji
Ayodeji</a></p>
<p class="mb-0 text-center">Source code: <a href="https://github.com/BolajiAyodeji/day-of-birth-finder" target="_blank">Github</a>
|| <a href="https://codepen.io/iambolajiayo/pen/XxPGjo" target="_blank">Codepen</a></p>
</div>
</footer>
<script src="js/app.js"></script>
</body>
</html>