-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
81 lines (76 loc) · 4.23 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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>The Red Wake</title>
<meta name="description" content="Follow me as I write write a book about the nation-states and breakaway republics of the former Eastern Bloc, stumbling through the ruins of Gulags, abandoned Nuclear Power stations and declassified fallout bunkers tracing how the the great political experiment of the 20th Century still weighs heavily on our world today.">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/map.css">
<link rel="stylesheet" href="css/styles.css?nc=6">
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="js/top.js"></script>
</head>
<body class="loading">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<ul class="StickyShare" id="left-share">
<!--li><a href="https://www.facebook.com/theredwake/" target="_blank"></a></li-->
<li><a href="https://twitter.com/RedWake" target="_blank"></a></li>
<li><a href="mailto:[email protected]"></a></li>
</ul>
<div id="overlay">
<div id="about-box" onclick="disappearAbout();">
<div id="left-about">
<h1>Welcome to the Red Wake</h1>
<p>Follow me as I travel to the nation-states and breakaway republics of the former Eastern Bloc, stumbling through the ruins of Gulags, abandoned Nuclear Power stations and declassified fallout bunkers writing about how the the great political experiment of the 20th Century still weighs heavily on our world today.<div class=\"fb-follow\" data-href=\"https://www.facebook.com/theredwake\" data-colorscheme=\"light\" data-layout=\"standard\" data-show-faces=\"false\"></div></p>
<p><a href="#" class="continue">Click here to continue >></a></p>
</div>
<div id="right-about"><img src="img/popup_anon.jpg" /></div>
</div>
</div>
<div class="dark-social" id="bottom-share">
<ul>
<!--li class="fb"><div class="fb-share-button" data-href="http://www.theredwake.com" data-layout="button"></div></li-->
<li class="tw"><a href="https://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></li>
</ul>
</div>
<script>if(jQuery.browser.mobile)
{
disappearAbout();
disappearSocial();
}</script>
<!-- The StoryMap container can go anywhere on the page. Be sure to
specify a width and height. The width can be absolute (in pixels) or
relative (in percentage), but the height must be an absolute value.
Of course, you can specify width and height with CSS instead -->
<div id="mapContainer"></div>
<!-- Your script tags should be placed before the closing body tag. -->
<link rel="stylesheet" href="css/storymap.css">
<script type="text/javascript" src="js/storymap.js"></script>
<script>
// storymap_data can be an URL or a Javascript object
var storymap_data = 'json/storyfile.json';
// certain settings must be passed within a separate options object
var storymap_options = {
map_type: "osm:standard"
};
var storymap = new VCO.StoryMap('mapContainer', storymap_data, storymap_options);
window.onresize = function(event) {
console.log("updating display on Resize");
storymap.updateDisplay(); // this isn't automatic
}
</script>
</body>
</html>