forked from cci-ucb/cp101.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstory-mapping.html
141 lines (110 loc) · 6.29 KB
/
story-mapping.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>City and Regional Planning 101</title>
<!-- Latest compiled and minified Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="./theme/css/main.css" />
</head>
<body id="index" class="home">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="./">
CP 101
</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<!--<li><a href="./calendar.html">Course Schedule</a></li>-->
<li><a href="./policies.html">Policies</a></li>
<!--<li><a href="./office-hours.html">Course Staff</a></li>-->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project Examples <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="./assignment-1.html">Assignment 1</a></li>
<li><a href="./assignment-2.html">Assignment 2</a></li>
<li><a href="./assignment-3.html">Assignment 3</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="./materials.html">Course Materials</a></li>
<li><a href="./stats-reference.html">Statistics Reference</a></li>
<li><a href="./story-mapping.html">Story Mapping</a></li>
<!-- <li><a href="./python-reference.html">Python Reference</a></li> -->
<li><a href="./data-portals.html">Data Portals</a></li>
</ul>
</li>
<!-- <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Course Topics <span class="caret"></span></a> -->
<!-- <ul class="dropdown-menu"> -->
<!-- <li><a href="./census-data.html">Census Data</a></li>
<li><a href="./data-visualization.html">Data Visualization</a></li> -->
<!-- <li><a href="./story-mapping.html">Story Mapping</a></li> -->
<!-- <li><a href="./citizen-science.html">Citizen Science</a></li>
<li><a href="./mapping.html">Spatial Data and Mapping</a></li> -->
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<section id="content">
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div>
<h2>Story Mapping</h2>
<h4> Here are some great examples of story mapping</h4>
<ul>
<li><a href="http://www.antievictionmap.com/#/narratives-of-displacement/">Displacement in the Bay Area</a></li>
<li><a href="http://jmt.maps.arcgis.com/apps/MapJournal/?appid=061d0da22587475fb969483653179091%20">Mapping Segregation in DC.</a></li>
<li><a href="https://storymaps.arcgis.com/stories/378dcb733ffe4698b97ce8cd2884b3dd">Creating a neighborhood change zoning plan for Spruce Hill </a></li>
<li><a href="http://maps.google.com/gallery/details?id=zMC7tfcRop6s.koD9cCcyHJ_0&hl=en">Gangs of Los Angeles (2015)</a></li>
<li><a href="http://storymaps.esri.com/stories/2015/atlas-for-a-changing-planet/">Atlas for a Changing Planet </a></li>
<li><a href="http://story.maps.arcgis.com/apps/MapSeries/index.html?appid=597d573e58514bdbbeb53ba2179d2359">Katrina +10: A Decade of Change in New Orleans </a></li>
<li>You can find more examples at <a href="https://www.esri.com/en-us/arcgis/products/arcgis-storymaps/overview"> ESRI’s gallery </a></li>
</ul>
<script type="text/javascript">if (!document.getElementById('mathjaxscript_pelican_#%@#$@#')) {
var mathjaxscript = document.createElement('script');
mathjaxscript.id = 'mathjaxscript_pelican_#%@#$@#';
mathjaxscript.type = 'text/javascript';
mathjaxscript.src = '//cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML';
mathjaxscript[(window.opera ? "innerHTML" : "text")] =
"MathJax.Hub.Config({" +
" config: ['MMLorHTML.js']," +
" TeX: { extensions: ['AMSmath.js','AMSsymbols.js','noErrors.js','noUndefined.js'], equationNumbers: { autoNumber: 'AMS' } }," +
" jax: ['input/TeX','input/MathML','output/HTML-CSS']," +
" extensions: ['tex2jax.js','mml2jax.js','MathMenu.js','MathZoom.js']," +
" displayAlign: 'center'," +
" displayIndent: '0em'," +
" showMathMenu: true," +
" tex2jax: { " +
" inlineMath: [ ['$','$'] ], " +
" displayMath: [ ['$$','$$'] ]," +
" processEscapes: true," +
" preview: 'TeX'," +
" }, " +
" 'HTML-CSS': { " +
" styles: { '.MathJax_Display, .MathJax .mo, .MathJax .mi, .MathJax .mn': {color: 'black ! important'} }" +
" } " +
"}); ";
(document.body || document.getElementsByTagName('head')[0]).appendChild(mathjaxscript);
}
</script>
</div>
<footer id="contentinfo" class="body">
</footer><!-- /#contentinfo -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Latest compiled and minified Bootstrap JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>