Skip to content

Commit 0f156c9

Browse files
eaplatanioseaplatanios
committed
Redesigned the projects page and fixed multiple bugs.
1 parent 061a23e commit 0f156c9

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

44 files changed

+3396
-195
lines changed

‎_config.yml

+5-5
Original file line numberDiff line numberDiff line change
@@ -76,11 +76,11 @@ markdown: kramdown
7676
# Includes
7777
include: ['_pages']
7878

79-
# Gems
80-
gems:
81-
- jekyll-paginate
82-
- jekyll/scholar
83-
- jemoji
79+
# Plugins
80+
plugins:
81+
- jekyll-paginate
82+
- jekyll/scholar
83+
- jemoji
8484

8585
# Jekyll-Scholar
8686
scholar:

‎_includes/pagination.html

-23
This file was deleted.

‎_layouts/about.html

+27-15
Original file line numberDiff line numberDiff line change
@@ -10,12 +10,12 @@
1010

1111
<div class="col mt-4">
1212
<h1 class="title text-center font-weight-bold">Anthony Platanios</h1>
13-
<div class="row">
13+
<div class="row mt-3 mb-3">
1414
<div class="col-sm-6">
1515
<h6 class="mt-1 text-left text-sm-right" style="font-stretch: ultra-condensed;">
16-
<a href="http://www.ml.cmu.edu/" target="_blank">Machine Learning Department</a><br/>
17-
<a href="http://www.cs.cmu.edu/" target="_blank">School of Computer Science</a><br/>
18-
<a href="http://www.cmu.edu/" target="_blank">Carnegie Mellon University</a>
16+
<a style="color: rgb(60, 72, 88);" href="http://www.ml.cmu.edu/" target="_blank">Machine Learning Department</a><br/>
17+
<a style="color: rgb(60, 72, 88);" href="http://www.cs.cmu.edu/" target="_blank">School of Computer Science</a><br/>
18+
<a style="color: rgb(60, 72, 88);" href="http://www.cmu.edu/" target="_blank">Carnegie Mellon University</a>
1919
</h6>
2020
</div>
2121
<div class="col-sm-6">
@@ -28,17 +28,29 @@ <h6 class="mt-1 text-left text-sm-left" style="font-stretch: ultra-condensed;">
2828
</div>
2929
</div>
3030

31-
<div class="col" style="margin-top: -0.5em;">
32-
<span class="contacticon text-center mt-2">
33-
<a href="mailto:{{ site.email }}"><i class="fa fa-envelope-square"></i></a>
34-
<a href="https://scholar.google.com/citations?userid={{ site.scholar_userid }}&user={{ site.scholar_userid }}" target="_blank" title="Google Scholar"><i class="ai ai-google-scholar-square"></i></a>
35-
<a href="https://www.github.com/{{ site.github_username }}" target="_blank" title="GitHub"><i class="fa fa-github-square"></i></a>
36-
<a href="https://www.linkedin.com/in/{{ site.linkedin_username }}" target="_blank" title="LinkedIn"><i class="fa fa-linkedin-square"></i></a>
37-
<a href="https://www.facebook.com/{{ site.facebook_username }}" target="_blank" title="Facebook"><i class="fa fa-facebook-square"></i></a>
38-
<a href="https://twitter.com/{{ site.twitter_username }}" target="_blank" title="Twitter"><i class="fa fa-twitter-square"></i></a>
39-
</span>
40-
</div>
41-
31+
<!-- Introductory Paragraph -->
4232
<div class="col">
4333
{{ content }}
4434
</div>
35+
36+
<!-- News -->
37+
<div class="news">
38+
<h1 class="title mb-4">news</h1>
39+
{% assign news = site.news | reverse %}
40+
{% for item in news limit: site.news_limit %}
41+
<div class="row">
42+
<div class="col-sm-2">
43+
<span class="badge danger-color-dark font-weight-bold text-uppercase align-middle date ml-3">
44+
{{ item.date | date: "%b %-d, %Y" }}
45+
</span>
46+
</div>
47+
<div class="col-sm-10 mt-2 mt-sm-0 ml-3 ml-md-0 font-weight-light text">
48+
{% if item.inline %}
49+
<p>{{ item.content | remove: '<p>' | remove: '</p>' | emojify }}</p>
50+
{% else %}
51+
<a href="{{ item.url | prepend: site.baseurl }}" target="_blank">{{ item.title }}</a>
52+
{% endif %}
53+
</div>
54+
</div>
55+
{% endfor %}
56+
</div>

