-
Notifications
You must be signed in to change notification settings - Fork 0
/
publications.html
145 lines (116 loc) · 5.54 KB
/
publications.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
<html>
<head>
<title>GLAMOR Lab - Publications</title>
<link rel="icon" type="image/x-icon" href="./thumbnails/favicon.png">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
<link href='https://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="./main.css">
<link href='https://fonts.googleapis.com/css?family=Nunito' rel='stylesheet'>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script src="publications.js"></script>
<base href="/">
<!-- General CSS for this page -->
<style>
::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .5);
box-shadow: 0 0 1px rgba(255, 255, 255, .3);
}
@media screen and (max-width: 480px) {
#news > * {
padding: 0 0 0 0;
}
#news {
margin: 0 0 0 0.5em;
}
}
#banner {
height: 400px;
}
@media screen and (max-width: 480px) {
#banner {
height: 200px
}
}
</style>
<!-- Defines .bib block -->
<style>
.bib {
font-family: 'Roboto Mono', Roboto, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
font-size: 12px;
padding: 8px 8px 8px 8px;
border-style: ridge;
background-color: aliceblue;
}
</style>
<!-- Defines scripts -->
<script>
var world_scope_descs = ["", "World Scope 1 - Corpora and Representations", "World Scope 2 - The Written Word", "World Scope 3 - The World of Sights and Sounds", "World Scope 4 - Embodiment and Action", "World Scope 5 - The Social World"];
function onPageLoad() {
populatePapersAll();
}
function populatePapersAll() {
var years = ['Pre-Prints', '2024', '2023', '2022'];
string_out = '';
for(year_idx = 0; year_idx < years.length; year_idx++){
var year = years[year_idx];
string_out += '<h4 style="text-align:left;color:#990000;margin-bottom:20px">' + year +'</h4>';
string_out += populatePapers(year);
string_out += '<br/>';
}
document.getElementById("publications").innerHTML += string_out;
}
function populatePapers(year) {
// List of all papers; add new item at top of each list
var paper_titles = papers.map(x => x.paper_title);
var authors = papers.map(x => x.authors);
var venues = papers.map(x => x.venue);
var links = papers.map(x => x.link);
var years = papers.map(x => x.year);
var idxs = [...Array(paper_titles.length).keys()];
filtered_idxs = idxs.filter(idx => years[idx] == year);
var string_out = '';
for (idx=0; idx < filtered_idxs.length; idx++) {
jdx = filtered_idxs[idx];
string_out += '<div class="col-md-12" style="margin-bottom:10px">';
string_out += '<h5 style="text-align:left;color:#990000;margin-bottom:0px">' + paper_titles[jdx] +'</h5>';
string_out += '<p style="text-align:left;margin-bottom:0px">' + authors[jdx] +'</p>';
string_out += '<p style="text-align:left;margin-bottom:0px">' + venues[jdx] +'</p>';
string_out += '<p style="text-align:left;margin-bottom:0px">' + links[jdx] +'</p>';
string_out += '</div>';
}
return string_out;
}
</script>
</head>
<body onload="onPageLoad()">
<nav class="navbar navbar-expand-lg navbar-light" style="background-color: #990000;">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img class="glamor-thumbnail" src="thumbnails/glamor-logo-big.svg" title="GLAMOR lab logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-lg-0" >
<li class="nav-item"><a id="nav-link-custom" class="nav-link" href="people.html">People</a></li>
<li class="nav-item"><a id="nav-link-custom" class="nav-link" href="publications.html">Publications</a></li>
<li class="nav-item"><a id="nav-link-custom" class="nav-link" href="sponsors.html">Sponsors</a></li>
<li class="nav-item"><a id="nav-link-custom" class="nav-link" href="opportunities.html">Opportunities</a></li>
<li class="nav-item"><a id="nav-link-custom" class="nav-link" href="fun.html">Fun!</a></li>
</ul>
</div>
</div>
</nav>
<div id="container">
<br/>
<h3 style="text-align:left;color:#990000;margin-bottom:20px">Publications</h3>
<div class="col-md-12" id="publications"></div>
</div>
</body>
</html>