-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
174 lines (150 loc) · 7.24 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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
---
---
<!DOCTYPE html>
<html>
<head>
<title>The Digital Humanities Job Archive</title>
<!-- Le styles -->
<link href="/css/bootstrap.css" rel="stylesheet">
<link href="/css/bootstrap-responsive.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
#rss {
float: right;
padding: 1em;
}
div#map {
/*width:900px;*/
width: 100%;
margin:0px auto;
height: 400px;
}
span.date {
font-family: Menlo, Monaco, "Courier New", monospace;
}
/****
* fix bootstrap issue
* https://github.com/twitter/bootstrap/issues/1552
****/
#map img {
max-width: none;
}
#map label {
width: auto; display:inline;
}
</style>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="http://jobs.lofhm.org/feed/index.xml" rel="alternate" type="application/rss+xml" title="DH Job Feed">
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<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 class="brand" href="/">jobs</a>
<div class="nav-collapse">
<ul class="nav">
<li>
<a href="/about">about</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="hero-unit">
<h1>Digital Humanities Job Archive</h1>
<p>The DH Jobs Archive is a repository of jobs listings related to the digital humanities.</p>
<h3>ON HIATUS</h3>
<em><b>NOTE:</b> The DH Jobs Archive is NOT trying to be an up-to-date jobs listing site. Our goal is to maintain a
repository of postings for folks interested in conducting research about the digital humanities. What we have been trying to do is extract some basic metadata and the text of job postings before they dissapear from the web. This normalization is a lot more work than we anticipated. The maintainers of this site have fallen woefully behind in our archival efforts and would love help.</em>
<br/>
<p>If you are looking for up-to-date job postings, I suggest the <a href="http://www.hastac.org/category/opportunity-type/jobs-and-fellowships">HASTAC Jobs and Fellowships page</> or <a href="http://digitalhumanitiesnow.org/tag/job/">DHNow's Jobs feed</a>.</p>
<div id="map">Loading...</div>
<!-- <p>The DH Jobs Archive is a repository of jobs listed as relating to digital humanities.</p>
<p>Listings are increasingly featured on community sites such as DHNow or circulating on Twitter. However, many of these listings appear only for a brief time before being taken offline. Listservs including Humanist act as the best existing archival source for listings within the community, however jobs are not easily searched, inconsistently mentioned, and lack structure making programmatic analysis difficult. This project is an effort to consolidate and archive those job listings, hopefully enabling future publications and computational analysis of job listings within the community.</p>
<p><strong>Want to contribute?</strong> Right now listings are markdown files <a href="https://github.com/lofhm/DH-Job-Archive/tree/gh-pages">on Github</a>, and we encourage people to fork the repository and issue pull requests. We've also created a <a href="https://docs.google.com/spreadsheet/viewform?formkey=dDFkcnhfMHhIb3lYM0xHcXpnN0g0R2c6MQ#gid=0">submission form</a> for you to add listings that are currently missing. Also feel free to ping <a href="http://twitter.com/davelester">Dave (@davelester)</a> or <a href="http://twitter.com/mcburton">Matt (@mcburton)</a> on twitter as well.</p> -->
</div>
<ul class="listings">
{% for post in site.posts %}
<li>
<span class="date">{{ post.date | date_to_string }}</span> - <a href="{{ post.url }}">{{ post.title }}</a>
</li>
{% endfor %}
</ul>
</div> <!-- /container -->
<a href="/feed/index.xml" id="rss">RSS</a>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-30748238-1']);
_gaq.push(['_setDomainName', 'lofhm.org']);
_gaq.push(['_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>
<script src="http://d3js.org/d3.v2.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=&sensor=false"></script>
<script>
d3.json("/data.json", function(data) {
var dateFormat = d3.time.format("%B %e, %Y");
var myOptions = {
zoom: 2,
center: new google.maps.LatLng(46, -6),
mapTypeId: google.maps.MapTypeId.TERRAIN,
streetViewControl: false,
panControl: false,
zoomControlOptions: google.maps.ZoomControlStyle.SMALL
};
var map = new google.maps.Map(document.getElementById("map"), myOptions);
var openWindow; // this is a dirty hack
var markers = data.map(function(job){
var marker = new google.maps.Marker({
position: new google.maps.LatLng(job.location.latitude, job.location.longitude),
map: map,
title: job.title
})
var jobInfo = '<div id="infowindow">' +
'<h4>' + job.title + '</h4>' +
'<h5>Posted on: ' + dateFormat(new Date(job.postdate)) + '</h5>' +
'<a class="maplink" href="' + job.archive_link + '"> Click for more info... </a>';
var infowindow = new google.maps.InfoWindow({
content: jobInfo
});
// prevent multiple infowindows being open
google.maps.event.addListener(marker, 'click', function() {
if (openWindow) openWindow.close();
infowindow.open(map,marker);
openWindow = infowindow;
});
google.maps.event.addListener(marker, 'dblclick', function() {
map.panTo(marker.position);
var zoom = map.getZoom();
console.log(zoom);
map.setZoom(zoom + 1);
});
return {"marker": marker, "infowindow":infowindow};
});
// click outside the map to close infowindow
google.maps.event.addListener(map, 'click', function() {
if (openWindow) openWindow.close();
});
});
</script>
</body>
</html>