From 83f29646606e4898ddfd41dab3d1db27171a64da Mon Sep 17 00:00:00 2001
From: lgsump <122332459+lgsump@users.noreply.github.com>
Date: Thu, 4 Apr 2024 00:15:35 +0000
Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20lgsump/l?=
 =?UTF-8?q?gsump.github.io@6a9223bec5a6b072ead248e7383ac7a42899b301=20?=
 =?UTF-8?q?=F0=9F=9A=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 404.html                                    |   2 +-
 blog/2022/deleuze-and-time/index.html       |   2 +-
 blog/2022/index.html                        |   2 +-
 blog/2022/screenwriting-festival/index.html |   2 +-
 blog/2023/arrival/index.html                |   2 +-
 blog/2023/index.html                        |   2 +-
 blog/index.html                             |   2 +-
 cv/index.html                               |   2 +-
 feed.xml                                    |   2 +-
 index.html                                  |   2 +-
 news/announcement_1/index.html              |   2 +-
 news/announcement_2/index.html              |   2 +-
 news/announcement_3/index.html              |   2 +-
 news/index.html                             |   2 +-
 projects/2_project/index.html               |   2 +-
 projects/3_project/index.html               |   2 +-
 projects/4_project/index.html               |   2 +-
 projects/5_project/index.html               |   2 +-
 projects/6_project/index.html               |   2 +-
 projects/7_project/index.html               |   2 +-
 projects/8_project/index.html               |   2 +-
 projects/9_project/index.html               | 250 ++++++++++++++++++++
 projects/index.html                         |  33 ++-
 sitemap.xml                                 |  18 +-
 24 files changed, 314 insertions(+), 29 deletions(-)
 create mode 100644 projects/9_project/index.html

diff --git a/404.html b/404.html
index cd5ea47..c754d57 100644
--- a/404.html
+++ b/404.html
@@ -128,7 +128,7 @@ <h1 class="post-title">Page not found</h1>
     <!-- Footer -->    
     <footer class="fixed-bottom">
       <div class="container mt-0">
-        © Copyright 2023   . 
+        © Copyright 2024   . 
       </div>
     </footer>
 
diff --git a/blog/2022/deleuze-and-time/index.html b/blog/2022/deleuze-and-time/index.html
index 3a3a67f..9711f1c 100644
--- a/blog/2022/deleuze-and-time/index.html
+++ b/blog/2022/deleuze-and-time/index.html
@@ -187,7 +187,7 @@ <h2 class="text-3xl font-semibold mb-4 mt-12">Enjoy Reading This Article?</h2>
     <!-- Footer -->    
     <footer class="fixed-bottom">
       <div class="container mt-0">
-        © Copyright 2023   . 
+        © Copyright 2024   . 
       </div>
     </footer>
 
diff --git a/blog/2022/index.html b/blog/2022/index.html
index bf8217e..42e9dfc 100644
--- a/blog/2022/index.html
+++ b/blog/2022/index.html
@@ -144,7 +144,7 @@ <h1 class="post-title"> <i class="fas fa-calendar fa-sm"></i> 2022 </h1>
     <!-- Footer -->    
     <footer class="fixed-bottom">
       <div class="container mt-0">
-        © Copyright 2023   . 
+        © Copyright 2024   . 
       </div>
     </footer>
 
diff --git a/blog/2022/screenwriting-festival/index.html b/blog/2022/screenwriting-festival/index.html
index 9f7e338..954b3a4 100644
--- a/blog/2022/screenwriting-festival/index.html
+++ b/blog/2022/screenwriting-festival/index.html
@@ -169,7 +169,7 @@ <h2 class="text-3xl font-semibold mb-4 mt-12">Enjoy Reading This Article?</h2>
     <!-- Footer -->    
     <footer class="fixed-bottom">
       <div class="container mt-0">
-        © Copyright 2023   . 
+        © Copyright 2024   . 
       </div>
     </footer>
 
