Multiple updates to the projects pages.

_layouts/default.html

@@ -11,7 +11,6 @@
   <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" />
 
   <!-- CSS Files -->
-  <link rel="stylesheet" href="{{ '/assets/css/font-awesome.min.css' | prepend: site.baseurl | prepend: site.url }}">
   <link rel="stylesheet" href="{{ '/assets/css/academicons.min.css' | prepend: site.baseurl | prepend: site.url }}">
   <link rel="stylesheet" href="{{ '/assets/css/bootstrap.min.css' | prepend: site.baseurl | prepend: site.url }}">
   <link rel="stylesheet" href="{{ '/assets/css/mdb.min.css' | prepend: site.baseurl | prepend: site.url }}">
@@ -30,10 +29,10 @@
           <span class="contact-icon text-center" style="margin-top: -0.2em; margin-bottom: -0.2em;">
             <a href="mailto:{{ site.email }}"><i class="fa fa-envelope-square gm-icon"></i></a>
             <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>
-            <a href="https://www.github.com/{{ site.github_username }}" target="_blank" title="GitHub"><i class="fa fa-github-square gh-icon"></i></a>
-            <a href="https://www.linkedin.com/in/{{ site.linkedin_username }}" target="_blank" title="LinkedIn"><i class="fa fa-linkedin-square li-icon"></i></a>
-            <a href="https://www.facebook.com/{{ site.facebook_username }}" target="_blank" title="Facebook"><i class="fa fa-facebook-square fb-icon"></i></a>
-            <a href="https://twitter.com/{{ site.twitter_username }}" target="_blank" title="Twitter"><i class="fa fa-twitter-square tw-icon"></i></a>
+            <a href="https://www.github.com/{{ site.github_username }}" target="_blank" title="GitHub"><i class="fab fa-github-square gh-icon"></i></a>
+            <a href="https://www.linkedin.com/in/{{ site.linkedin_username }}" target="_blank" title="LinkedIn"><i class="fab fa-linkedin li-icon"></i></a>
+            <a href="https://www.facebook.com/{{ site.facebook_username }}" target="_blank" title="Facebook"><i class="fab fa-facebook-square fb-icon"></i></a>
+            <a href="https://twitter.com/{{ site.twitter_username }}" target="_blank" title="Twitter"><i class="fab fa-twitter-square tw-icon"></i></a>
           </span>
         </div>
       {% endif %}
@@ -52,10 +51,10 @@
           </li>
           {% for p in site.pages %}
             {% if p.title and p.url != "/" %}
-              <li class="nav-item {% if page.title == p.title %}navbar-active font-weight-bold{% endif %}">
+              <li class="nav-item {% if page.nav == p.nav %}navbar-active font-weight-bold{% endif %}">
                   <a class="nav-link" href="{{ p.url | prepend: site.baseurl | prepend: site.url }}">
                     {{ p.title }}
-                    {% if page.title == p.title %}
+                    {% if page.nav == p.nav %}
                       <span class="sr-only">(current)</span>
                     {% endif %}
                   </a>
@@ -88,8 +87,21 @@
   <script src="{{ 'popper.min.js' | prepend: '/assets/js/' | prepend: site.baseurl | prepend: site.url }}" type="text/javascript"></script>
   <script src="{{ 'bootstrap.min.js' | prepend: '/assets/js/' | prepend: site.baseurl | prepend: site.url }}" type="text/javascript"></script>
   <script src="{{ 'mdb.min.js' | prepend: '/assets/js/' | prepend: site.baseurl | prepend: site.url }}" type="text/javascript"></script>
+  <script src="https://kit.fontawesome.com/dee01dd96f.js"></script>
+  <script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML"></script>
   <script src="{{ '/assets/js/common.js' | prepend: site.baseurl | prepend: site.url }}"></script>
 
+  <!-- GitHub Stars -->
+  <script src="{{ '/assets/js/github-stars.js' | prepend: site.baseurl | prepend: site.url }}"></script>
+  <script type="text/javascript">
+    {% for project in site.projects %}
+      {% if project.github %}
+        {% assign github_id = project.title | append: project.github | replace: '/', '-' | replace: ' ', '-' %}
+        githubStars("{{ project.github }}", function(stars) { $("#{{ github_id }}-stars").text('' + stars); });
+      {% endif %}
+    {% endfor %}
+  </script>
+
   <!-- Code Syntax Highlighting -->
   <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
   <script src="{{ '/assets/js/highlight.pack.js' | prepend: site.baseurl | prepend: site.url }}"></script>
@@ -114,6 +126,13 @@
     $("#projects").shuffleChildren();
   </script>
 
+  <!-- Enable Tooltips -->
+  <script type="text/javascript">
+    $(function () {
+      $('[data-toggle="tooltip"]').tooltip()
+    })
+  </script>
+
   <!-- Google Analytics -->
   <script>
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

_layouts/project.html

@@ -3,21 +3,23 @@
 ---
 
 <nav aria-label="breadcrumb">
-  <ol class="breadcrumb p-0">
+  <ol class="breadcrumb p-0 text-lowercase">
     <li class="breadcrumb-item"><a href="{{ '/' | prepend: site.baseurl | prepend: site.url }}">home</a></li>
     <li class="breadcrumb-item"><a href="{{ '/projects' | prepend: site.baseurl | prepend: site.url }}">projects</a></li>
     <li class="breadcrumb-item active">{{ page.title }}</li>
   </ol>
 </nav>
 
 <div class="row m-0" style="width: 100%;">
