_base.html
9.19 KB
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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="en">
<head>
{% block header %}
<title>{% block title %}{% endblock %}StoryMap JS - Telling stories with maps.</title>
<meta name="description" content="Telling stories with maps.">
{% endblock %}
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="author" content="Zach Wise">
<link rel="shortcut icon" href="http://cdn.knightlab.com/libs/blueline/latest/assets/logos/favicon.ico">
<link href="//cloud.webtype.com/css/d4767ecb-457a-4677-8761-72f890add836.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="http://cdn.knightlab.com/libs/blueline/latest/css/blueline.min.css">
<link rel="stylesheet" type="text/css" href="{{ static_url }}css/site.css">
{% block prehead %}
{# Allow scripts to load before storymap (e.g. Leaflet) #}
{% endblock %}
<link rel="stylesheet" href="{{ CDN_URL }}css/storymap.css?v1">
<script type="text/javascript" src="{{ CDN_URL }}js/storymap.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://cdn.knightlab.com/libs/blueline/latest/js/blueline.min.js"></script>
<!-- Google Analytics: don't mess with this stuff -->
<!-- named tracker notes from https://developers.google.com/analytics/devguides/collection/gajs/ -->
<!-- multi-domain tracking notes from https://developers.google.com/analytics/devguides/collection/gajs/gaTrackingSite -->
<script>
var _gaq = _gaq || [];
_gaq.push(
function() {
var pageTracker = _gat._createTracker('UA-27829802-1', 'knightlabTracker');
},
['knightlabTracker._setDomainName', 'knightlab.com'] // DON'T CHANGE THIS FOR SUBDOMAINS
['knightlabTracker._setAllowLinker', true],
['knightlabTracker._trackPageview']
);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- End Google Analytics -->
{% block head %}
{% endblock %}
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="100">
<!-- Nav-->
<div class="navbar navbar-fixed-top navbar-inverse">
<div class="navbar-inner">
<div class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a href="{{ url_for('index') }}" class="brand">StoryMap JS</a>
<div class="nav-collapse navbar-responsive-collapse collapse" style="height: 0px;">
<ul class="nav">
<li><a href="{{ url_for('select') }}" data-scroll="true">Create</a></li>
<li><a href="{{ url_for('gigapixel') }}" data-scroll="true">Gigapixel</a></li>
<li><a href="{{ url_for('advanced') }}" data-scroll="true">Advanced</a></li>
<li><a href="{{ url_for('index') }}#examples" data-scroll="true">Examples</a></li>
<li><a href="{{ url_for('index') }}#help" data-scroll="true">Help</a></li>
</ul>
<ul class="nav pull-right">
<li class="knightlab-tab"><a data-toggle="preheader" href="http://knightlab.northwestern.edu" title="Northwesten University Knight Lab"><span>Northwestern University Knight Lab</span></a></li>
<!--for local testing add: data-target="/source/preheader.html" -->
</ul>
</div><!-- /.nav-collapse -->
</div>
</div><!-- /navbar-inner -->
</div>
{% block content %}
{% endblock %}
<!-- BEGIN FOOTER -->
<footer>
<div class="clearfix" id="footer">
<div id="footer-wrapper" class="row-fluid">
<div class="span4">
<address itemtype="http://data-vocabulary.org/Organization" itemscope="">
<span title="Knight Lab | Advancing news media innovation through exploration and experimentation." class="address-name" itemprop="name">Knight Lab</span>
<span itemtype="http://data-vocabulary.org/Address" itemscope="" class="address" itemprop="address">
<span class="street-address" itemprop="street-address">1845 Sheridan Road<br>Fisk #109 & #111</span>,
<div class="address-group">
<span itemprop="locality">Evanston</span>,
<span itemprop="region">IL</span>. <span itemprop="postal-code">60208</span><br>
<a class="map" target="_blank" href="https://maps.google.com/maps?q=1845+Sheridan+Road+Evanston+IL+6020&hl=en&ll=42.050942,-87.673511&spn=0.003059,0.004898&sll=42.050647,-87.674246&sspn=0.012237,0.019591&gl=us&hnear=1845+Sheridan+Rd,+Evanston,+Cook,+Illinois+60201&t=m&z=18&iwloc=A"><i>+</i> <span>map</span></a>
<span class="address-country" itemprop="country-name">United States</span>
</div>
</span>
<span itemtype="http://www.data-vocabulary.org/Geo/" itemscope="" class="geo" itemprop="geo">
Latitude: <span itemprop="latitude">42.056893</span>
Longitude: <span itemprop="longitude">-87.676735</span>
</span>
<span class="tel" itemprop="tel">(847) 467-4971</span>
<a itemprop="url" href="http://knightlab.northwestern.edu" class="url">Northwestern University Knight Lab | Advancing media innovation through exploration and experimentation.</a>
</address>
<ul class="social">
<li><a target="_blank" title="follow @knightlab on twitter" href="http://www.twitter.com/knightlab"><i class="icon-twitter-sign icon-large"></i></a></li>
<li><a target="_blank" title="Knight Lab on Facebook" href="https://www.facebook.com/knightlab"><i class="icon-facebook-sign icon-large"></i></a></li>
<li><a title="email Knight Lab" href="mailto:Knightlab@northwestern.edu"><i class="icon-sign-blank icon-large iconemail"></i></a></li>
<li><a target="_blank" title="Knight Lab on github" href="https://github.com/NUKnightLab/"><i class="icon-github-sign icon-large"></i></a></li>
<li><a target="_blank" title="Knight Lab on Tumblr" href="http://knightlab.tumblr.com/"><i class="icon-sign-blank icon-large icontumblr"></i></a></li>
</ul>
</div>
<div class="span8">
<ul class="logos clearfix">
<li><a title="John S. and James L. Knight Foundation" href="http://www.knightfoundation.org/" class="knightfoundation"><span>John S. and James L. Knight Foundation</span></a></li>
<li><a title="National Science Foundation" href="http://www.nsf.gov/" class="nsf"><span>National Science Foundation</span></a></li>
<li><a title="Robert R. McCormick Foundation" href="http://www.mccormickfoundation.org/" class="mccormickfound"><span>Robert R. McCormick Foundation</span></a></li>
<li><a title="Northwestern University" href="http://www.northwestern.edu/" class="northwestern"><span>Northwestern University</span></a></li>
<li><a title="McCormick School of Engineering | Northwestern University" href="http://www.mccormick.northwestern.edu/" class="mccormick"><span>McCormick School of Engineering | Northwestern University</span></a></li>
<li><a title="Medill School of Journalism | Northwestern University" href="http://www.medill.northwestern.edu" class="medill"><span>Medill School of Journalism | Northwestern University</span></a></li>
</ul>
<div class="notes">
<p><a target="_blank" href="http://www.northwestern.edu/" title="Northwestern University">Northwestern University</a> Knight Lab is a joint initiative of the <a href="http://www.mccormick.northwestern.edu/">Robert R. McCormick School of Engineering and Applied Science</a> and the<a href="http://www.medill.northwestern.edu/"> Medill School of Journalism, Media, Integrated Marketing Communications</a>.</p>
<p>The Lab was launched and is sustained by a grant from the <a href="http://www.knightfoundation.org/">John S. and James L. Knight Foundation</a>, with additional support from the<a href="http://www.mccormickfoundation.org/"> Robert R. McCormick Foundation</a> and the<a href="http://www.nsf.gov/"> National Science Foundation</a>.</p>
</div>
</div>
<div class="copyright">
© Copyright 2013-14 <span title="Knight Lab">Northwestern University</span>
</div>
</div><!-- end #footer-wrapper -->
</div><!-- end #footer -->
<div id="footer-outer"></div>
</footer>
<!-- END FOOTER -->
<script type="text/javascript">
// Navbar scrollTo
$(".navbar .nav a, [data-scroll='true']").click(function (e) {
var $target = $(this)
, href = $target.attr("href")
, hash = href.substring(href.lastIndexOf('/') + 1)
, $destination = $(hash)
, offset = $(".navbar").height() || 0
, scrollTop = $destination.offset().top - 30;
$("body,html").animate({scrollTop: scrollTop}, 350);
return false;
});
</script>
{% block scripts %}
{% endblock %}
</body>
</html>