diff --git a/blog/2023/arrival/index.html b/blog/2023/arrival/index.html
index e52ecc3..c246795 100644
--- a/blog/2023/arrival/index.html
+++ b/blog/2023/arrival/index.html
@@ -174,7 +174,7 @@ <h2 class="text-3xl font-semibold mb-4 mt-12">Enjoy Reading This Article?</h2>
     <!-- Footer -->    
     <footer class="fixed-bottom">
       <div class="container mt-0">
-        © Copyright 2023   . 
+        © Copyright 2024   . 
       </div>
     </footer>
 
diff --git a/blog/2023/index.html b/blog/2023/index.html
index c974b83..e2049c1 100644
--- a/blog/2023/index.html
+++ b/blog/2023/index.html
@@ -137,7 +137,7 @@ <h1 class="post-title"> <i class="fas fa-calendar fa-sm"></i> 2023 </h1>
     <!-- Footer -->    
     <footer class="fixed-bottom">
       <div class="container mt-0">
-        © Copyright 2023   . 
+        © Copyright 2024   . 
       </div>
     </footer>
 
diff --git a/blog/index.html b/blog/index.html
index af65f0f..7cdfe9a 100644
--- a/blog/index.html
+++ b/blog/index.html
@@ -214,7 +214,7 @@ <h3>
     <!-- Footer -->    
     <footer class="fixed-bottom">
       <div class="container mt-0">
-        &copy; Copyright 2023   . 
+        &copy; Copyright 2024   . 
       </div>
     </footer>
 
diff --git a/cv/index.html b/cv/index.html
index eb98f74..901d3f5 100644
--- a/cv/index.html
+++ b/cv/index.html
@@ -868,7 +868,7 @@ <h3 class="card-title font-weight-medium">References</h3>
     <!-- Footer -->    
     <footer class="fixed-bottom">
       <div class="container mt-0">
-        © Copyright 2023   . 
+        © Copyright 2024   . 
       </div>
     </footer>
 
diff --git a/feed.xml b/feed.xml
index 2b51147..b33ad5b 100644
--- a/feed.xml
+++ b/feed.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en"><generator uri="https://jekyllrb.com/" version="4.3.2">Jekyll</generator><link href="https://lgsump.github.io/feed.xml" rel="self" type="application/atom+xml" /><link href="https://lgsump.github.io/" rel="alternate" type="text/html" hreflang="en" /><updated>2023-09-20T20:53:39+00:00</updated><id>https://lgsump.github.io/feed.xml</id><title type="html">Luke G. Sumpter</title><subtitle>Philosophy and History Student at the University of Texas at Austin
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en"><generator uri="https://jekyllrb.com/" version="4.3.3">Jekyll</generator><link href="https://lgsump.github.io/feed.xml" rel="self" type="application/atom+xml" /><link href="https://lgsump.github.io/" rel="alternate" type="text/html" hreflang="en" /><updated>2024-04-04T00:15:28+00:00</updated><id>https://lgsump.github.io/feed.xml</id><title type="html">Luke G. Sumpter</title><subtitle>Philosophy and History Student at the University of Texas at Austin
 </subtitle><entry><title type="html">Arrival</title><link href="https://lgsump.github.io/blog/2023/arrival/" rel="alternate" type="text/html" title="Arrival" /><published>2023-03-15T16:40:16+00:00</published><updated>2023-03-15T16:40:16+00:00</updated><id>https://lgsump.github.io/blog/2023/arrival</id><content type="html" xml:base="https://lgsump.github.io/blog/2023/arrival/"><![CDATA[<h4><i>Arrival</i> (2016), a Denis Villeneuve film, explores the role of time and our understanding of it in how it involves itself as a structure within our lives. We follow Dr. Louise Banks and her life after seemingly losing her daughter to a serious disease. In this short essay, we will point out different aspects of the film, some included in the commentaries in the clips shown before and some not, that realize some key points that Deleuze hinted to us but also give us more simplistic conceptions of the influence that time has on art and our perception of life. The film has now become a large centerpiece for philosophical and linguistic repertoires inside of Cinema. The beginning montage leads the audience to believe that the daughter of Louise had died and that we were there after seeing her role as a professor and linguist coming to terms with her daughter's death. We are led to believe that this movie was going to be about how even after her daughter’s death, her memory still lives on. In a surprise to many, as we uncover gradually throughout the film, Louise was receiving– or we were receiving– visions of the future due to her heightened ability to recognize the influence of language within her life. So, as Louise figures it out and begins to learn the language of the aliens, she becomes more and more able to see the future.</h4>
 <p><br />
 <br />
