FIX: Workflow to work with jekyll.

.github/workflows/prepare.yml

@@ -28,7 +28,6 @@ jobs:
         run: |
           find . -name "*.js" -type f -exec terser {} -c -o {} \;
           find . -name "*.css" -type f -exec csso {} -o {} \;
-          find . -name "*.html" -type f -exec html-minifier --remove-comments --collapse-whitespace {} -o {} \;
       
       - name: "Commiting changes."
         run: |

_data/work.yml

@@ -32,7 +32,6 @@ freshmanual:
   title: FreshManual
   subtitle: Mobile App
   stack: [ html, css, js, php, docker, mariadb, azure ]
-  image: /res/avatar.svg
   link: /404
   color: blue
 
@@ -61,7 +60,6 @@ pollbuddy:
   id: pollbuddy
   title: Poll Buddy
   stack: [ html, css, js, php, docker, mariadb, azure ]
-  image: /res/avatar.svg
   link: /404
   color: green
 
@@ -90,7 +88,6 @@ rpi-crisis:
   id: rpi-crisis
   title: CRISIS
   stack: [ html, css, js, php, docker, mariadb, azure ]
-  image: /res/avatar.svg
   link: /404
   color: red
 

_layouts/experience.html

@@ -38,7 +38,7 @@ layout: default
         {% if malung.image %}
           <img id="image-inner" src="{{malung.image}}" alt="Image of {{malung.title}}">
         {% else %}
-          <h1 aria-hidden>Image Not Available</h1>
+          <h1 aria-hidden="true">Image Not Available</h1>
         {% endif %}
       </div>
       <div id="stack">

index.html

@@ -31,7 +31,13 @@ layout: default
   <div id="project-list">
     {% for project in home.featured %}
       <a class="{{ work[project].color }} project-item shadow" href="/experience/{{ project }}">
-        <div class="space"></div>
+        {% if work[project].image %}
+          <div class="space project-image-outer">
+            <img src="{{work[project].image}}" alt="{{work[project].title}}" class="project-image">
+          </div>
+        {% else %}
+          <div class="project-noimage" aria-hidden="true">Image Not Available</div>
+        {% endif %}
         <div class="nav-link project-link r-icon" data-i="arrow_right">
           {{ work[project].title }}
           <!-- Add the subtitle, if it exists. -->

styles/default.css

@@ -262,3 +262,25 @@ nav {
     display: none;
   }
 }
+
+.project-noimage {
+  color: #0002;
+  font-size: 40px;
+  font-family: "Open Sans";
+  font-weight: 900;
+  display: flex;
+  flex: 1000;
+  justify-content: center;
+  align-items: center;
+}
+
+.project-image-outer {
+  position: relative;
+  justify-content: center;
+  align-items: center;
+}
+
+.project-image {
+  position: absolute;
+  max-height: 100%;
+}

styles/global.css

@@ -65,5 +65,3 @@ html {
 .dark-back::before {
   filter: brightness(0.8);
 }
-
-/*----------------------------------------------------------------------------*/