-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
53 lines (53 loc) · 3.18 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<!--zoom in/out-->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--shown as a tag name-->
<title>Incredible Project</title>
<!--CSS framework bulma-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css" />
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="section">
<div class="container content">
<h1 class="title">This is an incredible story about incredible things</h1>
<p>A story by Jonathan Soma</p>
<!--DataWrapper chart-->
<iframe title="Here is a title" aria-label="Range Plot" id="datawrapper-chart-O7qKN" src="https://datawrapper.dwcdn.net/O7qKN/1/" scrolling="no" frameborder="0" style="width: 0; min-width: 100% !important; border: none;" height="5016"></iframe><script type="text/javascript">!function(){"use strict";window.addEventListener("message",(function(e){if(void 0!==e.data["datawrapper-height"]){var t=document.querySelectorAll("iframe");for(var a in e.data["datawrapper-height"])for(var r=0;r<t.length;r++){if(t[r].contentWindow===e.source)t[r].style.height=e.data["datawrapper-height"][a]+"px"}}}))}();
</script>
<p>
Blah blah words blah blah blah words blah blah blah words blah blah blah words
blah blah blah words blah blah blah words blah blah blah words blah blah blah
</p>
<p>
Blah blah words blah blah blah words blah blah blah words blah blah blah words
blah blah blah words blah blah blah words blah blah blah words blah blah blah
words blah blah blah words blah blah blah words blah blah blah words blah blah
blah words blah blah blah words blah blah blah words blah blah
</p>
<div class="plot-holder">
<h3>This is the title that explains what the data shows</h3>
<p class="subtitle">This is a subtitle that describes what the data is</p>
<p>
<img src="plot.png" alt="an bar chart that doesn't actually say anything" />
</p>
<p class="caption">This is the caption at the bottom</p>
</div>
<p>
Blah blah words blah blah blah words blah blah blah words blah blah blah words
blah blah blah words blah blah blah words blah blah blah words blah blah blah
words blah blah blah words blah blah blah words blah blah blah
</p>
<p>
Blah blah words blah blah blah words blah blah blah words blah blah blah words
blah blah blah words blah blah blah words blah blah blah words blah blah blah
words blah blah blah words blah blah blah words blah blah blah words blah blah
blah words blah blah blah words blah blah blah words blah blah
</p>
</div>
</div>
</body>
</html>