diff --git a/index.html b/index.html
index a397d2f..caea91b 100644
--- a/index.html
+++ b/index.html
@@ -149,7 +149,7 @@ <h1 class="post-title">
     <!-- Footer -->    
     <footer class="fixed-bottom">
       <div class="container mt-0">
-        © Copyright 2023   . 
+        © Copyright 2024   . 
       </div>
     </footer>
 
diff --git a/news/announcement_1/index.html b/news/announcement_1/index.html
index 4ea8c07..4ea5d28 100644
--- a/news/announcement_1/index.html
+++ b/news/announcement_1/index.html
@@ -132,7 +132,7 @@ <h1 class="post-title">Announcement_1</h1>
     <!-- Footer -->    
     <footer class="fixed-bottom">
       <div class="container mt-0">
-        © Copyright 2023   . 
+        © Copyright 2024   . 
       </div>
     </footer>
 
diff --git a/news/announcement_2/index.html b/news/announcement_2/index.html
index e4824ba..811e81e 100644
--- a/news/announcement_2/index.html
+++ b/news/announcement_2/index.html
@@ -157,7 +157,7 @@ <h4 id="hipster-list">Hipster list</h4>
     <!-- Footer -->    
     <footer class="fixed-bottom">
       <div class="container mt-0">
-        © Copyright 2023   . 
+        © Copyright 2024   . 
       </div>
     </footer>
 
diff --git a/news/announcement_3/index.html b/news/announcement_3/index.html
index 087130a..bea10b7 100644
--- a/news/announcement_3/index.html
+++ b/news/announcement_3/index.html
@@ -132,7 +132,7 @@ <h1 class="post-title">Announcement_3</h1>
     <!-- Footer -->    
     <footer class="fixed-bottom">
       <div class="container mt-0">
-        © Copyright 2023   . 
+        © Copyright 2024   . 
       </div>
     </footer>
 
diff --git a/news/index.html b/news/index.html
index 49f2dcc..e504144 100644
--- a/news/index.html
+++ b/news/index.html
@@ -156,7 +156,7 @@ <h1 class="post-title">news</h1>
     <!-- Footer -->    
     <footer class="fixed-bottom">
       <div class="container mt-0">
-        © Copyright 2023   . 
+        © Copyright 2024   . 
       </div>
     </footer>
 
diff --git a/projects/2_project/index.html b/projects/2_project/index.html
index fd311ec..cef0b92 100644
--- a/projects/2_project/index.html
+++ b/projects/2_project/index.html
@@ -285,7 +285,7 @@ <h1 class="post-title">elgar's enigma</h1>
     <!-- Footer -->    
     <footer class="fixed-bottom">
       <div class="container mt-0">
-        © Copyright 2023   . 
+        © Copyright 2024   . 
       </div>
     </footer>
 
diff --git a/projects/3_project/index.html b/projects/3_project/index.html
index fb767bc..f0a0b25 100644
--- a/projects/3_project/index.html
+++ b/projects/3_project/index.html
@@ -285,7 +285,7 @@ <h1 class="post-title">A Digital Florilegium</h1>
     <!-- Footer -->    
     <footer class="fixed-bottom">
       <div class="container mt-0">
-        © Copyright 2023   . 
+        © Copyright 2024   . 
       </div>
     </footer>
 
diff --git a/projects/4_project/index.html b/projects/4_project/index.html
index 315915c..deeca3d 100644
--- a/projects/4_project/index.html
+++ b/projects/4_project/index.html
@@ -128,7 +128,7 @@ <h1 class="post-title">Althusser</h1>
     <!-- Footer -->    
     <footer class="fixed-bottom">
       <div class="container mt-0">
