1) Add style for tables; 2) Add LinkedIn sharing; 3) Refactor footer container.

layouts/404.html

@@ -19,6 +19,6 @@
     </ul>
     {{ end }}
 
-    {{ partial "footer_container.html" . }}
 </div>
+{{ partial "footer_container.html" . }}
 {{ partial "footer.html" . }}

layouts/_default/list.html

@@ -12,6 +12,6 @@
 
     {{ partial "pagination" . }}
 
-    {{ partial "footer_container.html" . }}
 </div>
+{{ partial "footer_container.html" . }}
 {{ partial "footer.html" . }}

layouts/_default/single.html

@@ -15,6 +15,6 @@
     {{ partial "section_pager.html" . }}
     {{ partial "comments.html" . }}
 
-    {{ partial "footer_container.html" . }}
+</div>
- </div>
+{{ partial "footer_container.html" . }}
 {{ partial "footer.html" . }}

layouts/index.html

@@ -95,6 +95,7 @@
                         <i class="fa-li fa fa-files-o pub-icon" aria-hidden="true"></i>
                         <span style="padding-right: 8px">{{ .Title }}</span>
                         {{ if .Content }}</a >{{ else }}{{ with .Params.external_link }}</a>{{ end }}{{ end }}
+                        {{ with .Params.summary }}<p>{{ . }}</p>{{ end }}
                     </li>
                 {{ end }}
                 </ul>
@@ -141,8 +142,6 @@
 
 
 <!-- Page Footer -->
-<div class="container">
+{{ partial "footer_container.html" . }}
-    {{ partial "footer_container.html" . }}
-</div>
 
 {{ partial "footer.html" . }}

layouts/partials/article_metadata.html

@@ -19,9 +19,7 @@
     {{ end }}
 
     {{ if ne $is_list 1 }}
-    <div class="pull-right">
         {{ partial "share.html" . }}
-    </div>
     {{ end }}
 
 </div>

layouts/partials/footer_container.html

@@ -1,5 +1,5 @@
 <footer class="site-footer">
-    <div class="inner">
+    <div class="container">
         <p class="powered-by">
 
             {{ with .Site.Copyright }}{{ . | markdownify}} &middot; {{ end }}

layouts/partials/share.html

@@ -1,20 +1,28 @@
 {{ if not (isset .Site.Params "disable_sharing") }}
-<div class="share">
+<ul class="share">
-
+    <li>
-    <a class="facebook" href="https://www.facebook.com/sharer.php?u={{ .Permalink | html }}" target="_blank">
+        <a class="facebook" href="https://www.facebook.com/sharer.php?u={{ .Permalink | html }}" target="_blank">
-        <i class="fa fa-facebook-square"></i>
+            <i class="fa fa-facebook-square"></i>
-        <span class="hidden">Facebook</span>
+            <span class="hidden">Facebook</span>
-    </a>
+        </a>
-
+    </li>
-    <a class="twitter" href="https://twitter.com/intent/tweet?text={{ .Title | html }}&amp;url={{ .Permalink | html }}" target="_blank">
+    <li>
-        <i class="fa fa-twitter-square"></i>
+        <a class="twitter" href="https://twitter.com/intent/tweet?text={{ .Title | html }}&amp;url={{ .Permalink | html }}" target="_blank">
-        <span class="hidden">Twitter</span>
+            <i class="fa fa-twitter-square"></i>
-    </a>
+            <span class="hidden">Twitter</span>
-
+        </a>
-    <a class="email" href="mailto:?subject={{ .Title | html }}&amp;body={{ .Permalink | html }}">
+    </li>
-        <i class="fa fa-envelope-square"></i>
+    <li>
-        <span class="hidden">Email</span>
+        <a class="linkedin" href="http://www.linkedin.com/shareArticle?mini=true&amp;url={{ .Permalink | html }}&amp;title={{ .Title | html }}" target="_blank">
-    </a>
+            <i class="fa fa-linkedin-square"></i>
-
+            <span class="hidden">LinkedIn</span>
-</div>
+        </a>
+    </li>
+    <li>
+        <a class="email" href="mailto:?subject={{ .Title | html }}&amp;body={{ .Permalink | html }}">
+            <i class="fa fa-envelope-square"></i>
+            <span class="hidden">Email</span>
+        </a>
+    </li>
+</ul>
 {{ end }}

layouts/project/single.html

@@ -14,7 +14,6 @@
 
     {{ partial "section_pager.html" . }}
 
-    {{ partial "footer_container.html" . }}
-
 </div>
+{{ partial "footer_container.html" . }}
 {{ partial "footer.html" . }}

layouts/publication/single.html

@@ -65,6 +65,7 @@
     </div>
 
     {{ partial "section_pager.html" . }}
-    {{ partial "footer_container.html" . }}
+
 </div>
+{{ partial "footer_container.html" . }}
 {{ partial "footer.html" . }}

layouts/section/post.html

@@ -13,6 +13,6 @@
 
     {{ partial "pagination" . }}
 
-    {{ partial "footer_container.html" . }}
 </div>
+{{ partial "footer_container.html" . }}
 {{ partial "footer.html" . }}

layouts/section/publication.html

@@ -29,6 +29,6 @@
         </div>
     </div>
 
-    {{ partial "footer_container.html" . }}
 </div>
+{{ partial "footer_container.html" . }}
 {{ partial "footer.html" . }}

static/css/hugo-academic.css

@@ -15,6 +15,19 @@
  *  Core
  **************************************************/
 
