Development

_config.yml

@@ -2,24 +2,22 @@
 # Site settings
 # -----------------------------------------------------------------------------
 
-title: blank # the website title (if blank, full name will be used instead)
-first_name: You
-middle_name: R.
-last_name: Name
-email: you@example.com
+title: asboyer.com # the website title (if blank, full name will be used instead)
+first_name: Andrew
+middle_name: S.
+last_name: Boyer
+email: #
 description: > # the ">" symbol means to ignore newlines until "footer_text:"
-  A simple, whitespace theme for academics. Based on [*folio](https://github.com/bogoli/-folio) design.
+  Hi, I'm Andrew Boyer and this is my personal website, asboyer.com.
+  Here you can find more about what I’m up to and what I find interesting.
 footer_text: >
-  Powered by <a href="https://jekyllrb.com/" target="_blank">Jekyll</a> with <a href="https://github.com/alshedivat/al-folio">al-folio</a> theme.
-  Hosted by <a href="https://pages.github.com/" target="_blank">GitHub Pages</a>.
-  Photos from <a href="https://unsplash.com" target="_blank">Unsplash</a>.
-keywords: jekyll, jekyll-theme, academic-website, portfolio-website # add your own keywords or leave empty
+keywords: andrew, boyer, asboyer, tech-blog, gatech, georiga-tech, wayland, boston # add your own keywords or leave empty
 lang: en # the language of your site (for example: en, fr, cn, ru, etc.)
-icon: ⚛️ # the emoji used as the favicon (alternatively, provide image name in /assets/img/)
+icon: alt-logo.png # the emoji used as the favicon (alternatively, provide image name in /assets/img/)
 
 url: https://asboyer.github.io # the base hostname & protocol for your site
 baseurl: # the subpath of your site, e.g. /blog/. Leave blank for root
-last_updated: false # set to true if you want to display last updated in the footer
+last_updated: true  # set to true if you want to display last updated in the footer
 impressum_path: # set to path to include impressum link in the footer, use the same path as permalink in a page, helps to conform with EU GDPR
 
 # -----------------------------------------------------------------------------
@@ -47,7 +45,7 @@ rss_icon: true
 # -----------------------------------------------------------------------------
 
 navbar_fixed: true
-footer_fixed: true
+footer_fixed: false
 
 # Dimensions
 max_width: 800px
@@ -67,11 +65,11 @@ og_image: # The site-wide (default for all links) Open Graph preview image
 # Social integration
 # -----------------------------------------------------------------------------
 
-github_username: # your GitHub user name
+github_username: asboyer # your GitHub user name
 gitlab_username: # your GitLab user name
 x_username: # your X handle
 mastodon_username: # your mastodon instance+username in the format instance.tld/@username
-linkedin_username: # your LinkedIn user name
+linkedin_username: asboyer # your LinkedIn user name
 telegram_username: # your Telegram user name
 scholar_userid: # your Google Scholar ID
 semanticscholar_id: # your Semantic Scholar ID
@@ -93,18 +91,17 @@ dblp_url: # your DBLP profile url
 stackoverflow_id: # your stackoverflow id
 kaggle_id: # your kaggle id
 lastfm_id: # your lastfm id
-spotify_id: # your spotify id
+spotify_id: uuzdbyuye92sxqjltw955qm9n # your spotify id
 pinterest_id: # your pinterest id
 unsplash_id: # your unsplash id
 instagram_id: # your instagram id
 facebook_id: # your facebook id
-youtube_id: # your youtube channel id (youtube.com/@<youtube_id>)
+youtube_id: asboyer # your youtube channel id (youtube.com/@<youtube_id>)
 discord_id: # your discord id (18-digit unique numerical identifier)
 zotero_username: # your zotero username
 wechat_qr: # filename of your wechat qr-code saved as an image (e.g., wechat-qr.png if saved to assets/img/wechat-qr.png)
 
-contact_note: >
-  You can even add a little note about which of these is the best way to reach you.
+contact_note: > #
 
 # -----------------------------------------------------------------------------
 # Analytics and search engine verification
@@ -123,8 +120,8 @@ bing_site_verification: # out your bing-site-verification ID (Bing Webmaster)
 # Blog
 # -----------------------------------------------------------------------------
 
-blog_name: al-folio # blog_name will be displayed in your blog page
-blog_description: a simple whitespace theme for academics
+blog_name: boyer's blog # blog_name will be displayed in your blog page
+blog_description: all things asboyer
 permalink: /blog/:year/:title/
 
 # Pagination
@@ -133,18 +130,18 @@ pagination:
 
 related_blog_posts:
   enabled: true
-  max_related: 5
+  max_related: 3
 
 # Giscus comments (RECOMMENDED)
 # Follow instructions on https://giscus.app/ to setup for your repo to fill out the information below.
 giscus:
-  repo: # <your-github-user-name>/<your-github-repo-name>
+  repo: asboyer/asboyer.github.io # <your-github-user-name>/<your-github-repo-name>
   repo_id: # leave empty or specify your repo_id (see https://giscus.app/)
   category: Comments # name of the category under which discussions will be created
   category_id: # leave empty or specify your category_id (see https://giscus.app/)
   mapping: title # identify discussions by post title
   strict: 1 # use strict identification mode
-  reactions_enabled: 1 # enable (1) or disable (0) emoji reactions
+  reactions_enabled: 0 # enable (1) or disable (0) emoji reactions
   input_position: bottom # whether to display input form below (bottom) or above (top) the comments
   theme: preferred_color_scheme # name of the color scheme (preferred works well with al-folio light/dark mode)
   emit_metadata: 0
@@ -177,12 +174,17 @@ collections:
 
 announcements:
   enabled: true
-  scrollable: true # adds a vertical scroll bar if there are more than 3 news items
+  scrollable: false # adds a vertical scroll bar if there are more than 3 news items
   limit: 5 # leave blank to include all the news in the `_news` folder
 
 latest_posts:
   enabled: true
-  scrollable: true # adds a vertical scroll bar if there are more than 3 new posts items
+  scrollable: false # adds a vertical scroll bar if there are more than 3 new posts items
+  limit: 3 # leave blank to include all the blog posts
+
+key_projects:
+  enabled: true
+  scrollable: false # adds a vertical scroll bar if there are more than 3 new posts items
   limit: 3 # leave blank to include all the blog posts
 
 # -----------------------------------------------------------------------------
@@ -265,7 +267,7 @@ jekyll-archives:
     tag: "/blog/tag/:name/"
     category: "/blog/category/:name/"
 
-display_tags: ["formatting", "images", "links", "math", "code"] # these tags will be displayed on the front page of your blog
+display_tags: ["python", "basketball", "links", "math", "code"] # these tags will be displayed on the front page of your blog
 display_categories: ["blockquotes"] # these categories will be displayed on the front page of your blog
 
 # -----------------------------------------------------------------------------
@@ -359,7 +361,7 @@ enable_masonry: true # enables automatic project cards arrangement
 enable_math: true # enables math typesetting (uses MathJax)
 enable_tooltips: false # enables automatic tooltip links generated for each section titles on pages and posts
 enable_darkmode: true # enables switching between light/dark modes
-enable_navbar_social: false # enables displaying social links in the navbar on the about page
+enable_navbar_social: true # enables displaying social links in the navbar on the about page
 enable_project_categories: true # enables categorization of projects into multiple categories
 enable_medium_zoom: true # enables image zoom feature (as on medium.com)
 enable_progressbar: true # enables a horizontal progress bar linked to the vertical scroll position

_includes/figure.liquid

@@ -1,6 +1,12 @@
 {% assign img_path = include.path | remove: '.jpg' | remove: '.jpeg' | remove: '.png' | remove: '.tiff' | remove: '.gif' %}
+{% assign home = include.home %}
 
+
+{% if home %}
+<figure style="margin: 0px">
+{% else %}
 <figure>
+{% endif %}
   <picture>
     <!-- Auto scaling with imagemagick -->
     <!--

_includes/footer.liquid

@@ -14,18 +14,20 @@
     </div>
   </footer>
 {% else %}
-  <footer class="sticky-bottom mt-5" role="contentinfo">
+  <footer class="sticky-bottom mt-5" role="contentinfo" id>
+    {% include mail.liquid %}
     <div class="container">
+      {% if site.last_updated %}
+        Last updated: {{ 'now' | date: '%B %d, %Y' }}.
+      {% endif %}
+      <br>
       &copy; Copyright {{ site.time | date: '%Y' }}
       {{ site.first_name }}
       {{ site.middle_name }}
       {{ site.last_name }}. {{ site.footer_text }}
       {% if site.impressum_path %}
         <a href="{{ site.url }}{{ site.baseurl }}{{ site.impressum_path }}">Impressum</a>.
       {% endif %}
-      {% if site.last_updated %}
-        Last updated: {{ 'now' | date: '%B %d, %Y' }}.
-      {% endif %}
     </div>
   </footer>
 {% endif %}

_includes/head.liquid

@@ -25,9 +25,9 @@
 <!-- Code Syntax Highlighting -->
 <link
   rel="stylesheet"
-  href="{{ '/assets/css/jekyll-pygments-themes-github.css' | relative_url | bust_file_cache }}"
+  href="{{ '/assets/css/gruvbox.dark.css' | relative_url | bust_file_cache }}"
   media=""
-  id="highlight_theme_light"
+  id="highlight_theme_dark"
 >
 
 {% if page.toc and page.toc.sidebar %}
@@ -53,11 +53,20 @@
 
 <!-- Dark Mode -->
 {% if site.enable_darkmode %}
-  <link
-    rel="stylesheet"
-    href="{{ '/assets/css/jekyll-pygments-themes-native.css' | relative_url | bust_file_cache }}"
-    media="none"
-    id="highlight_theme_dark"
-  >
+<link
+  rel="stylesheet"
+  href="{{ '/assets/css/gruvbox.light.css' | relative_url | bust_file_cache }}"
+  media=""
+  id="highlight_theme_light"
+>
   <script src="{{ '/assets/js/theme.js' | relative_url | bust_file_cache }}"></script>
 {% endif %}
+
+<noscript>
+  <link
+  rel="stylesheet"
+  href="{{ '/assets/css/gruvbox.dark.css' | relative_url | bust_file_cache }}"
+  media=""
+  id="highlight_theme_light"
+>
+</noscript>

_includes/header.liquid

@@ -3,24 +3,8 @@
   <nav id="navbar" class="navbar navbar-light navbar-expand-sm {% if site.navbar_fixed %}fixed-top{% else %}sticky-top{% endif %}" role="navigation">
     <div class="container">
       {% if page.permalink != '/' %}
-        <a class="navbar-brand title font-weight-lighter" href="{{ site.baseurl }}/">
-          {% if site.title == 'blank' %}
-            {% if site.first_name %}
-              <span class="font-weight-bold">
-                {{- site.first_name -}}
-                &nbsp;</span
-              >
-            {% endif %}
-            {% if site.middle_name %}
-              {{- site.middle_name -}}
-              &nbsp;
-            {% endif %}
-            {% if site.last_name %}
-              {{- site.last_name -}}
-            {% endif %}
-          {% else %}
-            {{- site.title -}}
-          {% endif %}
+        <a class="navbar-brand title font-weight-lighter" id="top-head-link" href="{{ site.baseurl }}/">
+            <span id="bold-name-txt">asboyer</span>.com
         </a>
       {% elsif site.enable_navbar_social %}
         <!-- Social Icons -->
@@ -41,7 +25,6 @@
         <span class="icon-bar middle-bar"></span>
         <span class="icon-bar bottom-bar"></span>
       </button>
-
       <div class="collapse navbar-collapse text-right" id="navbarNav">
         <ul class="navbar-nav ml-auto flex-nowrap">
           {% for page in site.pages %}
@@ -117,6 +100,13 @@
                 <i class="fa-solid fa-sun"></i>
               </button>
             </li>
+            <noscript>
+              <style>
+                .toggle-container {
+                  display: none;
+                }
+              </style>
+            </noscript>
           {% endif %}
         </ul>
       </div>

_includes/key_projects.liquid

@@ -0,0 +1,64 @@
+<div class="news">
+  {% if site.key_projects != blank %}
+    {% assign key_projects_size = site.projects | size %}
+    <div
+      class="table-responsive"
+      {% if site.key_projects.scrollable and key_projects_size > 3 %}
+        style="max-height: 60vw"
+      {% endif %}
+    >
+      <table class="table table-sm table-borderless" style="margin: 0px">
+        {% assign key_projects = site.projects %}
+        {% if site.key_projects.limit %}
+          {% assign key_projects_limit = site.key_projects.limit %}
+        {% else %}
+          {% assign key_projects_limit = key_projects_size %}
+        {% endif %}
+        {% for item in key_projects limit: key_projects_limit %}
+          {% if item.key %}
+          <tr>
+            <!-- add an image here! -->
+            {% if item.img %}
+
+                       <th scope="row" style="width: 20%; padding-right: 35px; padding-left: 0px !important">
+                            {% include figure.liquid home=true path=item.img sizes="(min-width: 768px) 156px, 50vw" alt="project thumbnail" %}
+
+                          </th> 
+            {% endif %}
+
+            <td style="vertical-align: middle;">
+
+              {% if item.redirect == blank %}
+                <a class="news-title" href="{{ item.url | relative_url }}">{{ item.title }}:</a>
+                {{ item.description }}
+
+              {% elsif item.redirect contains '://' %}
+
+                <a class="news-title" href="{{ item.redirect }}" target="_blank">{{ item.title }}</a>
+                <svg width="2rem" height="2rem" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M17 13.5v6H5v-12h6m3-3h6v6m0-6-9 9"
+                    class="icon_svg-stroke"
+                    stroke="#999"
+                    stroke-width="1.5"
+                    fill="none"
+                    fill-rule="evenodd"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  ></path>
+                </svg>
+              {% else %}
+                <a class="news-title" href="{{ item.redirect | relative_url }}">{{ item.title }}</a>
+              {% endif %}
+            </td>
+              </div>
+
+          </tr>
+          {% endif %}
+        {% endfor %}
+      </table>
+    </div>
+  {% else %}
+    <p>No projects so far...</p>
+  {% endif %}
+</div>