-        © Copyright 2023   . 
+        © Copyright 2024   . 
       </div>
     </footer>
 
diff --git a/projects/5_project/index.html b/projects/5_project/index.html
index 77f658b..c77adb6 100644
--- a/projects/5_project/index.html
+++ b/projects/5_project/index.html
@@ -287,7 +287,7 @@ <h1 class="post-title">
     <!-- Footer -->    
     <footer class="fixed-bottom">
       <div class="container mt-0">
-        © Copyright 2023   . 
+        © Copyright 2024   . 
       </div>
     </footer>
 
diff --git a/projects/6_project/index.html b/projects/6_project/index.html
index b8c7101..8fe9702 100644
--- a/projects/6_project/index.html
+++ b/projects/6_project/index.html
@@ -128,7 +128,7 @@ <h1 class="post-title">Leibniz</h1>
     <!-- Footer -->    
     <footer class="fixed-bottom">
       <div class="container mt-0">
-        © Copyright 2023   . 
+        © Copyright 2024   . 
       </div>
     </footer>
 
diff --git a/projects/7_project/index.html b/projects/7_project/index.html
index fe3ad1b..d89ea41 100644
--- a/projects/7_project/index.html
+++ b/projects/7_project/index.html
@@ -285,7 +285,7 @@ <h1 class="post-title">A Hellish Bar</h1>
     <!-- Footer -->    
     <footer class="fixed-bottom">
       <div class="container mt-0">
-        © Copyright 2023   . 
+        © Copyright 2024   . 
       </div>
     </footer>
 
diff --git a/projects/8_project/index.html b/projects/8_project/index.html
index ce5add8..1125df2 100644
--- a/projects/8_project/index.html
+++ b/projects/8_project/index.html
@@ -130,7 +130,7 @@ <h1 class="post-title">
     <!-- Footer -->    
     <footer class="fixed-bottom">
       <div class="container mt-0">
-        © Copyright 2023   . 
+        © Copyright 2024   . 
       </div>
     </footer>
 
