1<html> 2<head> 3 <link href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" rel="stylesheet"> 4 <link rel="stylesheet" href="styles.css"> 5 6
6<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
6 7
7<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
7 8
8<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.2.2/d3.min.js"></script>
8 9
9<script src="https://d3js.org/d3-geo.v1.min.js"></script>
9 10
10<script src="https://d3js.org/topojson.v2.min.js"></script>
10 11
11<script src="https://bl.ocks.org/mbostock/raw/7ea1dde508cec6d2d95306f92642bc42/6aac691494f752142a67cc43c51a0fd09896dbd4/versor.js"></script>
11 12
12<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/rss-parser.min.js"></script>
12 13 14</head> 15<body> 16 <div class="loading"> 17 Loading data... 18 <div class="lds-ring"><div></div><div></div><div></div><div></div></div> 19 </div> 20 <div class="container"> 21 <div class="section" id="details"> 22 <h2 id="countryName">Select a Country</h2> 23 <div id="stories"></div> 24 </div> 25 <div class="section"> 26 <div class="instructions"> 27 <p> 28 Click a country to select it 29 </p> 30 <p> 31 Click the ocean to deselect 32 </p> 33 <p> 34 Countries with new stories are highlighted in blue 35 </p> 36 </div> 37 <div id="globe-container"> 38 <canvas id="globe"></canvas> 39 </div> 40 </div> 41 </div> 42 43
43<script src="countries.js"></script>
43 44
44<script src="leaders.js"></script>
44 45
45<script src="capitals.js"></script>
45 46
46<script src="globe.js"></script>
46 47
47<script src="stories.js"></script>
47 48</body> 49</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.