Skip to content

Commit 9785d02

Browse files
a-naua-nau
committed
feat: add homepage look and new filter
* upgrade bootstrap to v4 * use bootstrap navbar * change filter to dropdown (easy (un-)select all) * restructure by using _includes
1 parent 797bc08 commit 9785d02

16 files changed

+323
-465
lines changed

‎_includes/footer.html

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<div class="row">
2+
<div class="col-12 col-sm-12">
3+
<a href="/">{{ site.domain }}</a>
4+
was built and maintained from 2016-2021 by
5+
<a href="https://twitter.com/abhshkdz">abhshkdz</a>. It is now run by
6+
<a href="https://paperswithcode.com/">Papers With Code</a>.<br>
7+
</div>
8+
</div>

‎_includes/google_analytics.js

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
(function (i, s, o, g, r, a, m) {
2+
i["GoogleAnalyticsObject"] = r;
3+
(i[r] =
4+
i[r] ||
5+
function () {
6+
(i[r].q = i[r].q || []).push(arguments);
7+
}),
8+
(i[r].l = 1 * new Date());
9+
(a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
10+
a.async = 1;
11+
a.src = g;
12+
m.parentNode.insertBefore(a, m);
13+
})(
14+
window,
15+
document,
16+
"script",
17+
"https://www.google-analytics.com/analytics.js",
18+
"ga"
19+
);
20+
ga("create", "{{ site.ga_id }}", "auto");
21+
ga("send", "pageview");

‎_includes/handle_url_retrieval.js

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
// Get subjects from URL/Cache
2+
var url = new URL(window.location);
3+
subs = url.searchParams.get("sub");
4+
if (subs == undefined) {
5+
subs = store.get("{{site.domain}}-subs");
6+
} else {
7+
subs = subs.toUpperCase().split(",");
8+
}
9+
10+
// Apply selections
11+
if (subs == undefined) {
12+
subs = all_subs;
13+
}
14+
$("#subject-select").multiselect("select", subs);
15+
update_filtering({ subs: subs, all_subs: all_subs });

‎_includes/head.html

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<meta charset="utf-8">
2+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
3+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
4+
5+
<title>{{ site.title }}</title>
6+
<meta name="description" content="{{ site.description }}">
7+
<meta name="author" content="{{ site.author }}">
8+
<link rel="stylesheet" type="text/css" href="{{ "/static/css/bootstrap.min.css" | prepend:site.baseurl }}">
9+
<link rel="stylesheet" type="text/css" href="{{ "/static/css/deadlines.css" | prepend:site.baseurl }}?t={{site.time | date: '%s'}}" media="screen,projection">
10+
<link rel="shortcut icon" href="{{ "/static/img/favicon.png" | prepend:site.baseurl }}">
11+
12+
<script type="text/javascript" src="{{ "/static/js/jquery.min.js" | prepend:site.baseurl }}"></script>
13+
<script type="text/javascript" src="{{ "/static/js/popper.min.js" | prepend:site.baseurl }}"></script>
14+
<script type="text/javascript" src="{{ "/static/js/bootstrap.min.js" | prepend:site.baseurl }}"></script>
15+
<script type="text/javascript" src="{{ "/static/js/jquery.countdown.min.js" | prepend:site.baseurl }}"></script>
16+
<script type="text/javascript" src="{{ "/static/js/moment.min.js" | prepend:site.baseurl }}"></script>
17+
<script type="text/javascript" src="{{ "/static/js/moment-timezone-with-data.min.js" | prepend:site.baseurl }}"></script>
18+
<script type="text/javascript" src="{{ "/static/js/store.min.js" | prepend:site.baseurl }}"></script>
19+
<script type="text/javascript" src="{{ "/static/js/ouical.min.js" | prepend:site.baseurl }}"></script>
20+
<script type="text/javascript" src="{{ "/static/js/bootstrap-multiselect.min.js" |prepend:site.baseurl }}"></script>

‎_includes/header.html

+36
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
2+
<div class="container">
3+
<a class="navbar-brand" href="{{site.baseurl}}/" style="border-bottom: none">
4+
<div class="icon-inner pwc-icon">
5+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="s-ion-icon">
6+
<path d="M88 128h48v256H88zM232 128h48v256h-48zM160 144h48v224h-48zM304 144h48v224h-48zM376 128h48v256h-48z">
7+
</path>
8+
<path d="M104 104V56H16v400h88v-48H64V104zM408 56v48h40v304h-40v48h88V56z"></path>
9+
</svg>
10+
</div>
11+
AI Deadlines
12+
</a>
13+
14+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-toggler"
15+
aria-controls="navbars-toggler" aria-expanded="false" aria-label="Toggle navigation">
16+
<span class="navbar-toggler-icon"></span>
17+
</button>
18+
<div class="collapse navbar-collapse" id="navbar-toggler">
19+
<ul class="navbar-nav mr-auto">
20+
<li>
21+
<a href="{{site.baseurl}}/" class="nav-link" style="border-bottom: none">Countdowns</a>
22+
</li>
23+
</ul>
24+
<span>
25+
<a href="https://twitter.com/share" class="twitter-share-button"
26+
data-text="{{ site.description }}{% if site.twitter.hashtag %} #{{ site.twitter.hashtag }}{% endif %}"
27+
data-show-count="false" style="font-size: 13px">Tweet</a>
28+
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
29+
&nbsp; &nbsp;
30+
<iframe
31+
src="https://ghbtns.com/github-btn.html?user={{ site.github_username }}&repo={{ site.github_repo }}&type=star&count=true"
32+
frameborder="0" scrolling="0" width="120" height="20px"></iframe>
33+
</span>
34+
</div>
35+
</div>
36+
</nav>

‎_includes/load_data.js

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
2+
var rankings = [];
3+
var subs = [];
4+
var _all_subs = [];
5+
var _all_rankings = [];
6+
// Get all subs
7+
var conf_type_data = {{ site.data.types | jsonify}};
8+
var sub2name = {}; var name2sub = {};
9+
for (var i = 0; i < conf_type_data.length; i++) {
10+
_all_subs[i] = conf_type_data[i]['sub'];
11+
sub2name[conf_type_data[i]['sub']] = conf_type_data[i]['name'];
12+
name2sub[conf_type_data[i]['name']] = conf_type_data[i]['sub'];
13+
}
14+
const all_subs = _all_subs;
15+

‎_includes/multiselect_handler.js

+45
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
// Multi-select handler
2+
$("#subject-select").multiselect({
3+
includeSelectAllOption: true,
4+
numberDisplayed: 5,
5+
onChange: function (option, checked, select) {
6+
var csub = $(option).val();
7+
if (checked == true) {
8+
if (subs.indexOf(csub) < 0) subs.push(csub);
9+
} else {
10+
var idx = subs.indexOf(csub);
11+
if (idx >= 0) subs.splice(idx, 1);
12+
// In case a conf with multiple types (including this type) is wrongly hid, show all confs with at least one checked type.
13+
for (var i = 0; i < subs.length; i++) {
14+
// $('.' + subs[i] + '-conf').show();
15+
}
16+
}
17+
update_filtering({ subs: subs, all_subs: all_subs });
18+
},
19+
onSelectAll: function (options) {
20+
subs = all_subs;
21+
update_filtering({ subs: subs, all_subs: all_subs });
22+
},
23+
onDeselectAll: function (options) {
24+
subs = [];
25+
update_filtering({ subs: subs, all_subs: all_subs });
26+
},
27+
buttonText: function (options, select) {
28+
if (options.length === 0) {
29+
return "None selected";
30+
} else {
31+
var labels = [];
32+
options.each(function () {
33+
if ($(this).attr("value") !== undefined) {
34+
labels.push($(this).attr("value"));
35+
} else {
36+
labels.push($(this).html());
37+
}
38+
});
39+
return labels.join(", ") + "";
40+
}
41+
},
42+
buttonTitle: function (options, select) {
43+
return "";
44+
},
45+
});

‎_includes/utils.js

+56
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
// Borrowed from https://github.com/moment/moment-timezone/issues/167
2+
// Adds support for time zones 'UTC-12'..'UTC+12'
3+
function addUtcTimeZones() {
4+
// Moment.js uses the IANA timezone database, which supports generic time zones like 'Etc/GMT+1'.
5+
// However, the signs for these time zones are inverted compared to ISO 8601.
6+
// For more details, see https://github.com/moment/moment-timezone/issues/167
7+
for (let offset = -12; offset <= 12; offset++) {
8+
const posixSign = offset <= 0 ? "+" : "-";
9+
const isoSign = offset >= 0 ? "+" : "-";
10+
const link = `Etc/GMT${posixSign}${Math.abs(
11+
offset
12+
)}|UTC${isoSign}${Math.abs(offset)}`;
13+
moment.tz.link(link);
14+
}
15+
}
16+
17+
function update_filtering(data) {
18+
var page_url = "{{site.baseurl}}";
19+
store.set("{{site.domain}}-subs", data.subs);
20+
21+
$(".confItem").hide();
22+
for (const j in data.all_subs) {
23+
const s = data.all_subs[j];
24+
const identifier = "." + s + "-conf";
25+
if (data.subs.includes(s)) {
26+
$(identifier).show();
27+
}
28+
}
29+
30+
if (subs.length == 0) {
31+
window.history.pushState("", "", page_url);
32+
} else {
33+
window.history.pushState("", "", page_url + "/?sub=" + data.subs.join());
34+
}
35+
}
36+
37+
function createCalendarFromObject(data) {
38+
return createCalendar({
39+
options: {
40+
class: "calendar-obj",
41+
42+
// You can pass an ID. If you don't, one will be generated for you
43+
id: data.id,
44+
},
45+
data: {
46+
// Event title
47+
title: data.title,
48+
49+
// Event start date
50+
start: data.date,
51+
52+
// Event duration
53+
duration: 60,
54+
},
55+
});
56+
}

0 commit comments

Comments
 (0)