diff --git a/projects/9_project/index.html b/projects/9_project/index.html
new file mode 100644
index 0000000..9c98819
--- /dev/null
+++ b/projects/9_project/index.html
@@ -0,0 +1,250 @@
+<!DOCTYPE html>
+<html lang="en">
+
+  <!-- Head -->
+  <head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta http-equiv="refresh" content="3; url=/">    <!-- Metadata, OpenGraph and Schema.org -->
+    
+
+    <!-- Standard metadata -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>formal comparison of <i>shoes</i> | Luke G. Sumpter</title>
+    <meta name="author" content="  ">
+    <meta name="description" content="An example used for teaching formal film analysis using a comparison screen, Feb 2024">
+    <meta name="keywords" content="jekyll, jekyll-theme, academic-website, portfolio-website">
+
+
+    <!-- Bootstrap & MDB -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha256-DF7Zhf293AJxJNTmh5zhoYYIMs2oXitRfBjY+9L//AY=" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mdbootstrap@4.20.0/css/mdb.min.css" integrity="sha256-jpjYvU3G3N6nrrBwXJoVEYI/0zw8htfFnhT9ljN3JJw=" crossorigin="anonymous">
+
+    <!-- Fonts & Icons -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/all.min.css" integrity="sha256-mUZM63G8m73Mcidfrv5E+Y61y7a12O5mW4ezU3bxqW4=" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/academicons@1.9.1/css/academicons.min.css" integrity="sha256-i1+4qU2G2860dGGIOJscdC30s9beBXjFfzjWLjBRsBg=" crossorigin="anonymous">
+    <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">
+
+    <!-- Code Syntax Highlighting -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jwarby/jekyll-pygments-themes@master/github.css" media="" id="highlight_theme_light">
+
+    <!-- Styles -->
+    
+    <link rel="shortcut icon" href="/assets/img/favicon.ico">
+    
+    <link rel="stylesheet" href="/assets/css/main.css">
+    <link rel="canonical" href="https://lgsump.github.io/projects/9_project/">
+    
+    <!-- Dark Mode -->
+    
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jwarby/jekyll-pygments-themes@master/native.css" media="none" id="highlight_theme_dark">
+
+    <script src="/assets/js/theme.js"></script>
+    <script src="/assets/js/dark_mode.js"></script>
+    
+
+  </head>
+
+  <!-- Body -->
+  <body class="fixed-top-nav ">
+
+    <!-- Header -->
+    <header>
+
+      <!-- Nav Bar -->
+      <nav id="navbar" class="navbar navbar-light navbar-expand-sm fixed-top">
+        <div class="container">
+          <a class="navbar-brand title font-weight-lighter" href="/">Luke G. Sumpter</a>
+          <!-- Navbar Toggle -->
+          <button class="navbar-toggler collapsed ml-auto" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar top-bar"></span>
+            <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">
+
+              <!-- About -->
+              <li class="nav-item ">
+                <a class="nav-link" href="/">about</a>
+              </li>
+              
+              <!-- Blog -->
+              <li class="nav-item ">
+                <a class="nav-link" href="/blog/">film &amp; lit</a>
+              </li>
+
+              <!-- Other pages -->
+              <li class="nav-item ">
+                <a class="nav-link" href="/projects/">dh projects</a>
+              </li>
+              <li class="nav-item ">
+                <a class="nav-link" href="/cv/">resume</a>
+              </li>
+
+              <!-- Toogle theme mode -->
+              <li class="toggle-container">
+                <button id="light-toggle" title="Change theme">
+                  <i class="fas fa-moon"></i>
+                  <i class="fas fa-sun"></i>
+                </button>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </nav>
+
+      <!-- Scrolling Progress Bar -->
+      <progress id="progress" value="0">
+        <div class="progress-container">
+          <span class="progress-bar"></span>
+        </div>
+      </progress>
+    </header>
+
+
+    <!-- Content -->
+    <div class="container mt-5">
+      <!-- page.html -->
+        <div class="post">
+
+          <header class="post-header">
+            <h1 class="post-title">formal comparison of <i>shoes</i>
+</h1>
+            <p class="post-description">An example used for teaching formal film analysis using a comparison screen, Feb 2024</p>
+          </header>
+
+          <article>
+            
+          </article>
+
+        </div>
+
+    </div>
+
+    <!-- Footer -->    
+    <footer class="fixed-bottom">
+      <div class="container mt-0">
+        © Copyright 2024   . 
+      </div>
+    </footer>
+
+    <!-- JavaScripts -->
+    <!-- jQuery -->
+  <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+
+    <!-- Bootsrap & MDB scripts -->
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha256-fgLAgv7fyCGopR/gBNq2iW3ZKIdqIcyshnUULC4vex8=" crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/npm/mdbootstrap@4.20.0/js/mdb.min.js" integrity="sha256-NdbiivsvWt7VYCt6hYNT3h/th9vSTL4EDWeGs5SN3DA=" crossorigin="anonymous"></script>
+
+    <!-- Masonry & imagesLoaded -->
+  <script defer src="https://cdn.jsdelivr.net/npm/masonry-layout@4.2.2/dist/masonry.pkgd.min.js" integrity="sha256-Nn1q/fx0H7SNLZMQ5Hw5JLaTRZp0yILA/FRexe19VdI=" crossorigin="anonymous"></script>
+  <script defer src="https://cdn.jsdelivr.net/npm/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
+  <script defer src="/assets/js/masonry.js" type="text/javascript"></script>
+    
+  <!-- Medium Zoom JS -->
+  <script defer src="https://cdn.jsdelivr.net/npm/medium-zoom@1.0.8/dist/medium-zoom.min.js" integrity="sha256-7PhEpEWEW0XXQ0k6kQrPKwuoIomz8R8IYyuU1Qew4P8=" crossorigin="anonymous"></script>
+  <script defer src="/assets/js/zoom.js"></script><!-- Load Common JS -->
+  <script defer src="/assets/js/common.js"></script>
+  <script defer src="/assets/js/copy_code.js" type="text/javascript"></script>
+
+    
+  <script async src="https://d1bxh8uas1mnw7.cloudfront.net/assets/embed.js"></script>
+  <script async src="https://badge.dimensions.ai/badge.js"></script>
+
+    <!-- MathJax -->
+  <script type="text/javascript">
+    window.MathJax = {
+      tex: {
+        tags: 'ams'
+      }
+    };
+  </script>
+  <script defer type="text/javascript" id="MathJax-script" src="https://cdn.jsdelivr.net/npm/mathjax@3.2.0/es5/tex-mml-chtml.js"></script>
+  <script defer src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
+
+    
+    
+
+<!-- Scrolling Progress Bar -->
+<script type="text/javascript">
+  /*
+   * This JavaScript code has been adapted from the article 
+   * https://css-tricks.com/reading-position-indicator/ authored by Pankaj Parashar, 
+   * published on the website https://css-tricks.com on the 7th of May, 2014.
+   * Couple of changes were made to the original code to make it compatible 
+   * with the `al-foio` theme.
+   */
+  const progressBar = $("#progress");
+  /*
+   * We set up the bar after all elements are done loading.
+   * In some cases, if the images in the page are larger than the intended
+   * size they'll have on the page, they'll be resized via CSS to accomodate
+   * the desired size. This mistake, however, breaks the computations as the
+   * scroll size is computed as soon as the elements finish loading.
+   * To account for this, a minimal delay was introduced before computing the
+   * values.
+   */
+  window.onload = function () {
+    setTimeout(progressBarSetup, 50);
+  };
+  /*
+   * We set up the bar according to the browser.
+   * If the browser supports the progress element we use that.
+   * Otherwise, we resize the bar thru CSS styling
+   */
+  function progressBarSetup() {
+    if ("max" in document.createElement("progress")) {
+      initializeProgressElement();
+      $(document).on("scroll", function() {
+        progressBar.attr({ value: getCurrentScrollPosition() });
+      });
+      $(window).on("resize", initializeProgressElement);
+    } else {
+      resizeProgressBar();
+      $(document).on("scroll", resizeProgressBar);
+      $(window).on("resize", resizeProgressBar);
+    }
+  }
+  /*
+   * The vertical scroll position is the same as the number of pixels that
+   * are hidden from view above the scrollable area. Thus, a value > 0 is
+   * how much the user has scrolled from the top
+   */
+  function getCurrentScrollPosition() {
+    return $(window).scrollTop();
+  }
+
+  function initializeProgressElement() {
+    let navbarHeight = $("#navbar").outerHeight(true);
+    $("body").css({ "padding-top": navbarHeight });
+    $("progress-container").css({ "padding-top": navbarHeight });
+    progressBar.css({ top: navbarHeight });
+    progressBar.attr({
+      max: getDistanceToScroll(),
+      value: getCurrentScrollPosition(),
+    });
+  }
+  /*
+   * The offset between the html document height and the browser viewport
+   * height will be greater than zero if vertical scroll is possible.
+   * This is the distance the user can scroll
+   */
+  function getDistanceToScroll() {
+    return $(document).height() - $(window).height();
+  }
+
+  function resizeProgressBar() {
+    progressBar.css({ width: getWidthPercentage() + "%" });
+  }
+  // The scroll ratio equals the percentage to resize the bar
+  function getWidthPercentage() {
+    return (getCurrentScrollPosition() / getDistanceToScroll()) * 100;
+  }
+</script>
+
+  </body>
+</html>
diff --git a/projects/index.html b/projects/index.html
index 219ce80..306d2d7 100644
--- a/projects/index.html
+++ b/projects/index.html
@@ -273,6 +273,37 @@ <h2 class="card-title text-lowercase">
         </div>
       </div>
     </a>
