-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
200 lines (191 loc) · 9.79 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
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
197
198
199
200
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="keywords" content="USA war invasion afghanistan iraq iran trump maga fighting navy airforce army history civil-war defense terror US bush obama soleiman">
<meta name="description" content="Are the United States of America currently at war or involved in armed conflict?">
<meta name="author" content="">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<meta name="theme-color" content="#3C3B6E">
<title>Is the US currently at War?</title>
<!-- JSON-LD markup generated by Google Structured Data Markup Helper. -->
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebPage",
"name": "Is the US currently at war?",
"description": "Are the United States of America currently at war or involved in armed conflict?",
"dateCreated": "2019-10-08",
"url": "http://istheuscurrentlyatwar.xyz/",
"keywords": "USA war invasion afghanistan iraq iran trump maga fighting navy airforce army history civil-war defense terror US bush obama soleiman"
}
</script>
<!-- Open Graph -->
<meta property="og:title" content="Is the US currently at War?" />
<meta property="og:type" content="website" />
<meta property="og:description" content="Are the United States of America currently at war or involved in armed conflict? How much US history has it been involved in armed confict?" />
<meta property="og:url" content="https://istheuscurrentlyatwar.xyz" />
<meta property="og:image" content="https://i.imgur.com/KxCuI9M.jpg" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:image" content="https://i.imgur.com/KxCuI9M.jpg" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- Bootstrap core CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- US Flag emoji -->
<link href="https://afeld.github.io/emoji-css/emoji.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="assets/main.css" rel="stylesheet">
<!--Years array imports-->
<!--script src="years/years.js"></script-->
<script charset="utf-8" src="data/wars.js?v=1"></script>
<!-- Yandex check -->
<meta name="yandex-verification" content="0cef95ff43e49538" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-149494759-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-149494759-1');
</script>
<script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=5d9f8f524634070014dce237&product=inline-share-buttons' async='async'></script>
</head>
<body>
<main>
<div class="container-fluid">
<div class="row bar">
<div class="col-sm box1"></div><div class="col-sm box2"></div><div class="col-sm box3"></div>
</div>
</div>
<section class="container">
<div class="jumbotron">
<h1 class="display-4 text-center"><i class="em em-flag-um" aria-role="presentation" aria-label="U.S. Outlying Islands Flag"></i> Is the US currently at war? <i class="em em-flag-um" aria-role="presentation" aria-label="U.S. Outlying Islands Flag"></i></h1>
<p class="display-1 text-center" id="result"></p>
<hr class="my-4">
<p>The US has been at war for most of its history, check it out on
<a href="https://en.wikipedia.org/wiki/List_of_wars_involving_the_United_States">Wikipedia</a>.
Or try out our <a href="#yearLookup">Historic Lookup tool</a>.
</p>
<div class="sharethis-inline-share-buttons"></div>
</div>
</section>
<div class="container-fluid">
<div class="row bar">
<div class="col-sm box1"></div><div class="col-sm box2"></div><div class="col-sm box3"></div>
</div>
</div>
<section class="container">
<div class="row">
<div class="col-sm">
<h2>The US armed forces:</h2>
<p>As of 2019, the U.S. spends US$693 billion to fund its armed forces mandatory and
discretionary accounts. As of 2018, the U.S. constitutes roughly 36 percent of the world's military
expenditures.</p>
<p>The U.S. Armed Forces has significant capabilities in both defense and power projection due
to its large budget, resulting in advanced and powerful technologies which enables a widespread deployment
of the force around the world, including around 800 military bases outside the United States.</p>
<p>The U.S. Air Force is the world's largest air force, the U.S. Navy is the world's largest navy by tonnage,
and the U.S. Navy and the U.S. Marine Corps combined are the world's second largest air arm.</p>
</div>
<div class="col-sm">
<h2>US Wars:</h2>
<p>The US has been involved in armed conflict for much of it history as an independent nation.</p>
<p>By 2019, the US has spent only 18 years without involvement in armed conflict, either
at home or abroad.</p>
<p class="lead">The USA has been involved in armed conflict for a total of 92.6% of its history.</p>
</div>
</div>
<div class="row">
<div class="col-md-3 offset-md-9"><cite>sources: <a href="https://en.wikipedia.org/wiki/United_States_Armed_Forces">Wikipedia</a>, <a href="https://en.wikipedia.org/wiki/List_of_wars_involving_the_United_States">wikipedia</a>, more <a href="https://en.wikipedia.org/wiki/Timeline_of_United_States_military_operations">wikipedia</a></cite></div>
</div>
</section>
<div class="container-fluid">
<div class="row bar">
<div class="col-sm box1"></div><div class="col-sm box2"></div><div class="col-sm box3"></div>
</div>
<div class="row"><div class="ad" id="container-4e56467fa95044092a880f0655e8b58e"></div></div>
</div>
<section>
<div class="container-fluid" id="yearLookup">
<div class="row bar">
<div class="col-sm box1"></div><div class="col-sm box2"></div><div class="col-sm box3"></div>
</div>
</div>
<div class="container mb-4">
<div class="row">
<div class="col">
<h2>Historic Lookup:</h2>
<p>Enter a year between 1776 and the present, and you can see all the wars and
armed conflict that involved USA.</p>
<p>Can you find a year without one?</p>
</div>
</div>
<div class="row">
<div class="col">
<div class="form-inline">
<div class="input-group">
<label class="sr-only" for="queryYear">Year: </label>
<input onchange="checkYear(this)" type="number" class="form-control mb-2 mr-3" min="1776" max="2019" id="queryYear" aria-describedby="yearHelp" placeholder="1776">
<!--small id="yearHelp" class="form-text text-muted">Has to be between 1776 and 2019.</small-->
<div class="btn-group mb-2">
<button id="loadYear" class="btn btn-primary ">Load Year</button>
<button id="loadAll" class="btn btn-primary">Load All</button>
</div>
</div>
</div>
</div>
</div>
</div>
<nav class="navbar sticky-top navbar-light">
<div class="container-fluid d-none" id="allYears">
<div class="btn-group">
<a class="btn btn-secondary btn-sm" href="#yearLookup">Top</a>
</div>
</div>
<div class="navbar-nav ml-auto d-none" id="allYearsSM">
<div class="btn-group">
<a class="btn btn-secondary btn-sm" href="#yearLookup">Top</a>
<a class="btn btn-secondary btn-sm" href="#1800">1800</a>
<a class="btn btn-secondary btn-sm" href="#1900">1900</a>
<a class="btn btn-secondary btn-sm" href="#2000">2000</a>
</div>
</div>
</nav>
<div class="container-fluid">
<ul class="unstyled-list" id="load_space"></ul>
</div>
</section>
<div class="container-fluid">
<div class="row bar">
<div class="col-sm box1"></div><div class="col-sm box2"></div><div class="col-sm box3"></div>
</div>
</div>
<aside class="container">
<div class="row">
<div class="col-sm">
<h3>About this site</h3>
<ul class="list-group">
<li class="list-group-item"><h5>How does this website work?</h5><p>A small snipped of java script looks up Wikipedia, and decides if there are any ongoing conflict involving the US. This is an automated process.</p></li>
<li class="list-group-item"><h5>How is this website funded?</h5><p>It isn't! It runs on free/low cost infrastructure, with adverts.</p></li>
<li class="list-group-item"><h5>Are you anti-American?</h5><p>Not at all! The US contributes in many positive ways globally.
While it has been involved in many conflicts, many of these were necessary interventions or even in defense of those in need.
Any negative impact from involvement in war is not unique to the US.</p></li>
<li class="list-group-item"><h5>Is this website associated with any political party?</h5>
<p>No, this is website exists independently of any political party, within or outside the United States.</p></li>
<li class="list-group-item"><h5>Can I contact the author?</h5><p>Not yet, we don't currently have an email/social media set up.</p></li>
</ul>
</div>
</div>
</aside>
</main>
<footer class="container-fluid">
<div class="row bar">
<div class="col-sm box1"></div><div class="col-sm box2"></div><div class="col-sm box3"></div>
</div>
</footer>
<script src="assets/main.js"></script>
<script src="assets/lookup.js"></script>
<script async="async" data-cfasync="false" src="//pl15198512.pvclouds.com/4e56467fa95044092a880f0655e8b58e/invoke.js"></script>
</body>
</html>