-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
93 lines (82 loc) · 5.13 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>USAF BTZ Calculator</title>
<meta name="description" content="Use this calculator to figure out when you are eligible for BTZ.">
<meta name="author" content="Kevin Falting">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="images/favicon.png">
</head>
<body>
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container">
<div class="row" style="text-align: center;">
<div class="column">
<h1>USAF BTZ Calculator</h1>
<p style="margin-bottom: 0;">A calculator for BTZ promotions.</p>
</div>
</div>
<hr>
<div class="row">
<div class="five columns offset-by-one">
<label for="enlistmentDate">When did you enter the Air Force?</label>
<input id="enlistmentDate" type="date" onchange="calculate()">
<label for="a1cDate">What is your date of rank for A1C?</br><span style='color: grey; font-size: 0.75em;'>If you don't know, check your SURF or vMPF.</span></label>
<input id="a1cDate" type="date" onchange="calculate()">
<div id="error"></div>
<button type="button" onclick="calculate()">Calculate</button>
</div>
<div class="five columns">
<h5>Projected Promotion Dates</h5>
<p>Your BTZ board will be<br><span class="importantInfo" id="btzBoardDate"></span></p>
<p>You will sew on Senior Airman Below The Zone<br><span class="importantInfo" id="sraBTZSewOnDate"></span></p>
<p>If you don't get BTZ, you will sew on SrA<br><span class="importantInfo" id="sraSewOnDate"></span></p>
</div>
</div>
<hr>
<div class="row">
<div class="ten columns offset-by-one">
<p>This site was made in the spirit of <a href="https://github.com/BTZCalculator/BTZCalculator.github.io">open source</a> hosted on <a href="https://github.com/">Github</a>, uses <a href="http://getskeleton.com/">Skeleton</a> for styling, and <a href="https://momentjs.com/">Moment.js</a> for time calculations. You can stalk me on <a href="https://www.linkedin.com/in/kevinfalting/">LinkedIn</a>. <a href="https://www.youtube.com/watch?v=xCISDpKuaIE">Stay cool.</a></p>
</div>
</div>
<div class="row">
<div class="three columns offset-by-one">
<p>Please direct any questions or comments to: <a href="mailto:kevinfalting@gmail.com">kevinfalting@gmail.com</a></p>
<p>Or you can <a href="https://github.com/kevinfalting/BTZCalculator.github.io/issues">file an issue</a> on Github to let me know what can be improved. 👍</p>
</div>
<div class="six columns offset-by-one">
<p>Where did I get the information for the calculator?<br>Well... I read the AFI, yo. <a href="https://static.e-publishing.af.mil/production/1/af_a1/publication/afi36-2502/afi36-2502.pdf">AFI 36-2502</a>.</p>
<p>Also, some bases have their own supplement to the AFI, which may alter the rules in some cases. You can find those supplements <a href="https://www.e-publishing.af.mil/Product-Index/#/?view=search&keyword=AFI36-2502&isObsolete=false">here</a>. <a href="https://github.com/kevinfalting/BTZCalculator.github.io/issues">Open an issue</a> if your base uses a different calculation and we'll get it incorporated into this calculator.</p>
</div>
</div>
</div>
<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<script src="js/moment.js"></script>
<script src="js/calculator.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-79613201-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-79613201-2');
</script>
<!-- End Google Analytics -->
</body>
</html>