Feat: Add TC to projects page (#51)

* add tc to projects * fix template headers * add tc to project list
hannahilea · Jan 11, 2025 · 14f12c9 · 14f12c9
1 parent 35e2e64
commit 14f12c9
Show file tree

Hide file tree

Showing 6 changed files with 38 additions and 9 deletions.
diff --git a/blog/__template/index.template.html b/blog/__template/index.template.html
@@ -4,15 +4,15 @@
 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <meta name="description" content="Hannah Robertson's blog" />
+  <meta name="description" content="@hannahilea's blog" />
   <meta name="author" content="Hannah Robertson" />
   <link rel="shortcut icon" type="image/png" href="../assets/img/favicon.png" />
   <link rel="stylesheet" type="text/css" href="../assets/css/main.css" />
   <script src="../assets/scripts/list.min.js"></script>
 
-  <meta property="og:title" content="@hannahilea: blog"/>
-  <meta property="og:url" content="https://www.hannahilea.com/blog"/>
-  <meta property="og:image" content="https://www.hannahilea.com/assets/img/avatar.jpeg">
+  <meta property="og:title" content="@hannahilea: blog" />
+  <meta property="og:url" content="https://www.hannahilea.com/blog" />
+  <meta property="og:image" content="https://www.hannahilea.com/assets/img/avatar.jpeg" />
   <meta property="og:image:type" content="image/jpeg" />
   <meta property="og:image:width" content="300" />
   <meta property="og:image:height" content="300" />

diff --git a/blog/index.html b/blog/index.html
@@ -4,7 +4,7 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="description" content="Hannah Robertson's blog" />
+    <meta name="description" content="@hannahilea's blog" />
     <meta name="author" content="Hannah Robertson" />
     <link rel="shortcut icon" type="image/png" href="../assets/img/favicon.png" />
     <link rel="stylesheet" type="text/css" href="../assets/css/main.css" />

diff --git a/blog/slide-whistle-trombone-champ-controller/assets/thumbnail.png b/blog/slide-whistle-trombone-champ-controller/assets/thumbnail.png
diff --git a/projects/__template/index.template.html b/projects/__template/index.template.html
@@ -6,12 +6,20 @@
 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <meta name="description" content="Hannah Robertson's projects" />
+  <meta name="description" content="@hannahilea's projects" />
   <meta name="author" content="Hannah Robertson" />
   <link rel="shortcut icon" type="image/png" href="../assets/img/favicon.png" />
   <link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
   <script src="../assets/scripts/list.min.js"></script>
 
+  <meta property="og:title" content="@hannahilea: projects" />
+  <meta property="og:url" content="https://www.hannahilea.com/projects" />
+  <meta property="og:image" content="https://www.hannahilea.com/assets/img/avatar.jpeg" />
+  <meta property="og:image:type" content="image/jpeg" />
+  <meta property="og:image:width" content="300" />
+  <meta property="og:image:height" content="300" />
+  <meta property="og:type" content="website" />
+
   <title>@hannahilea: projects</title>
 </head>
 

diff --git a/projects/index.html b/projects/index.html
@@ -11,9 +11,9 @@
     <link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
     <script src="../assets/scripts/list.min.js"></script>
 
-    <meta property="og:title" content="@hannahilea: projects"/>
-    <meta property="og:url" content="https://www.hannahilea.com/projects"/>
-    <meta property="og:image" content="https://www.hannahilea.com/assets/img/avatar.jpeg">
+    <meta property="og:title" content="@hannahilea: projects" />
+    <meta property="og:url" content="https://www.hannahilea.com/projects" />
+    <meta property="og:image" content="https://www.hannahilea.com/assets/img/avatar.jpeg" />
     <meta property="og:image:type" content="image/jpeg" />
     <meta property="og:image:width" content="300" />
     <meta property="og:image:height" content="300" />
@@ -136,6 +136,17 @@ <h2 id="physical-gallery">Physical Gallery</h2>
           <div id="physical-gallery-list">
             <table>
               <tbody>
+                <tr>
+                  <td class="year date">2025</td>
+                  <td class="title">
+                    <a class="project-url" href="https://hannahilea.com/slide-whistle-trombone-champ-controller/">Slide whistle Trombone Champ controller</a>
+                    <div class="details">
+                      <a class="project-url" href="https://hannahilea.com/slide-whistle-trombone-champ-controller/"><img class="thumbnail" src="../blog/slide-whistle-trombone-champ-controller/assets/thumbnail.png" /></a>
+                      <p class="blog-tags">Wireless controller for the game Trombone Champ, built from a slide whistle! <br />Described in blog post <a href="../blog/slide-whistle-trombone-champ-controller/">Slidey doots: Slide whistle as Trombone Champ controller</a>.</p>
+                    </div>
+                  </td>
+                </tr>
+
                 <tr>
                   <td class="year date">2024</td>
                   <td class="title">

diff --git a/projects/project-list.yaml b/projects/project-list.yaml
@@ -46,6 +46,15 @@ virtual-gallery:
       Itinerant Mixer: Fun, Slick, and More Than a Toy </em></a>.'
 
 physical-gallery:
+  - project: Slide whistle Trombone Champ controller
+    url: https://hannahilea.com/slide-whistle-trombone-champ-controller/
+    year: 2025
+    thumbnail_url: "../blog/slide-whistle-trombone-champ-controller/assets/thumbnail.png"
+    description:
+      'Wireless controller for the game Trombone Champ, built from a slide whistle!
+      <br>Described in blog post <a href="../blog/slide-whistle-trombone-champ-controller/">Slidey doots: Slide whistle as Trombone Champ controller</a>.'
+
+
   - project: "Scurrying seagull Fliposcope"
     year: 2024
     thumbnail_url: "../blog/seagull-fliposcope-animation-with-cuttle/assets/thumbnail.png"
@@ -105,3 +114,4 @@ physical-gallery:
     thumbnail_url: "./thumbnails/mix-month.png"
     year: 2021
     description: "A postcard club! Each month, postcards linking to a custom playlist were mailed to recipients."
+