-  <div class="col-sm-10 p-0">
+  <div class="col-sm-12 p-0">
     <h1>{{ page.title }}</h1>
     <h5 class="mb-4">{{ page.description }}</h5>
   </div>
-  <div class="col-sm-2 p-0 mt-auto mb-auto">
+  <!-- <div class="col-sm-2 p-0 mt-auto mb-auto">
     <img src="{{ page.img | prepend: site.baseurl | prepend: site.url }}" alt="project thumbnail">
-  </div>
+  </div> -->
 </div>
 
-{{ content }}
+<div class="container-fluid text-justify">
+  {{ content }}
+</div>

_pages/about.md

@@ -3,6 +3,7 @@ layout: about
 permalink: /
 
 title: about
+nav: about
 profile:
   align: right
   image: prof_pic.jpg

_pages/cv.md

@@ -2,6 +2,7 @@
 layout: page
 permalink: /cv/
 title: cv
+nav: cv
 ---
 
 <!-- Place PDF download link at the top right. -->

_pages/projects.md

@@ -1,6 +1,7 @@
 ---
 layout: page
 title: projects
+nav: projects
 permalink: /projects/
 description: some of the projects I have worked on
 ---
@@ -12,15 +13,29 @@ description: some of the projects I have worked on
     {% else %}
       <a href="{{ project.url | prepend: site.baseurl | prepend: site.url }}">
     {% endif %}
-      <div class="card hoverable m-3 p-0 col" style="display: inline-block; overflow: visible !important;">
+      <div class="card hoverable m-2 ml-3 mr-3 p-0 col" style="display: inline-block; overflow: visible !important;">
         <img class="card-img-top" src="{{ project.img | prepend: site.baseurl | prepend: site.url }}" alt="project thumbnail">
         <div class="card-body" style="border-top: 1px solid rgba(60, 72, 88, 0.2);">
           <h5 class="card-title text-lowercase">{{ project.title }}</h5>
           <p class="card-text">{{ project.description }}</p>
           <div class="row ml-1 mr-1 p-0">
+            {% if project.wordpress %}
+              <div class="mt-2 ml-n1 mr-2 p-0" data-toggle="tooltip" title="Blog Post">
+                <div class="project-icon mr-1">
+                  <a href="{{ project.wordpress }}" target="_blank"><i class="fab fa-wordpress-simple wp-icon"></i></a>
+                </div>
+              </div>
+            {% endif %}
             {% if project.github %}
-              <div class="project-icon mr-1">
-                <a href="{{ project.github }}" target="_blank"><i class="fa fa-github gh-icon"></i></a>
+              {% assign github_id = project.title | append: project.github | replace: '/', '-' | replace: ' ', '-' %}
+              <div class="mb-n4 mt-2 ml-n1 mr-2 p-0">
+                <div class="project-icon mr-1" data-toggle="tooltip" title="Code Repository">
+                  <a href="https://github.com/{{ project.github }}" target="_blank"><i class="fab fa-github gh-icon"></i></a>
+                </div>
+                <span class="badge badge-danger badge-notify" data-toggle="tooltip" title="GitHub Stars">
+                  <i class="fas fa-star"></i>
+                  <span id="{{ github_id }}-stars"></span>
+                </span>
               </div>
             {% endif %}
           </div>

_pages/publications.md

@@ -2,6 +2,7 @@
 layout: page
 permalink: /publications/
 title: publications
+nav: publications
 <!-- description: <em class="star">*</em> denotes equal contribution and joint lead authorship. -->
 years: [2019, 2018, 2017, 2016, 2015, 2014, 2012]
 ---

_pages/teaching.md

@@ -2,6 +2,7 @@
 layout: page
 permalink: /teaching/
 title: teaching
+nav: teaching
 description: classes, workshops, and teaching material
 ---
 

_projects/2_accuracy_estimation.md → _projects/accuracy_estimation.md

@@ -1,6 +1,7 @@
 ---
 layout: project
-title: estimating accuracy
+title: estimating accuracy from unlabeled data
+nav: projects
 description: estimating accuracies of classifiers using only unlabeled data
 img: /assets/img/accuracy_estimation_logo.svg
 # github: https://github.com/eaplatanios/makina

_projects/7_active_learning.md → _projects/active_learning.md

@@ -1,6 +1,7 @@
 ---
 layout: project
 title: active learning
+nav: projects
 description: active learning amidst logical knowledge
 img: /assets/img/active_learning/active_learning_logo.svg
 ---

_projects/1_contextual_parameter_generation.md → _projects/contextual_parameter_generation.md

@@ -1,6 +1,8 @@
 ---
 layout: project
 title: contextual parameter generation
+nav: projects
 description: enabling neural networks to better perform multi-task learning and more
 img: /assets/img/contextual_parameter_generation.svg
+wordpress: https://blog.ml.cmu.edu/2019/01/14/contextual-parameter-generation-for-universal-neural-machine-translation/
 ---

_projects/6_curriculum_learning.md → _projects/curriculum_learning.md

@@ -1,7 +1,8 @@
 ---
 layout: project
 title: curriculum learning
+nav: projects
 description: exploring how to more efficiently teach neural networks
 img: /assets/img/curriculum_learning.svg
-github: https://github.com/eaplatanios/symphony-mt
+github: eaplatanios/symphony-mt
 ---

_projects/jelly_bean_world.md

@@ -0,0 +1,8 @@
+---
+layout: project
+title: jelly-bean world
+nav: projects
+description: a novel environment for experimenting with never-ending learning
+img: /assets/img/jelly_bean_world.svg
+github: eaplatanios/jelly-bean-world
+---