forked from noahmanger/data-maps
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
21 lines (19 loc) · 1.29 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> -->
<link rel="stylesheet" type="text/css" href="styles/style.scss">
</head>
<body>
<div class="data-progress-maps" data-spreadsheet-key="1loELb4aslMLnvzdU7mMz75iz11OyDblZZSRcINnukYk"></div>
<script src="src/index.js"></script>
<div style="padding: 30px 0; text-align: center; font-family: sans-serif; background: #eee;">
<h4>Embed This Map!</h4>
<p>Copy and paste this block of code and replace the <pre>data-spreadsheet-key</pre> on the div tag</p>
<textarea onclick="select(this)" readonly="true" style="resize: none; max-width: 400px; width: 90%; height: 160px">
<div class="data-progress-maps" data-spreadsheet-key="1loELb4aslMLnvzdU7mMz75iz11OyDblZZSRcINnukYk"></div><script>!function(d,w){if(!w.dfpMap){w.dfpMap="init";var i=d.createElement("script"),s=d.createElement("link");i.setAttribute("src","https://pizza-to-the-polls.github.io/data-maps/src/index.js"),s.setAttribute("href","https://pizza-to-the-polls.github.io/data-maps/styles/style.css"),s.setAttribute('rel','stylesheet'), s.setAttribute('type','text/css'),d.head.appendChild(i),d.head.appendChild(s)}}(document,window);</script>
</textarea>
</div>
</body>
</html>