+html {
+    box-sizing: border-box;
+}
+
+*, *::after, *::before {
+    box-sizing: inherit;
+}
+
+.row:after, .row:before {
+    content: " ";
+    display: table;
+}
+
 html, body, p {
     font-family: 'Merriweather', serif;
     font-size: 16px;
@@ -23,14 +36,22 @@ html, body, p {
 }
 
 body {
-    /* Gap between nav bar and body content */
+    /* Offset body content by navbar height. */
-    padding-top: 90px;
+    margin-top: 71px;
+    padding-top: 0;
+}
+@media screen and (max-width: 768px) {
+    body {
+        /* Offset body content by navbar height. */
+        margin-top: 51px;
+        padding-top: 0;
+    }
 }
 
 h1, h2, h3, h4, h5, h6, .navbar-default {
     font-family: 'Lato', sans-serif;
     font-weight: 400;
-    line-height: 1em;
+    line-height: 1.25;
     text-rendering: optimizeLegibility;
 }
 
@@ -66,15 +87,13 @@ pre, code {
     font-family: 'Roboto Mono', 'Courier New', 'Courier', monospace;
 }
 
-*, *:before, *:after {
+.space-below {
-    -webkit-box-sizing: border-box;
+    margin-bottom: 50px;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
 }
-
+@media screen and (max-width: 768px) {
-.row:after, .row:before {
+    .space-below {
-    content: " ";
+        margin-bottom: 10px;
-    display: table;
+    }
 }
 
 /*************************************************
@@ -92,10 +111,6 @@ footer p {
     text-align: center;
 }
 
-footer p.powered-by {
-    line-height: 40px;
-}
-
 .site-footer, footer a#back_to_top i {
     color: #899596;
 }
@@ -108,6 +123,11 @@ footer p.powered-by {
     background-color: rgb(255, 255, 255);
     padding: 110px 0 110px 0;
 }
+@media screen and (max-width: 768px) {
+    .home-section {
+        padding: 60px 0 60px 0;
+    }
+}
 
 .home-section:first-of-type {
     padding-top: 0;
@@ -142,14 +162,22 @@ footer p.powered-by {
     color: #888;
 }
 
-.share {
+ul.share {
-    width: 140px;
+    list-style: none;
-    line-height: 1;
+    float: right;
 }
 
-.share a {
+ul.share li {
-    color: #0095eb;
+    margin-right: 3px;
-    text-decoration: none;
+    margin-left: 3px;
+    display: inline-block;
+}
+
+ul.share li:last-child {
+    margin-right: 0px;
+}
+
+ul.share li i {
     font-size: 1.75rem;
 }
 
@@ -175,11 +203,6 @@ footer p.powered-by {
     font-style: italic;
 }
 
-/* Note: a corresponding style appears further down, in @media for mobile screen size */
-.space-below {
-    margin-bottom: 50px;
-}
-
 /*************************************************
  *  Contact
  **************************************************/
@@ -227,6 +250,10 @@ footer p.powered-by {
     margin: 30px 5px 5px 5px;
 }
 
+.big-icon {
+    font-size: 40px;
+}
+
 /*************************************************
  *  Education
  **************************************************/
@@ -254,7 +281,7 @@ ul.ul-edu li .description p.institution {
 }
 
 /*************************************************
- *  Buttons
+ *  Button Primary: Color Override
  **************************************************/
 
 .btn-primary {
@@ -317,6 +344,10 @@ ul.ul-edu li .description p.institution {
     box-shadow: 0 1px 2px rgba(0,0,0,0.05);
 }
 
+nav#navbar-main li {
+    font-size: 16px;
+}
+
 .navbar-default .navbar-nav li a, .navbar-default .navbar-nav li a:visited {
     white-space: nowrap;
     -webkit-transition: 0.2s ease;
@@ -341,23 +372,10 @@ ul.ul-edu li .description p.institution {
     color: #2b2b2b;
 }
 
-.big-icon {
+@media screen and (max-width: 768px) {
-    font-size: 40px;
-}
-
-@media (max-width:992px){
-    .home-section {
-        padding: 60px 0 60px 0;
-    }
-
-    .space-below {
-        margin-bottom: 10px;
-    }
-
     .navbar {
         min-height: 50px !important;
     }
-
     .navbar-header {
         float: none;
         min-height: inherit;
@@ -395,3 +413,61 @@ ul.ul-edu li .description p.institution {
         display:block !important;
     }
 }
+
+/*************************************************
+ *  Tables
+ **************************************************/
+
+table {
+    width: 100%;
+    max-width: 100%;
+    margin-bottom: 1rem;
+    font-size: 0.93rem;
+}
+
+table > thead > tr > th,
+table > tbody > tr > th,
+table > tfoot > tr > th,
+table > thead > tr > td,
+table > tbody > tr > td,
+table > tfoot > tr > td {
+    padding: 8px;
+    line-height: 1.43;
+    vertical-align: top;
+    border-top: 1px solid #ddd;
+}
+
+table > thead > tr > th {
+    vertical-align: bottom;
+    border-bottom: 2px solid #ddd;
+}
+
+table > caption + thead > tr:first-child > th,
+table > colgroup + thead > tr:first-child > th,
+table > thead:first-child > tr:first-child > th,
+table > caption + thead > tr:first-child > td,
+table > colgroup + thead > tr:first-child > td,
+table > thead:first-child > tr:first-child > td {
+    border-top: 0;
+}
+
+table > tbody + tbody {
+    border-top: 2px solid #ddd;
+}
+
+table table {
+    background-color: #fff;
+}
+
+
+/* Table Striped */
+table > tbody > tr:nth-child(odd) > td,
+table > tbody > tr:nth-child(odd) > th {
+    background-color: #f9f9f9;
+}
+
+/* Table Hover */
+table > tbody > tr:hover > td,
+table > tbody > tr:hover > th {
+    background-color: #e5e5e5;
+}