‎_layouts/bib.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,11 @@
55
<div class="col-sm-1 bib-abbr">
66
{% if entry.abbr %}
77
{% if site.data.venues[entry.abbr] %}
8-
<a class="badge font-weight-bold peach-gradient text-uppercase align-middle" href="{{site.data.venues[entry.abbr].url}}" target="_blank">
8+
<a class="badge font-weight-bold danger-color-dark text-uppercase align-middle" href="{{site.data.venues[entry.abbr].url}}" target="_blank">
99
{{entry.abbr}}
1010
</a>
1111
{% else %}
12-
<span class="badge font-weight-bold peach-gradient text-uppercase align-middle">
12+
<span class="badge font-weight-bold danger-color-dark text-uppercase align-middle">
1313
{{entry.abbr}}
1414
</span>
1515
{% endif %}

‎_layouts/default.html

+18-7
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<meta name="description" content="{{ site.description }}">
99

1010
<!-- Fonts and Icons -->
11-
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons" />
11+
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:100,300,400,500,700|Material+Icons" />
1212

1313
<!-- CSS Files -->
1414
<link rel="stylesheet" href="{{ '/assets/css/font-awesome.min.css' | prepend: site.baseurl | prepend: site.url }}">
@@ -21,17 +21,28 @@
2121
</head>
2222
<body>
2323
<!-- Header -->
24-
<nav class="navbar fixed-top navbar-expand-sm stylish-color-dark navbar-dark">
25-
<div class="container">
24+
<nav class="navbar fixed-top navbar-expand-md grey lighten-5 z-depth-1 navbar-light">
25+
<div class="container-fluid p-0">
2626
{% if page.title != "about" %}
27-
<a class="navbar-brand" href="{{ site.baseurl | prepend: site.url }}/"><b>Anthony</b> Platanios</a>
27+
<a class="navbar-brand title font-weight-lighter" href="{{ site.baseurl | prepend: site.url }}/"><span class="font-weight-bold">Anthony</span> Platanios</a>
28+
{% else %}
29+
<div class="row ml-1 ml-sm-0">
30+
<span class="contact-icon text-center" style="margin-top: -0.2em; margin-bottom: -0.2em;">
31+
<a href="mailto:{{ site.email }}"><i class="fa fa-envelope-square gm-icon"></i></a>
32+
<a href="https://scholar.google.com/citations?userid={{ site.scholar_userid }}&user={{ site.scholar_userid }}" target="_blank" title="Google Scholar"><i class="ai ai-google-scholar-square gs-icon"></i></a>
33+
<a href="https://www.github.com/{{ site.github_username }}" target="_blank" title="GitHub"><i class="fa fa-github-square gh-icon"></i></a>
34+
<a href="https://www.linkedin.com/in/{{ site.linkedin_username }}" target="_blank" title="LinkedIn"><i class="fa fa-linkedin-square li-icon"></i></a>
35+
<a href="https://www.facebook.com/{{ site.facebook_username }}" target="_blank" title="Facebook"><i class="fa fa-facebook-square fb-icon"></i></a>
36+
<a href="https://twitter.com/{{ site.twitter_username }}" target="_blank" title="Twitter"><i class="fa fa-twitter-square tw-icon"></i></a>
37+
</span>
38+
</div>
2839
{% endif %}
2940
<button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
3041
<span class="navbar-toggler-icon"></span>
3142
</button>
3243
<div class="collapse navbar-collapse text-right" id="navbarNav">
3344
<ul class="navbar-nav ml-auto flex-nowrap">
34-
<li class="nav-item {% if page.title == "about" %}active{% endif %}">
45+
<li class="nav-item {% if page.title == "about" %}navbar-active font-weight-bold{% endif %}">
3546
<a class="nav-link" href="{{ site.baseurl | prepend: site.url }}/">
3647
about
3748
{% if page.title == "about" %}
@@ -41,7 +52,7 @@
4152
</li>
4253
{% for p in site.pages %}
4354
{% if p.title and p.url != "/" %}
44-
<li class="nav-item {% if page.title == p.title %}active{% endif %}">
55+
<li class="nav-item {% if page.title == p.title %}navbar-active font-weight-bold{% endif %}">
4556
<a class="nav-link" href="{{ p.url | prepend: site.baseurl | prepend: site.url }}">
4657
{{ p.title }}
4758
{% if page.title == p.title %}
@@ -62,7 +73,7 @@
6273
</div>
6374

