Update project structure + new shortcodes

6 files changed, 73 insertions, 11 deletions

diff --git a/content/projects/file-drop.md b/content/projects/file-drop/index.md
index a754cbc..de565f9 100644
--- a/content/projects/file-drop.md
+++ b/content/projects/file-drop/index.md
@@ -1,7 +1,7 @@
 ---
 title: "File Drop"
 date: 2023-10-23T23:18:30-04:00
-draft: false
+draft: true
 ---
 
 Lorem ipsum dolor sit amet, officia excepteur ex fugiat reprehenderit enim
diff --git a/content/projects/guitar-hero.md b/content/projects/guitar-hero.md
deleted file mode 100644
index 7b0d2fb..0000000
--- a/content/projects/guitar-hero.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-title: "Guitar Hero"
-date: 2023-10-23T23:18:05-04:00
-draft: false
----
-
-This is a project
diff --git a/content/projects/guitar-hero/index.md b/content/projects/guitar-hero/index.md
new file mode 100644
index 0000000..4603a4b
--- /dev/null
+++ b/content/projects/guitar-hero/index.md
@@ -0,0 +1,69 @@
+---
+title: "Guitar Hero"
+date: 2023-10-23T23:18:05-04:00
+mermaid: true
+draft: false
+---
+
+One of my University classes tasked me with creating a custom pcb remote as
+well as a GUI software that interfaced with it. I decided to create a *Guitar
+Hero* clone capable of reading files created for the similar project *Clone
+Hero* using C++ and QT.
+
+The goal of this class was to teach Computer Science students about GUI design
+as well as teach electrical engineers about PCB design. Both type of students
+would also get to learn about software and hardware integration. On the
+hardware side, the requirements were quite simple:
+
+- The designed PCB needed to be less then or equal to 10x15cm
+- A minimum of 5 switches were needed
+- A joystick as well as an accelerometer had to get integrated
+- We could choose wether to integrate a 5 segment or a bar graph display
+
+{{<mermaid>}}
+classDiagram
+    Animal <|-- Duck
+    Animal <|-- Fish
+    Animal <|-- Zebra
+    Animal : +int age
+    Animal : +String gender
+    Animal: +isMammal()
+    Animal: +mate()
+    class Duck{
+      +String beakColor
+      +swim()
+      +quack()
+    }
+    class Fish{
+      -int sizeInFeet
+      -canEat()
+    }
+    class Zebra{
+      +bool is_wild
+      +run()
+    }
+{{</mermaid>}}
+
+After a little back and forth with our teachers, we came to an agreement that
+we could configure some of our switches outside the pcb and mount them directly
+to the guitar. This way, the pcb itself could be located at the base of a guitar
+and host the strumming mechanism. We also convinced them it would be best for our
+usecase to also mount the accelerometer on a guitar shaft and configure it as some
+sort of trigger for a bonus streak. In the end, this is what we came up with:
+
+<!-- Integration   https://youtu.be/FKOd6nEcEC8 -->
+<!-- Song          https://youtu.be/G2GX4o7dhNY -->
+<!-- Accelerometer https://youtu.be/xl-ZMSSMalw -->
+<!-- Bar Graph     https://youtu.be/WZeAdRM9tGo -->
+<!-- Strumming     https://youtu.be/TxubEPih7yw -->
+<!-- Joystick      https://youtu.be/q-Qc5jLBBzU -->
+<!-- Demo1         https://youtu.be/c_Gxq5UKYd4 -->
+<!-- Demo2         https://youtu.be/69InfsTlqqA -->
+
+
+On the software side of things, requirements were even more forgiving. All we
+needed was to use the QT C++ library without any QML or QSS. It took very
+little convincing to get my team on board with the *Guitar Hero* clone idea.
+
+
+{{< youtubepl PLGcbRdKslprBkKg2NyGtS4AGuB2Ng_22e >}}
diff --git a/content/projects/music-robot.md b/content/projects/music-robot/index.md
index 692c866..692c866 100644
--- a/content/projects/music-robot.md
+++ b/content/projects/music-robot/index.md
diff --git a/content/projects/python-encryption/index.md b/content/projects/python-encryption/index.md
index 3ebd70b..c8207c6 100644
--- a/content/projects/python-encryption/index.md
+++ b/content/projects/python-encryption/index.md
@@ -31,11 +31,11 @@ viewed from that perspective, an entire article could be thought of as one big
 integer in base255. I decided to start by converting the source message one
 might want to encrypt into decimal form as shown by this animation:
 
-![How the message gets encoded](msg-encode.gif)
+{{< img src="msg-encode.gif" alt="How the message gets encoded" caption="" >}}
 
 The thing is, if a message can be converted from base255 to decimal, so can
 the password protecting the original message. You would then have both the message
 and the password in a format that feels much more intuitive to manipulate.
 So this is what I did:
 
-![How the password gets encoded](psswd-encode.gif)
+{{< img src="psswd-encode.gif" alt="How the password gets encoded" >}}
diff --git a/content/projects/uebersicht-todoist/index.md b/content/projects/uebersicht-todoist/index.md
index d30c0ae..dbfd2b0 100644
--- a/content/projects/uebersicht-todoist/index.md
+++ b/content/projects/uebersicht-todoist/index.md
@@ -1,7 +1,7 @@
 ---
 title: "Todoist Task Viewer"
 date: 2023-10-23T23:20:05-04:00
-draft:
+draft: false
 ---
 
 Back in 2018, I daily drove a mac and I really wanted my daily tasks