94 lines
3.4 KiB
HTML
94 lines
3.4 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">
|
|
<div id="topbarLeft">
|
|
<h1>NewsAtlas</h1>
|
|
<button id="infoBtn" title="Economic Incident History">i</button>
|
|
</div>
|
|
<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>
|
|
<label><input type="checkbox" id="toggleFlights" /> Flights</label>
|
|
<label><input type="checkbox" id="toggleMilitaryOnly" /> Military only</label>
|
|
<span id="flightCount" class="subtle"></span>
|
|
<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 split-rail">
|
|
<div class="rail-half">
|
|
<h2>Trending on Polymarket</h2>
|
|
<div id="polymarketList" class="scroll-list"></div>
|
|
</div>
|
|
<div class="rail-half">
|
|
<h2>Markets</h2>
|
|
<div id="marketsList" class="scroll-list"></div>
|
|
</div>
|
|
</aside>
|
|
|
|
<div id="clusterModal" class="modal hidden">
|
|
<div class="modal-backdrop" data-close="clusterModal"></div>
|
|
<div class="modal-card">
|
|
<button class="modal-close" data-close="clusterModal" title="Close">×</button>
|
|
<div id="modalContent"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="econHistoryView" class="modal hidden">
|
|
<div class="modal-backdrop" data-close="econHistoryView"></div>
|
|
<div class="modal-card wide">
|
|
<button class="modal-close" data-close="econHistoryView" title="Close">×</button>
|
|
<div class="headline" style="margin-top:0;">Economic Incident History</div>
|
|
<p class="subtle">
|
|
Sudden index/oil price moves and every story published in that window, newest first.
|
|
Ordering favors keyword/country-matched stories, but timing alone qualifies a story as a
|
|
candidate here — this is a correlation log, not a verified causal record.
|
|
</p>
|
|
<div style="margin: 10px 0 16px;">
|
|
<select id="econHistorySymbolFilter" class="econ-select">
|
|
<option value="">All instruments</option>
|
|
</select>
|
|
</div>
|
|
<div id="econHistoryList"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="wikiSelectPopup" class="hidden"></div>
|
|
<div id="flightTooltip" 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>
|