6475
<!-- Footer -->
65-
<footer class="stylish-color-dark text-light text-right">
76+
<footer class="grey lighten-5 text-dark z-depth-1 text-center">
6677
<div>
6778
&copy; Copyright {{ site.time | date: '%Y' }} {{ site.name }}.
6879
{{ site.footer_text }}

‎_layouts/page.html

+5-30
Original file line numberDiff line numberDiff line change
@@ -2,34 +2,9 @@
22
layout: default
33
---
44

5-
<div class="post">
6-
{% if page.title != "about" %}
7-
<h1>{{ page.title }}</h1>
8-
<h5>{{ page.description }}</h5>
9-
{% endif %}
5+
{% if page.title != "about" %}
6+
<h1>{{ page.title }}</h1>
7+
<h5>{{ page.description }}</h5>
8+
{% endif %}
109

11-
{{ content }}
12-
13-
{% if page.news and site.news %}
14-
<div class="news">
15-
<h1 class="title">news</h1>
16-
{% assign news = site.news | reverse %}
17-
{% for item in news limit: site.news_limit %}
18-
<div class="row">
19-
<div class="col-sm-2">
20-
<span class="badge font-weight-bold peach-gradient text-uppercase align-middle date">
21-
{{ item.date | date: "%b %-d, %Y" }}
22-
</span>
23-
</div>
24-
<div class="col-sm-10 mt-2 mt-sm-0 font-weight-light text">
25-
{% if item.inline %}
26-
<p>{{ item.content | remove: '<p>' | remove: '</p>' | emojify }}</p>
27-
{% else %}
28-
<a href="{{ item.url | prepend: site.baseurl }}" target="_blank">{{ item.title }}</a>
29-
{% endif %}
30-
</div>
31-
</div>
32-
{% endfor %}
33-
</div>
34-
{% endif %}
35-
</div>
10+
{{ content }}

‎_layouts/post.html

+1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
---
22
layout: default
33
---
4+
45
<div class="post">
56

67
<header class="post-header">

‎_layouts/project.html

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
---
2+
layout: default
3+
---
4+
5+
<nav aria-label="breadcrumb">
6+
<ol class="breadcrumb p-0">
7+
<li class="breadcrumb-item"><a href="{{ '/' | prepend: site.baseurl | prepend: site.url }}">home</a></li>
8+
<li class="breadcrumb-item"><a href="{{ '/projects' | prepend: site.baseurl | prepend: site.url }}">projects</a></li>
9+
<li class="breadcrumb-item active">{{ page.title }}</li>
10+
</ol>
11+
</nav>
12+
13+
<div class="row m-0" style="width: 100%;">
14+
<div class="col-sm-10 p-0">
15+
<h1>{{ page.title }}</h1>
16+
<h5 class="mb-4">{{ page.description }}</h5>
17+
</div>
18+
<div class="col-sm-2 p-0 mt-auto mb-auto">
19+
<img src="{{ page.img | prepend: site.baseurl | prepend: site.url }}" alt="project thumbnail">
20+
</div>
21+
</div>
22+
23+
{{ content }}