+</div>
+<!-- _includes/projects.html -->
+<div class="grid-sizer"></div>
+<div class="grid-item">
+  <a href="https://lgsump.github.io/shoes-comparison/comparison">
+      <div class="card hoverable">
+<figure>
+
+  <picture>
+    
+    <source class="responsive-img-srcset" media="(max-width: 480px)" srcset="/assets/img/Screen%20Shot%202023-04-05%20at%201.29.48%20PM-480.webp"></source>
+    <source class="responsive-img-srcset" media="(max-width: 800px)" srcset="/assets/img/Screen%20Shot%202023-04-05%20at%201.29.48%20PM-800.webp"></source>
+    <source class="responsive-img-srcset" media="(max-width: 1400px)" srcset="/assets/img/Screen%20Shot%202023-04-05%20at%201.29.48%20PM-1400.webp"></source>
+    
+
+    <!-- Fallback to the original file -->
+    <img src="/assets/img/Screen%20Shot%202023-04-05%20at%201.29.48%20PM.png" width="auto" height="auto" alt="project thumbnail" onerror="this.onerror=null; $('.responsive-img-srcset').remove();">
+
+  </picture>
+
+</figure>
+
+        <div class="card-body">
+          <h2 class="card-title text-lowercase">formal comparison of <i>shoes</i>
+</h2>
+          <p class="card-text">An example used for teaching formal film analysis using a comparison screen, Feb 2024</p>
+          <div class="row ml-1 mr-1 p-0">
+          </div>
+        </div>
+      </div>
+    </a>
 </div>
   </div>
   <h2 class="category">regular</h2>
