-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfaculty.html
131 lines (121 loc) · 7.77 KB
/
faculty.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>CSSA</title>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/prettyPhoto.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<link rel="shortcut icon" href="images/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-58935361-1', 'auto');
ga('send', 'pageview');
</script>
<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$.get("assets/header.html", function(data){
$("#header-placeholder").replaceWith(data);
});
</script>
<script>
$.get("assets/footer.html", function(data){
$("#footer-placeholder").replaceWith(data);
});
</script>
</head>
<body>
<div class="container">
<div id="header-placeholder"></div>
<section>
<div class="row">
<div class="col-sm-3 col-md-4 col-lg-3">
<h1 class="center"> Cog Sci Faculty</h1>
</div>
<div class="col-sm-9 col-md-8 col-lg-9">
<ul class="nav nav-tabs" role="tablist" style="margin-top: 10px">
<li class="col-ss-6 center"><a href="research.html">Research Overview</a></li>
<li class="active col-ss-6 center"><a href="faculty.html">Cog Sci Faculty</a></li>
<li class="col-ss-6 center"><a href="thesis.html">Honors Thesis Archive</a></li>
<li class="col-ss-6 center"><a href="research_opportunities.html">Opportunities</a></li>
</ul>
</div>
</div>
</section>
<section>
<div class="row">
<div class="col-md-6">
<h3> Cog Sci Faculty Map </h3>
<p> This map (click button to right) allows you to navigate cog sci faculty by area of interest. These faculty are not all officially affiliated with cognitive science (list of those <a href= "http://cogsci.berkeley.edu/people-0"><u>here</u></a>), but instead the map is much more comprehensive in an attempt to cover all of the faculty doing research/teaching classes that cognitive science majors might find of interest. Many of these faculty head research labs (though not all), so hopefully this map is a useful tool for those of you looking for research labs, but unsure how to find relevant ones. Though this map attempts to be comprehensive, omissions/errors have probably been made, so feel free to email cssa.berkeley@gmail.com with additions and/or edits.
</div>
<div class="col-md-6">
<h3> Navigating the Map </h3>
<ul>
<li> Blue ovals can be expanded by clicking on them. </li>
<li> You can move the window by clicking and dragging. </li>
<li> Scroll to zoom in and out. </li>
<li> Faculty names link to their academic faculty profiles. </li>
<li> Shaded squares indicate faculty officially associated with the cognitive science program. </li>
</ul>
<div class="center">
<a href="faculty_map.html" target="_blank"><button type="button" class="btn btn-primary btn-lg midnight-blue" style="padding: 15px">View the Cog Sci Faculty Map</button></a>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h3> Credit </h3>
<p> This map is a slight variation on robschmuecker's <a href="http://bl.ocks.org/robschmuecker/7880033"> <u>drag and drop, collapsible tree</u> </a> built using d3.js. The idea for the map was inspired by Natalie Bilenko's <a href="http://neuroscience.berkeley.edu/faculty-by-department/"> <u>much prettier visualization</u></a> of neuroscience faculty at Berkeley. Finally, a lot of the decompositions of topics within the map are based on decompositions within departments or institutes at Berkeley.</p>
</div>
<div class="col-md-6">
<h3> Other Resources </h3>
<div class="col-md-5" >
<ul style="padding-left: 0px;">
<li style="padding-left: 0px;"> <a href="http://cogsci.berkeley.edu/people-0"> <u> Cognitive Science Program</u></a></li>
<li style="padding-left: 0px;"> <a href="http://psychology.berkeley.edu/people/faculty"> <u> Psychology Department</u></a> </li>
<li style="padding-left: 0px;"> <a href="http://philosophy.berkeley.edu/people/faculty"> <u> Philosophy Department</u></a> </li>
<li style="padding-left: 0px;"> <a href="http://linguistics.berkeley.edu/faculty"> <u> Linguistics Department</u></a> </li>
<li style="padding-left: 0px;"> <a href="http://www.ischool.berkeley.edu/people/faculty"> <u> School of Information</u></a> </li>
</ul>
</div>
<div class="col-md-7">
<ul style="padding-left: 0px;">
<li style="padding-left: 0px;"> <a href="http://neuroscience.berkeley.edu/faculty-by-research-domain/"> <u> Helen Wills Neuroscience Center</u></a> </li>
<li style="padding-left: 0px;"> <a href="http://redwood.berkeley.edu/wiki/People_at_the_Redwood_Center"> <u> Redwood Theoretical Neuroscience Center</u></a> </li>
<li style="padding-left: 0px;"> <a href="http://icbs.berkeley.edu/faculty.php"> <u> Institute of Cognitive and Brain Sciences</u></a> </li>
<li style="padding-left: 0px;"> <a href="http://www.eecs.berkeley.edu/Faculty/Lists/CS/list.shtml"> <u> Computer Science Department</u></a> </li>
</ul>
</div>
</div>
</div>
</section>
<div id="buffer"></div>
<div id="header-placeholder"></div>
</div>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script src="js/main.js"></script>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="js/dndTree.js"></script>
</body>
</html>