‎_pages/about.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,4 @@ I am a PhD student in the [Machine Learning Department](http://www.ml.cmu.edu/){
1414

1515
Previously, I did some research around the idea of self-reflection in the context of machine learning. More specifically, I developed a framework that allowed learning systems that leverage several different learning mechanisms (i.e. algorithms) to “understand” how well each one of those mechanisms performs in different domains (also related to the notion of truth mentioned in the previous paragraph). It also allow edthem to improve their learning rate by taking advantage of the “expertise” of each learning mechanism and by directing each such mechanism to learn more efficiently.
1616

17-
Before I joined CMU, I graduated with an M.Eng. in [Electrical and Electronic Engineering](http://www.imperial.ac.uk/electrical-engineering){:target="_blank"} from [Imperial College London](https://www.imperial.ac.uk/){:target="_blank"}. For my Master's thesis I proposed a way to use topic modelling methods in order to perform human motion classification.
18-
19-
I am from Athens, Greece!
17+
Before I joined CMU, I graduated with an M.Eng. in [Electrical and Electronic Engineering](http://www.imperial.ac.uk/electrical-engineering){:target="_blank"} from [Imperial College London](https://www.imperial.ac.uk/){:target="_blank"}. For my Master's thesis I proposed a way to use topic modelling methods in order to perform human motion classification.

‎_pages/cv.md

+8-8
Original file line numberDiff line numberDiff line change
@@ -24,12 +24,12 @@ title: cv
2424
</ul>
2525
{% elsif entry.type == "map" %}
2626
<table class="table table-sm table-borderless">
27-
{% for content in entry.contents %}
28-
<tr>
29-
<td class="p-0 pr-2 font-weight-bold text-right"><b>{{ content.name }}</b></td>
30-
<td class="p-0 pl-2 font-weight-light text-left">{{ content.value }}</td>
31-
</tr>
32-
{% endfor %}
27+
{% for content in entry.contents %}
28+
<tr>
29+
<td class="p-0 pr-2 font-weight-bold text-right"><b>{{ content.name }}</b></td>
30+
<td class="p-0 pl-2 font-weight-light text-left">{{ content.value }}</td>
31+
</tr>
32+
{% endfor %}
3333
</table>
3434
{% elsif entry.type == "nested_list" %}
3535
<ul class="card-text font-weight-light list-group list-group-flush">
@@ -53,14 +53,14 @@ title: cv
5353
<div class="row">
5454
{% if content.year %}
5555
<div class="col-xs-2 cl-sm-2 col-md-auto text-left" style="width: 75px;">
56-
<span class="badge font-weight-bold peach-gradient text-uppercase align-middle" style="width: 75px;">
56+
<span class="badge font-weight-bold danger-color-dark text-uppercase align-middle" style="width: 75px;">
5757
{{ content.year }}
5858
</span>
5959
</div>
6060
{% endif %}
6161
<div class="col-xs-10 cl-sm-10 col-md mt-2 mt-md-0">
6262
{% if content.title %}
63-
<h6 class="title ml-1 ml-md-4">{{content.title}}</h6>
63+
<h6 class="title font-weight-bold ml-1 ml-md-4">{{content.title}}</h6>
6464
{% endif %}
6565
{% if content.description %}
6666
<ul class="items">

‎_pages/projects.md

+26-41
Original file line numberDiff line numberDiff line change
@@ -2,47 +2,32 @@
22
layout: page
33
title: projects
44
permalink: /projects/
5-
description: some of the things I have worked on during my PhD
5+
description: some of the projects I have worked on
66
---
77

8-
{% for project in site.projects %}
9-
10-
{% if project.redirect %}
11-
<div class="project">
12-
<div class="thumbnail">
13-
<a href="{{ project.redirect }}" target="_blank">
14-
{% if project.img %}
15-
<img class="thumbnail" src="{{ project.img | prepend: site.baseurl | prepend: site.url }}"/>
16-
{% else %}
17-
<div class="thumbnail blankbox"></div>
18-
{% endif %}
19-
<span>
20-
<h1>{{ project.title }}</h1>
21-
<br/>
22-
<p>{{ project.description }}</p>
23-
</span>
24-
</a>
25-
</div>
26-
</div>
27-
{% else %}
28-
29-
<div class="project ">
30-
<div class="thumbnail">
31-
<a href="{{ project.url | prepend: site.baseurl | prepend: site.url }}">
32-
{% if project.img %}
33-
<img class="thumbnail" src="{{ project.img | prepend: site.baseurl | prepend: site.url }}"/>
34-
{% else %}
35-
<div class="thumbnail blankbox"></div>
36-
{% endif %}
37-
<span>
38-
<h1>{{ project.title }}</h1>
39-
<br/>
40-
<p>{{ project.description }}</p>
41-
</span>
42-
</a>
43-
</div>
8+
<div class="card-columns mt-2 mr-4 pt-3" style="overflow: visible !important;">
9+
{% assign project_count = site.projects | size %}
10+
{% assign shuffled_projects = site.projects | sample: project_count %}
11+
{% for project in shuffled_projects %}
12+
{% if project.redirect %}
13+
<a href="{{ project.redirect }}" target="_blank">
14+
{% else %}
15+
<a href="{{ project.url | prepend: site.baseurl | prepend: site.url }}">
16+
{% endif %}
17+
<div class="card hoverable m-3 p-0 col" style="display: inline-block; overflow: visible !important;">
18+
<img class="card-img-top" src="{{ project.img | prepend: site.baseurl | prepend: site.url }}" alt="project thumbnail">
19+
<div class="card-body" style="border-top: 1px solid rgba(60, 72, 88, 0.2);">
20+
<h5 class="card-title text-lowercase">{{ project.title }}</h5>
21+
<p class="card-text">{{ project.description }}</p>
22+
<div class="row ml-1 mr-1 p-0">
23+
{% if project.github %}
24+
<div class="project-icon mr-1">
25+
<a href="{{ project.github }}" target="_blank"><i class="fa fa-github gh-icon"></i></a>
26+
</div>
27+
{% endif %}
28+
</div>
29+
</div>
30+
</div>
31+
</a>
32+
{% endfor %}
4433
</div>
45-
46-
{% endif %}
47-
48-
{% endfor %}

‎_pages/teaching.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ description: classes, workshops, and teaching material
1414
<h5 class="font-weight-bold">Introduction to Machine Learning</h5>
1515
</div>
1616
<div class="col-sm-2 text-left text-sm-right">
17-
<span class="badge font-weight-bold peach-gradient text-uppercase align-middle">
17+
<span class="badge font-weight-bold danger-color-dark text-uppercase align-middle">
1818
10-701
1919
</span>
2020
</div>
@@ -37,7 +37,7 @@ description: classes, workshops, and teaching material
3737
<h5 class="font-weight-bold">Introduction to Machine Learning</h5>
3838
</div>
3939
<div class="col-sm-2 text-left text-sm-right">
40-
<span class="badge font-weight-bold peach-gradient text-uppercase align-middle">
40+
<span class="badge font-weight-bold danger-color-dark text-uppercase align-middle">
4141
10-701
4242
</span>
4343
</div>

‎_projects/1_contextual_parameter_generation.md

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
layout: project
3+
title: contextual parameter generation
4+
description: enabling neural networks to better perform multi-task learning and more
5+
img: /assets/img/contextual_parameter_generation.svg
6+
---

‎_projects/2_accuracy_estimation.md

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
---
2-
layout: page
2+
layout: project
33
title: estimating accuracy
44
description: estimating accuracies of classifiers using only unlabeled data
55
img: /assets/img/accuracy_estimation_logo.svg
6+
# github: https://github.com/eaplatanios/makina
67
---

0 commit comments

Comments
 (0)