@@ -350,7 +381,7 @@ <h2 class="card-title text-lowercase">Leibniz</h2>
     <!-- Footer -->    
     <footer class="fixed-bottom">
       <div class="container mt-0">
-        © Copyright 2023   . 
+        © Copyright 2024   . 
       </div>
     </footer>
 
diff --git a/sitemap.xml b/sitemap.xml
index 0e7bf1e..9e04fa7 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -26,31 +26,35 @@
 </url>
 <url>
 <loc>https://lgsump.github.io/projects/2_project/</loc>
-<lastmod>2023-09-20T20:53:39+00:00</lastmod>
+<lastmod>2024-04-04T00:15:28+00:00</lastmod>
 </url>
 <url>
 <loc>https://lgsump.github.io/projects/3_project/</loc>
-<lastmod>2023-09-20T20:53:39+00:00</lastmod>
+<lastmod>2024-04-04T00:15:28+00:00</lastmod>
 </url>
 <url>
 <loc>https://lgsump.github.io/projects/4_project/</loc>
-<lastmod>2023-09-20T20:53:39+00:00</lastmod>
+<lastmod>2024-04-04T00:15:28+00:00</lastmod>
 </url>
 <url>
 <loc>https://lgsump.github.io/projects/5_project/</loc>
-<lastmod>2023-09-20T20:53:39+00:00</lastmod>
+<lastmod>2024-04-04T00:15:28+00:00</lastmod>
 </url>
 <url>
 <loc>https://lgsump.github.io/projects/6_project/</loc>
-<lastmod>2023-09-20T20:53:39+00:00</lastmod>
+<lastmod>2024-04-04T00:15:28+00:00</lastmod>
 </url>
 <url>
 <loc>https://lgsump.github.io/projects/7_project/</loc>
-<lastmod>2023-09-20T20:53:39+00:00</lastmod>
+<lastmod>2024-04-04T00:15:28+00:00</lastmod>
 </url>
 <url>
 <loc>https://lgsump.github.io/projects/8_project/</loc>
-<lastmod>2023-09-20T20:53:39+00:00</lastmod>
+<lastmod>2024-04-04T00:15:28+00:00</lastmod>
+</url>
+<url>
+<loc>https://lgsump.github.io/projects/9_project/</loc>
+<lastmod>2024-04-04T00:15:28+00:00</lastmod>
 </url>
 <url>
 <loc>https://lgsump.github.io/</loc>