152 lines
6.4 KiB
HTML
152 lines
6.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<script>
|
|
(function (i, s, o, g, r, a, m) {
|
|
i['GoogleAnalyticsObject'] = r;
|
|
i[r] = i[r] || function () {
|
|
(i[r].q = i[r].q || []).push(arguments)
|
|
}, i[r].l = 1 * new Date();
|
|
a = s.createElement(o),
|
|
m = s.getElementsByTagName(o)[0];
|
|
a.async = 1;
|
|
a.src = g;
|
|
m.parentNode.insertBefore(a, m)
|
|
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
|
|
|
|
ga('create', 'UA-40673160-2', 'auto');
|
|
ga('send', 'pageview');
|
|
</script>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
<link rel="shortcut icon" href="">
|
|
<title>Arona Jones</title>
|
|
|
|
<!-- Bootstrap core CSS -->
|
|
<link href="/css/main.min.css" rel="stylesheet">
|
|
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="/css/custom.css">
|
|
<link rel="stylesheet" href="/css/animate.min.css">
|
|
|
|
<!-- Custom styles for this template -->
|
|
<style>
|
|
body {
|
|
padding-top: 50px;
|
|
}
|
|
|
|
.starter-template {
|
|
padding: 40px 15px;
|
|
text-align: center;
|
|
}
|
|
</style>
|
|
|
|
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
<!--[if lt IE 9]>
|
|
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
|
|
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
|
<![endif]-->
|
|
<meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" />
|
|
<meta name="google-site-verification" content="ZnWg3a1eMHIl2_6Mt2HtPwv_fNE5R-HKT9rgYtvHXyo" />
|
|
</head>
|
|
|
|
<body>
|
|
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a class="navbar-brand" href="index.html">Home</a>
|
|
</div>
|
|
<div class="collapse navbar-collapse">
|
|
<ul class="nav navbar-nav">
|
|
<li><a href="/art/index.html">Art</a>
|
|
</li>
|
|
<li><a href="forge.html">Forge Modding</a>
|
|
</li>
|
|
<li><a href="http://cardsagainstinsanity.blogspot.co.uk/">Blog</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!--/.nav-collapse -->
|
|
</div>
|
|
</nav>
|
|
<div class="header starter-template">
|
|
<h1 class="bg-danger">Doomsday Status Board:</h1>
|
|
<h5 class="bg-primary">Days since last update: <span id="days">0</span></h5>
|
|
<h2 class="bg-warning">Overall Status:</h2>
|
|
<svg height="200" width="200">
|
|
<circle cx="100" cy="100" r="80" stroke="silver" stroke-width="6" fill="yellow" />
|
|
</svg>
|
|
<h2 class="bg-primary">Terror Threats:</h2>
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<h3 class="bg-primary">US Homeland Security Terror Threat Level:</h3>
|
|
<svg height="100" width="100">
|
|
<circle cx="50" cy="50" r="40" stroke="gray" stroke-width="3" fill="yellow" />
|
|
</svg>
|
|
<h4 class="bg-warning">Elevated Risk</h4>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<h3 class="bg-primary">DEFCON (US):<br><br></h3>
|
|
<svg height="100" width="100">
|
|
<circle cx="50" cy="50" r="40" stroke="gray" stroke-width="3" fill="green" />
|
|
</svg>
|
|
<h4 class="bg-success">DEFCON 5</h4>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<h3 class="bg-primary">MI5 International Terror Threat Level:</h3>
|
|
<svg height="100" width="100">
|
|
<circle cx="50" cy="50" r="40" stroke="gray" stroke-width="3" fill="orange" />
|
|
</svg>
|
|
<h4 class="bg-warning">Severe Risk</h4>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<h3 class="bg-primary">US Homeland Security Terror Alerts:</h3>
|
|
<svg height="100" width="100">
|
|
<circle cx="50" cy="50" r="40" stroke="gray" stroke-width="3" fill="green" />
|
|
</svg>
|
|
<h4 class="bg-success">No current alerts</h4>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<h3 class="bg-primary">Vigipirate (France):<br><br></h3>
|
|
<svg height="100" width="100">
|
|
<circle cx="50" cy="50" r="40" stroke="gray" stroke-width="3" fill="crimson" />
|
|
<h4 class="bg-danger">State of Emergency</h4>
|
|
</svg>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<h3 class="bg-primary">Australian Terrorism Public Alert System:</h3>
|
|
<svg height="100" width="100">
|
|
<circle cx="50" cy="50" r="40" stroke="gray" stroke-width="3" fill="orange" />
|
|
<h4 class="bg-warning">High Risk</h4>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<h2 class="bg-primary">Other:</h2>
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<h3 class="bg-primary">INFOCON (US):<br><br></h3>
|
|
<svg height="100" width="100">
|
|
<circle cx="50" cy="50" r="40" stroke="gray" stroke-width="3" fill="green" />
|
|
</svg>
|
|
<h4 class="bg-success">State normal</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
|
|
<!-- compiled and minified Bootstrap JavaScript -->
|
|
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
|
|
<script src="/javascripts/semantic.min.js"></script>
|
|
</body>
|
|
|
|
</html> |