62 lines
1.9 KiB
HTML
62 lines
1.9 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>NewsAtlas</title>
|
|
<link rel="stylesheet" href="css/style.css" />
|
|
</head>
|
|
<body>
|
|
<div id="globeViz"></div>
|
|
|
|
<header id="topbar">
|
|
<h1>NewsAtlas</h1>
|
|
<div id="layerToggles">
|
|
<label><input type="checkbox" id="toggleWeather" /> Weather</label>
|
|
<select id="weatherLayer">
|
|
<option value="clouds">Clouds</option>
|
|
<option value="precipitation">Precipitation</option>
|
|
<option value="temp">Temperature</option>
|
|
<option value="wind">Wind</option>
|
|
<option value="pressure">Pressure</option>
|
|
</select>
|
|
<label><input type="checkbox" id="toggleConflict" /> Conflict overlay</label>
|
|
<span id="lastUpdated"></span>
|
|
<button id="refreshBtn" title="Force an immediate RSS poll">Refresh now</button>
|
|
</div>
|
|
</header>
|
|
|
|
<aside id="leftPanel" class="rail">
|
|
<h2>Latest News</h2>
|
|
<div id="newsFeed" class="scroll-list"></div>
|
|
</aside>
|
|
|
|
<aside id="rightPanel" class="rail">
|
|
<h2>Markets</h2>
|
|
<div id="marketsList" class="scroll-list"></div>
|
|
</aside>
|
|
|
|
<div id="clusterModal" class="modal hidden">
|
|
<div id="modalBackdrop"></div>
|
|
<div class="modal-card">
|
|
<button id="closeModal" title="Close">×</button>
|
|
<div id="modalContent"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="wikiSelectPopup" class="hidden"></div>
|
|
|
|
<footer id="militaryDrawer" class="collapsed">
|
|
<button id="drawerHandle">
|
|
<span id="drawerArrow">▲</span> Military & conflict event log
|
|
<span id="militaryCount" class="subtle"></span>
|
|
</button>
|
|
<div id="militaryLog" class="drawer-body"></div>
|
|
</footer>
|
|
|
|
<script src="https://unpkg.com/three@0.160.0/build/three.min.js"></script>
|
|
<script src="https://unpkg.com/globe.gl@2.32.1/dist/globe.gl.min.js"></script>
|
|
<script src="js/app.js"></script>
|
|
</body>
|
|
</html>
|