-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
156 lines (132 loc) · 7.09 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
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
151
152
153
154
155
156
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="The EPoD Fellows Lunch, revived.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
<title>EPoD: F(AF)L</title>
</head>
<body>
<header class="bgimage">
<div class="container welcome">
<p><a href="http://www.kodingmadesimple.com/2015/01/twitter-bootstrap-jumbotron-tutorial-with-examples.html"></a></p>
</div>
</header>
<!-- Navbar -->
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapsemenu" aria-expanded="false">
<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 block-inline" href="http://epod.cid.harvard.edu" style="padding: 8px;">
<img alt="EPoD logo" src="images/logo.png" height="35px">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="collapsemenu">
<!-- Main navbar, LHS -->
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home</a> <span class="sr-only">(current)</span></li>
<li><a href="about.html">About</a></li>
<li><a href="calendar.html">Calendar of events</a></li>
<li><a href="map.html">How to find us</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Feedback forms <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="https://docs.google.com/forms/d/1Vsx1EvhnqYviZv8eEVTAOf-Fdm0wxuKjoKqXgY3iNUU/viewform?usp=send_form" target="_blank">I want to teach something.</a></li>
<li><a href="https://docs.google.com/forms/d/1eb2xAQyxroDYJJsJ55U1RETarnZYJowmCHjGPWEZaEg/viewform?usp=send_form" target="_blank">I want to learn something.</a></li>
<li><a href="mailto:[email protected]?body=FAFL%20session%20attended%3A%0ATopic%20learned%3A%0AFeedback%3A%20">I want to give feedback on a F(AF)L.</a></li>
</ul>
</li>
<li class="dropdown">
<a href="resources.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources to learn more <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="resources.html#python">Python</a></li>
<li><a href="resources.html#gis">GIS</a></li>
<li><a href="resources.html#git">git/GitHub</a></li>
<li><a href="resources.html#css">HTML/CSS</a></li>
<li><a href="resources.html#d3js">d3.js</a></li>
<li><a href="resources.html#stata">Stata</a></li>
<li><a href="resources.html#phd">Applying for a PhD</a></li>
<li><a href="resources.html#api">APIs</a></li>
<li><a href="resources.html#latex">LaTeX</a></li>
<li><a href="resources.html#sql">SQL</a></li>
<li><a href="resources.html#r">R</a></li>
<li><a href="https://www.khanacademy.org/coach-res/reference-for-coaches/how-to/v/you-can-learn-anything" target="_blank">I just need a pep talk</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<!-- /Navbar -->
<div class="container">
<div class="row">
<section class="col-sm-4">
<h1>Hi.</h1>
<p class="lead text-justify">Welcome! This is a website for <a href="http://epod.cid.harvard.edu/research-fellows">EPoD Fellows</a> and their <abbr title="/kiTH/ (n.) one's friends, acquaintances, and relations.">kith</abbr> throughout the Boston area. We're a group of young researchers working on empirical research for policy issues. This is where we learn new things.</p>
<a class="btn btn-default btn-primary" href="https://docs.google.com/forms/d/1eb2xAQyxroDYJJsJ55U1RETarnZYJowmCHjGPWEZaEg/viewform" target="_blank" role="button">Suggest a workshop topic</a>
</section>
<section class="col-sm-8">
<img src="images/xkcd.png"
alt="xkcd comic" class="img-responsive center-block" width="500px">
<p><small>Source: <a href="https://xkcd.com/1205/" target="_blank">xkcd, 1205</a></small></p>
</section>
</div>
</div>
<div class="container">
<div class="row">
<section class="col-md-12">
<h3>Events</h3>
<p>The next F(AF)L workshop is <mark>An introduction to <code>git</code> - <b>Friday, Dec 11 2015</b>.</mark> For the full calendar, <a href="calendar.html">click here</a>.</p>
<table class="table table-striped">
<thead>
<tr>
<th></th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">F(AF)L</th>
<td>monthly</td>
<td>Fellows (and Friends) Learn. Come one, come all! A junior empiricist get-together, for people working across our organizations. This will be a hands-on, informal workshop where we can learn new skills. Followed by happy hour.</td>
</tr>
<tr>
<th scope="row">MIT–Harvard Development Seminar</th>
<td>weekly</td>
<td>Held at Harvard in the fall, MIT in the spring. For the full schedule, <a href="http://economics.mit.edu/events/Dev-Environ">see here</a>.</td>
</tr>
<tr>
</tbody>
</table>
</section>
<section class="col-md-12">
<h3>Send a pull request</h3>
<p>We're on GitHub! Interested in tinkering with this site? Clone the files to your computer and get coding! Open <code><a href="http://www.wikihow.com/Get-to-the-Command-Line-on-a-Mac">Terminal</a></code> (OSX) or <code><a href="http://mikefrobbins.com/2015/01/01/where-to-find-and-how-to-launch-powershell/">PowerShell</a></code> (Windows), navigate to wherever you want to put it (<code>cd [some file path]</code>) and type:</p>
<pre>git clone http://github.com/hks-epod/fellows-lunch</pre>
</section>
</div><!-- row -->
</div><!-- content container -->
<!-- Google Analytics tracking -->
<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-67003611-1', 'auto');
ga('send', 'pageview');
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>
</html>