From c840e7ca23bfe77e4e356d9f3c655cefeaaaed42 Mon Sep 17 00:00:00 2001
From: Kevin Leutzinger <6435727+kleutzinger@users.noreply.github.com>
Date: Tue, 28 Nov 2023 15:41:44 -0800
Subject: [PATCH] Update Homepage to be Better

- technologies are exposed without hovering
- simplified generation code
- update a lot of stuff on the sheet
---
 index.html                             | 223 ++++++-------------------
 site-generator/generate.py             |  24 +--
 site-generator/generated/projects.json |  77 ++++-----
 3 files changed, 95 insertions(+), 229 deletions(-)

diff --git a/index.html b/index.html
index b64a38d..42522ea 100644
--- a/index.html
+++ b/index.html
@@ -30,18 +30,11 @@
     </div>
     <ul class="details">
      <li class="author"><a href="https://github.com/kleutzinger">Kevin Leutzinger</a></li>
-     <li class="tags">
-      <ul>
-       <li><a href="#">SF Bay Area</a></li>
-       <li><a href="#">Web</a></li>
-       <li><a href="#">Backend</a></li>
-      </ul>
-     </li>
     </ul>
    </div>
    <div class="description">
     <h1><a href="">Projects by Kevin Leutzinger</a></h1>
-    <h2>Inventive websites and programming</h2>
+    <h2>Inventive websites and programming<br/> <span>SF Bay Area, Web, Backend</span></h2>
     <p>Hi, I'm a backend-leaning software engineer. I've worked for <a href="https://rescale.com">Rescale</a> and <a href="https://squid.cloud">Squid Cloud</a>.</p>
     <p>Professionally, I specialize in  deployments, DevOps, cloud, automation, DevEx, and linux. I like python, javascript, and shell scripting. I've been using Arch Linux (btw) for about 10 years now and the colemak keyboard layout.</p>
     <p>On my own time, I make games and web-based utilities. You can find a gallery of my personal projects below. Everything below is created and maintained by yours truly. Ech entry inculdes a link to both the deployed app and the source code (MIT licensed).</p>
@@ -58,18 +51,12 @@ <h3>Contact info</h3>
     </div>
     <ul class="details">
      <li class="author"><a href="https://github.com/kleutzinger">Kevin Leutzinger</a></li>
-     <li class="tags">
-      <ul>
-       <li><a href="#">AWS</a></li>
-       <li><a href="#">Cloudformation</a></li>
-      </ul>
-     </li>
     </ul>
    </div>
    <div class="description">
     <h1><a href="">CNAF on AWS Govcloud</a></h1>
     <h2>Infrastructure<br/> 
-     Jun 2022</h2>
+     Jun 2022<br/> <span>AWS, Cloudformation</span></h2>
     <p>While at I was at Rescale, a large aerospace company needed a new strict allowlist firewalling their cloud compute VPC in AWS Govcloud. Using CloudFormation templates and Cohesive Network's VNS3, I created a working solution to manage exactly what traffic could exit and enter the VPC without disrupting their workflows and security requirements. This closed a 6 figure deal with the company.</p>
     <p class="read-more">
     </p>
@@ -81,20 +68,12 @@ <h2>Infrastructure<br/>
     </div>
     <ul class="details">
      <li class="author"><a href="https://github.com/kleutzinger">Kevin Leutzinger</a></li>
-     <li class="tags">
-      <ul>
-       <li><a href="#">HTMX</a></li>
-       <li><a href="#">handlebars</a></li>
-       <li><a href="#">Nodejs</a></li>
-       <li><a href="#">sqlite</a></li>
-      </ul>
-     </li>
     </ul>
    </div>
    <div class="description">
     <h1><a href="https://fit.kevbot.xyz">Fitness Tracker</a></h1>
     <h2>Website<br/> 
-     Sep 2023</h2>
+     Sep 2023<br/> <span>HTMX, Node.js, SQLite, Handlebars</span></h2>
     <p>This mobile-friendly website lets you easily log your workouts in the gym. You can customize the interface how you'd like and create custom workout sequences. Later, when you get home you can look at graphs of your progress or export the data as a csv or json.</p>
     <p class="read-more"><a href="https://github.com/kleutzinger/fit.kevbot.xyz">| Source Code</a><a href="https://fit.kevbot.xyz">| Open</a><a href="https://github.com/kleutzinger/fit.kevbot.xyz#readme">| Readme</a></p>
    </div>
@@ -105,19 +84,12 @@ <h2>Website<br/>
     </div>
     <ul class="details">
      <li class="author"><a href="https://github.com/kleutzinger">Kevin Leutzinger</a></li>
-     <li class="tags">
-      <ul>
-       <li><a href="#">Node.js</a></li>
-       <li><a href="#">Redis</a></li>
-       <li><a href="#">express</a></li>
-      </ul>
-     </li>
     </ul>
    </div>
    <div class="description">
     <h1><a href="https://movies.kevbot.xyz/">movies.kevbot.xyz</a></h1>
     <h2>Website<br/> 
-     Oct 2020</h2>
+     Oct 2020<br/> <span>Node.js, Redis, Express</span></h2>
     <p>How long ago was that movie made? How old was Brad Pitt in it? Has Kevin seen this one? Just type a movie title to find out.</p>
     <p class="read-more"><a href="https://github.com/kleutzinger/movies.kevbot.xyz">| Source Code</a><a href="https://movies.kevbot.xyz/">| Open</a></p>
    </div>
@@ -128,17 +100,12 @@ <h2>Website<br/>
     </div>
     <ul class="details">
      <li class="author"><a href="https://github.com/kleutzinger">Kevin Leutzinger</a></li>
-     <li class="tags">
-      <ul>
-       <li><a href="#">Python</a></li>
-      </ul>
-     </li>
     </ul>
    </div>
    <div class="description">
     <h1><a href="https://github.com/kleutzinger/advent-of-code-2020#readme">Advent of Code 2020 Solutions</a></h1>
     <h2>Coding Challenge<br/> 
-     Dec 2020</h2>
+     Dec 2020<br/> <span>Python</span></h2>
     <p>My 50 solutions to a yearly <a href="https://adventofcode.com/2020/">programming challenge.</a></p>
     <p class="read-more"><a href="https://github.com/kleutzinger/advent-of-code-2020#readme">| Open</a></p>
    </div>
@@ -149,19 +116,12 @@ <h2>Coding Challenge<br/>
     </div>
     <ul class="details">
      <li class="author"><a href="https://github.com/kleutzinger">Kevin Leutzinger</a></li>
-     <li class="tags">
-      <ul>
-       <li><a href="#">Python</a></li>
-       <li><a href="#">Node.js</a></li>
-       <li><a href="#">eel</a></li>
-      </ul>
-     </li>
     </ul>
    </div>
    <div class="description">
     <h1><a href="">Classic Game Scraper</a></h1>
     <h2>Application<br/> 
-     May 2020</h2>
+     May 2020<br/> <span>Python, Eel</span></h2>
     <p>I just might have the world's largest video game collection! This personal tool allows me to browse, download, and emulate over 35,000 roms scraped from <a href="https://archive.org">archive.org</a>. I can get any official game on demand from over 25 systems such as Dreamcast, Gameboy, Sega, Playstation 1/2, Super Nintendo, Gamecube and more!</p>
     <p class="read-more"><a href="#">| Video Demo</a></p>
    </div>
@@ -172,20 +132,12 @@ <h2>Application<br/>
     </div>
     <ul class="details">
      <li class="author"><a href="https://github.com/kleutzinger">Kevin Leutzinger</a></li>
-     <li class="tags">
-      <ul>
-       <li><a href="#">Node.js</a></li>
-       <li><a href="#">socket.io</a></li>
-       <li><a href="#">express</a></li>
-       <li><a href="#">mobile support</a></li>
-      </ul>
-     </li>
     </ul>
    </div>
    <div class="description">
     <h1><a href="https://lounge.kevbot.xyz/">The Lounge Video Chat</a></h1>
     <h2>Website<br/> 
-     Apr 2020</h2>
+     Apr 2020<br/> <span>Node.js, socket.io, express, mobile support</span></h2>
     <p>Video chat with friends while navigating a 2d space with the arrow keys or touch. You can walk away from a conversation to stop hearing it. Featuring charades and live music. I made this during lockdown to have a covid-safe birthday party with my friends.</p>
     <p class="read-more"><a href="https://github.com/kleutzinger/the-lounge">| Source Code</a><a href="https://lounge.kevbot.xyz/">| Open</a></p>
    </div>
@@ -196,18 +148,12 @@ <h2>Website<br/>
     </div>
     <ul class="details">
      <li class="author"><a href="https://github.com/kleutzinger">Kevin Leutzinger</a></li>
-     <li class="tags">
-      <ul>
-       <li><a href="#">Node.js</a></li>
-       <li><a href="#">Postgres</a></li>
-      </ul>
-     </li>
     </ul>
    </div>
    <div class="description">
     <h1><a href="https://replay.kevbot.xyz/">Smash Bros. Melee Gameplay Sharing</a></h1>
     <h2>Website<br/> 
-     Sep 2020</h2>
+     Sep 2020<br/> <span>Node.js, Postgres</span></h2>
     <p>Melee is a fighting game with online tournaments. With this service, players can easily upload their recorded gameplay. The site organizes, labels, and stores the files for others to download.</p>
     <p class="read-more"><a href="https://github.com/kleutzinger/spectate-melee-kb">| Source Code</a><a href="https://youtu.be/F8j87ru7X5I">| Video Demo</a><a href="https://replay.kevbot.xyz/">| Open</a></p>
    </div>
@@ -218,18 +164,12 @@ <h2>Website<br/>
     </div>
     <ul class="details">
      <li class="author"><a href="https://github.com/kleutzinger">Kevin Leutzinger</a></li>
-     <li class="tags">
-      <ul>
-       <li><a href="#">Chrome Extension</a></li>
-       <li><a href="#">Javascript</a></li>
-      </ul>
-     </li>
     </ul>
    </div>
    <div class="description">
     <h1><a href="https://chrome.google.com/webstore/detail/better-challonge-results/nlmopkefkemlpdpfkgllbeifljhkfeno">Better Challonge Tournament Results</a></h1>
     <h2>Chrome Extension<br/> 
-     May 2017</h2>
+     May 2017<br/> <span>Javascript</span></h2>
     <p>This is an extension to <a href="https://challonge.com">Challonge.com</a>. It improves the results screen for a given tournament with statistics on each individual's performance and head to heads.</p>
     <p>
      <em>"Should honestly be integrated into the vanilla challonge website"</em><br> - 5 Star review</br>
@@ -238,249 +178,171 @@ <h2>Chrome Extension<br/>
    </div>
   </div>
   <div class="blog-card">
-   <div class="meta">
-    <div class="photo" style="background-image: url(https://cdn.kevbot.xyz/file/kevbot-cdn/screenshots/21zhecs.png)">
-    </div>
-    <ul class="details">
-     <li class="author"><a href="https://github.com/kleutzinger">Kevin Leutzinger</a></li>
-     <li class="tags">
-      <ul>
-       <li><a href="#">Chrome Extension</a></li>
-       <li><a href="#">Javascript</a></li>
-      </ul>
-     </li>
-    </ul>
-   </div>
-   <div class="description">
-    <h1><a href="">Fullsize Instagram Right Click</a></h1>
-    <h2>Chrome Extension<br/> 
-     Aug 2016</h2>
-    <p>Instagram images on the web are not clickable or saveable. Use this plugin to right click to open the image directly at high quality.<br/> 
-     Note: Instagram removed this extension from the chrome extension store because it was too cool for them to handle.</p>
-    <p class="read-more"><a href="https://github.com/kleutzinger/instagram-fullsize">| Source Code</a></p>
-   </div>
-  </div>
-  <div class="blog-card alt">
    <div class="meta">
     <div class="photo" style="background-image: url(https://cdn.kevbot.xyz/file/kevbot-cdn/screenshots/N7ZkAG0.png)">
     </div>
     <ul class="details">
      <li class="author"><a href="https://github.com/kleutzinger">Kevin Leutzinger</a></li>
-     <li class="tags">
-      <ul>
-       <li><a href="#">Chrome Extension</a></li>
-       <li><a href="#">Javascript</a></li>
-      </ul>
-     </li>
     </ul>
    </div>
    <div class="description">
     <h1><a href="https://chrome.google.com/webstore/detail/youtube-now-playing-descr/cclaiidhllljekopicenflhhkdkckkbl">Youtube "Now Playing"</a></h1>
     <h2>Chrome Extension<br/> 
-     Feb 2018</h2>
+     Feb 2018<br/> <span>Javascript</span></h2>
     <p>Longer youtube videos often have their sections laid out in the video description. As the video plays, this plugin displays the current section and allows skipping forward and back between sections.</p>
     <p class="read-more"><a href="https://chrome.google.com/webstore/detail/youtube-now-playing-descr/cclaiidhllljekopicenflhhkdkckkbl">| Open</a></p>
    </div>
   </div>
-  <div class="blog-card">
+  <div class="blog-card alt">
    <div class="meta">
     <div class="photo" style="background-image: url(https://cdn.kevbot.xyz/file/kevbot-cdn/screenshots/OCqXrtl.png)">
     </div>
     <ul class="details">
      <li class="author"><a href="https://github.com/kleutzinger">Kevin Leutzinger</a></li>
-     <li class="tags">
-      <ul>
-       <li><a href="#">git</a></li>
-       <li><a href="#">yadm</a></li>
-      </ul>
-     </li>
     </ul>
    </div>
    <div class="description">
     <h1><a href="https://github.com/kleutzinger/dotfiles#readme">Kevin's Arch Linux dotfiles</a></h1>
     <h2>Config<br/> 
-     Jan 2021</h2>
+     Jan 2021<br/> <span>git, yadm</span></h2>
     <p>Explore all the files I use to configure my Arch Linux Laptop.</p>
     <p class="read-more"><a href="https://github.com/kleutzinger/dotfiles#readme">| Open</a></p>
    </div>
   </div>
-  <div class="blog-card alt">
+  <div class="blog-card">
    <div class="meta">
     <div class="photo" style="background-image: url(https://cdn.kevbot.xyz/file/kevbot-cdn/screenshots/5fUSUVJ.png)">
     </div>
     <ul class="details">
      <li class="author"><a href="https://github.com/kleutzinger">Kevin Leutzinger</a></li>
-     <li class="tags">
-      <ul>
-       <li><a href="#">Python</a></li>
-       <li><a href="#">Lektor</a></li>
-       <li><a href="#">dokku</a></li>
-       <li><a href="#">docker</a></li>
-      </ul>
-     </li>
     </ul>
    </div>
    <div class="description">
     <h1><a href="https://kevbot.xyz/">kevbot.xyz</a></h1>
     <h2>Website<br/> 
-     Oct 2020</h2>
+     Oct 2020<br/> <span>Python, Lektor, Dokku, Docker</span></h2>
     <p>My other site featuring a blog and even more projects of mine.</p>
     <p class="read-more"><a href="https://github.com/kleutzinger/lektor-blog">| Source Code</a><a href="https://kevbot.xyz/">| Open</a></p>
    </div>
   </div>
-  <div class="blog-card">
+  <div class="blog-card alt">
    <div class="meta">
     <div class="photo" style="background-image: url(https://cdn.kevbot.xyz/file/kevbot-cdn/screenshots/eo0zqmi.png)">
     </div>
     <ul class="details">
      <li class="author"><a href="https://github.com/kleutzinger">Kevin Leutzinger</a></li>
-     <li class="tags">
-      <ul></ul>
-     </li>
     </ul>
    </div>
    <div class="description">
     <h1><a href="">DIY Rectangle Controller</a></h1>
     <h2>Hardware<br/> 
-     May 2022</h2>
-    <p>Homemade "rectangle"-style controller to play Super Smash Bros Melee on PC and Gamecube/Wii. This is an ergonomic alternative to the standardGamecube controller. It works on both pc and console.</p>
+     May 2022<br/> <span>Raspberry Pi Pico</span></h2>
+    <p>Homemade "rectangle"-style controller to play Super Smash Bros Melee on Gamecube/Wii. This is an ergonomic alternative to the standard Gamecube controller. It works on both PC and console.</p>
     <p class="read-more"><a href="https://docs.google.com/document/d/1ghh1K2DEtPpqfF3jOtAsY1XcohuA7enjkYF7_MLG39k/edit#heading=h.qkq85fhrrorr">| Readme</a></p>
    </div>
   </div>
-  <div class="blog-card alt">
+  <div class="blog-card">
    <div class="meta">
     <div class="photo" style="background-image: url(https://cdn.kevbot.xyz/file/kevbot-cdn/screenshots/NWkhULd.png)">
     </div>
     <ul class="details">
      <li class="author"><a href="https://github.com/kleutzinger">Kevin Leutzinger</a></li>
-     <li class="tags">
-      <ul></ul>
-     </li>
     </ul>
    </div>
    <div class="description">
     <h1><a href="https://docs.google.com/spreadsheets/d/1-rj-k-gLWUize_fYmlGVH0zFkBLa14U6nMMonNEkraE/edit#gid=854185296">Norcal Melee Data Tracker</a></h1>
     <h2>Data<br/> 
-     Jun 2023</h2>
+     Jun 2023<br/> <span>Python, Gsheets</span></h2>
     <p>Norcal has a competitive Super Smash Bros. Melee scene. We play in person tournaments against each other and we calculate seasonal player rankings data within our region. This is an auto-updating scraper and google sheet that keeps track of our wins, losses, and head to heads in the curernt ranking period. I'm Kevbot on there :D.</p>
     <p class="read-more"><a href="https://github.com/kleutzinger/norcal-ssbm-power-ranker-pgstats.com">| Source Code</a><a href="https://docs.google.com/spreadsheets/d/1-rj-k-gLWUize_fYmlGVH0zFkBLa14U6nMMonNEkraE/edit#gid=854185296">| Open</a></p>
    </div>
   </div>
-  <div class="blog-card">
+  <div class="blog-card alt">
    <div class="meta">
     <div class="photo" style="background-image: url(https://cdn.kevbot.xyz/file/kevbot-cdn/screenshots/vqwhWcK.png)">
     </div>
     <ul class="details">
      <li class="author"><a href="https://github.com/kleutzinger">Kevin Leutzinger</a></li>
-     <li class="tags">
-      <ul>
-       <li><a href="#">Javascript</a></li>
-      </ul>
-     </li>
     </ul>
    </div>
    <div class="description">
     <h1><a href="https://www.kevinleutzinger.com/surviveSRC/">Survive SRC Game</a></h1>
     <h2>Web Game<br/> 
-     Apr 2014</h2>
+     Apr 2014<br/> <span>Javascript</span></h2>
     <p>An HTML5 game where you try to survive the onslaught of students from Simon's Rock College. Use the arrow keys. Best played on a desktop browser. This was quite a hit at the school (circa 2014).</p>
     <p class="read-more"><a href="https://github.com/kleutzinger/kleutzinger.github.io/tree/master/surviveSRC">| Source Code</a><a href="https://www.kevinleutzinger.com/surviveSRC/">| Open</a></p>
    </div>
   </div>
-  <div class="blog-card alt">
+  <div class="blog-card">
    <div class="meta">
     <div class="photo" style="background-image: url(https://cdn.kevbot.xyz/file/kevbot-cdn/screenshots/6dV2Wfl.png)">
     </div>
     <ul class="details">
      <li class="author"><a href="https://github.com/kleutzinger">Kevin Leutzinger</a></li>
-     <li class="tags">
-      <ul>
-       <li><a href="#">Javascript</a></li>
-      </ul>
-     </li>
     </ul>
    </div>
    <div class="description">
     <h1><a href="https://github.com/kleutzinger/userscripts#readme">Userscripts Repo</a></h1>
     <h2>Utility<br/> 
-     Feb 2023</h2>
+     Feb 2023<br/> <span>Javascript</span></h2>
     <p>My list of custom made userscripts which can execute on your browser. They are like chrome extensions, but you can rapidly develop them.</p>
     <p class="read-more"><a href="https://github.com/kleutzinger/userscripts#readme">| Open</a><a href="https://github.com/kleutzinger/userscripts#readme">| Readme</a></p>
    </div>
   </div>
-  <div class="blog-card">
+  <div class="blog-card alt">
    <div class="meta">
     <div class="photo" style="background-image: url(https://cdn.kevbot.xyz/file/kevbot-cdn/screenshots/5jq3Hld.png)">
     </div>
     <ul class="details">
      <li class="author"><a href="https://github.com/kleutzinger">Kevin Leutzinger</a></li>
-     <li class="tags">
-      <ul>
-       <li><a href="#">Python</a></li>
-      </ul>
-     </li>
     </ul>
    </div>
    <div class="description">
     <h1><a href="https://steam-tags.kevbot.xyz/">Steam Tags Popularity Game</a></h1>
     <h2>Game<br/> 
-     Jun 2023</h2>
+     Jun 2023<br/> <span>Python, Streamlit</span></h2>
     <p>Guess which Steam game tag is more popular to publish. Are there more FPS or strategy games?</p>
     <p class="read-more"><a href="https://github.com/kleutzinger/steam-tags">| Source Code</a><a href="https://steam-tags.kevbot.xyz/">| Open</a><a href="https://github.com/kleutzinger/steam-tags#readme">| Readme</a></p>
    </div>
   </div>
-  <div class="blog-card alt">
+  <div class="blog-card">
    <div class="meta">
     <div class="photo" style="background-image: url(https://cdn.kevbot.xyz/file/kevbot-cdn/screenshots/UJbu9dr.png)">
     </div>
     <ul class="details">
      <li class="author"><a href="https://github.com/kleutzinger">Kevin Leutzinger</a></li>
-     <li class="tags">
-      <ul>
-       <li><a href="#">Javascript</a></li>
-      </ul>
-     </li>
     </ul>
    </div>
    <div class="description">
     <h1><a href="https://clipyt.kevbot.xyz/#VQBbHzypBro+71+79+VQBbHzypBro+140+146+pZwvLFhYUL0+129+133+hGY44DIQb-A+81+92+MdcuaeYV9oM+164+177+IydCCUfPDLE+11+34+Interesting_Videos">Clipyt</a></h1>
     <h2>Website<br/> 
-     May 2017</h2>
+     May 2017<br/> <span>Javascript</span></h2>
     <p>Combine subsections of youtube videos together for sharing. Supports combining multiple video sources.</p>
     <p class="read-more"><a href="https://github.com/kleutzinger/clipyt.me/">| Source Code</a><a href="https://clipyt.kevbot.xyz/#VQBbHzypBro+71+79+VQBbHzypBro+140+146+pZwvLFhYUL0+129+133+hGY44DIQb-A+81+92+MdcuaeYV9oM+164+177+IydCCUfPDLE+11+34+Interesting_Videos">| Open</a></p>
    </div>
   </div>
-  <div class="blog-card">
+  <div class="blog-card alt">
    <div class="meta">
     <div class="photo" style="background-image: url(https://cdn.kevbot.xyz/file/kevbot-cdn/screenshots/CU2c5QN.png)">
     </div>
     <ul class="details">
      <li class="author"><a href="https://github.com/kleutzinger">Kevin Leutzinger</a></li>
-     <li class="tags">
-      <ul>
-       <li><a href="#">Python</a></li>
-       <li><a href="#">Pygame</a></li>
-      </ul>
-     </li>
     </ul>
    </div>
    <div class="description">
     <h1><a href="https://repl.it/@thedookmaster/serpent2py">serpent2.py</a></h1>
     <h2>Desktop Game<br/> 
-     Oct 2013</h2>
+     Oct 2013<br/> <span>Python, Pygame</span></h2>
     <p>A version of snake where you can pass through yourself.</p>
     <p class="read-more"><a href="https://repl.it/@thedookmaster/serpent2py">| Open</a></p>
    </div>
   </div>
-  <div class="blog-card alt">
+  <div class="blog-card">
    <div class="meta">
     <div class="photo" style="background-image: url(https://cdn.kevbot.xyz/file/kevbot-cdn/screenshots/modernized-games.png)">
     </div>
     <ul class="details">
      <li class="author"><a href="https://github.com/kleutzinger">Kevin Leutzinger</a></li>
-     <li class="tags">
-      <ul></ul>
-     </li>
     </ul>
    </div>
    <div class="description">
@@ -491,24 +353,35 @@ <h2>Data<br/>
     <p class="read-more"><a href="https://docs.google.com/spreadsheets/d/1lej6intvIrjFEqVxlerSIlFGjblJnv7nRYbs-fJ3FQU/edit?usp=sharing">| Open</a></p>
    </div>
   </div>
+  <div class="blog-card alt">
+   <div class="meta">
+    <div class="photo" style="background-image: url(https://cdn.kevbot.xyz/file/kevbot-cdn/screenshots/21zhecs.png)">
+    </div>
+    <ul class="details">
+     <li class="author"><a href="https://github.com/kleutzinger">Kevin Leutzinger</a></li>
+    </ul>
+   </div>
+   <div class="description">
+    <h1><a href="">Fullsize Instagram Right Click</a></h1>
+    <h2>Chrome Extension<br/> 
+     Aug 2016<br/> <span>Javascript</span></h2>
+    <p>Instagram images on the web are not clickable or saveable. Use this plugin to right click to open the image directly at high quality.<br/> 
+     Note: Instagram removed this extension from the chrome extension store because it was too cool for them to handle.</p>
+    <p class="read-more"><a href="https://github.com/kleutzinger/instagram-fullsize">| Source Code</a></p>
+   </div>
+  </div>
   <div class="blog-card">
    <div class="meta">
     <div class="photo" style="background-image: url(https://cdn.kevbot.xyz/file/kevbot-cdn/screenshots/5uhbBoC.png)">
     </div>
     <ul class="details">
      <li class="author"><a href="https://github.com/kleutzinger">Kevin Leutzinger</a></li>
-     <li class="tags">
-      <ul>
-       <li><a href="#">Chrome Extension</a></li>
-       <li><a href="#">Javascript</a></li>
-      </ul>
-     </li>
     </ul>
    </div>
    <div class="description">
     <h1><a href="https://chrome.google.com/webstore/detail/twitch-pause-resume-live/bfgebolngkajgakbhhfdhgdldmjmiebe">Twitch.tv Pause Live</a></h1>
     <h2>Chrome Extension<br/> 
-     Jan 2019</h2>
+     Jan 2019<br/> <span>Javascript</span></h2>
     <p><a href="https://twitch.tv">Twitch.tv</a> is a video game live streaming platform. This extension allows viewers to store a bookmark during the middle of a live broadcast and resume watching later at their convenience.</p>
     <p class="read-more"><a href="https://chrome.google.com/webstore/detail/twitch-pause-resume-live/bfgebolngkajgakbhhfdhgdldmjmiebe">| Open</a></p>
    </div>
diff --git a/site-generator/generate.py b/site-generator/generate.py
index 0778de5..96a39d0 100644
--- a/site-generator/generate.py
+++ b/site-generator/generate.py
@@ -57,21 +57,12 @@ def generate_css():
                 w.truncate()
 
 
-def gen_tags(project):
+def gen_technologies(project):
     "display tags over picture when card is hovered"
     tag_list = project.get("technologies", [])
-    if tag_list == "":
+    if not tag_list:
         return ""
-    LIS = "\n".join([f'<li><a href="#">{text}</a></li>' for text in tag_list])
-    out = f"""
-        <li class="tags">
-          <ul>
-            {LIS}
-          </ul>
-        </li>
-    """
-    return out
-
+    return "<span>" + ", ".join(tag_list) + "</span>"
 
 def get_date(project):
     if "date_created" in project:
@@ -96,7 +87,10 @@ def gen_subtitle(project):
     sub_date = get_date(project)
     if sub_date:
         sub_date = "<br>" + sub_date
-    templ = f"<h2>{sub_text}{sub_date}</h2>"
+    technologies = gen_technologies(project)
+    if technologies:
+        technologies = "<br>" + technologies
+    templ = f"<h2>{sub_text}{sub_date}{technologies}</h2>"
     return templ
 
 
@@ -121,7 +115,6 @@ def gen_card_html(project, is_alt_card=False):
     main_link = a(title, href=main_url)
 
     alt_class = "alt" * is_alt_card
-    hover_tags = gen_tags(project)
 
     project_card = f"""\
     <div class="blog-card {alt_class}">
@@ -129,11 +122,10 @@ def gen_card_html(project, is_alt_card=False):
       <div class="photo" style="background-image: url({screenshot_url})"></div>
       <ul class="details">
         <li class="author"><a href="https://github.com/kleutzinger">Kevin Leutzinger</a></li>
-        {hover_tags}
       </ul>
     </div>
     <div class="description">
-      <h1>{main_link}</h1>
+      <h1>{main_link} </h1>
       {subtitle}
       {description}
       <p class="read-more">
diff --git a/site-generator/generated/projects.json b/site-generator/generated/projects.json
index 9a7e634..1630d60 100644
--- a/site-generator/generated/projects.json
+++ b/site-generator/generated/projects.json
@@ -37,8 +37,7 @@
     "youtube": "#",
     "technologies": [
       "Python",
-      "Node.js",
-      "eel"
+      "Eel"
     ],
     "special_story": "Made with aaron, coolest thing i've made thus far",
     "collaborators": "Aaron Santiago"
@@ -67,8 +66,7 @@
     ],
     "technologies": [
       "Python",
-      "Node.js",
-      "eel"
+      "Eel"
     ],
     "special_story": "Made with aaron, coolest thing i've made thus far",
     "collaborators": "Aaron Santiago"
@@ -95,7 +93,6 @@
       "random"
     ],
     "technologies": [
-      "Chrome Extension",
       "Javascript"
     ],
     "i_learned": [
@@ -156,7 +153,7 @@
     "technologies": [
       "Node.js",
       "Redis",
-      "express"
+      "Express"
     ],
     "i_learned": [
       "Redis"
@@ -256,7 +253,6 @@
     "date_created": "2017-05-15",
     "screenshot_url": "https://cdn.kevbot.xyz/file/kevbot-cdn/screenshots/dZhtUAf.png",
     "technologies": [
-      "Chrome Extension",
       "Javascript"
     ],
     "i_learned": [
@@ -271,8 +267,8 @@
     "identifiers": [
       "fullsize-instagram-right-click"
     ],
-    "star_rating": 3,
-    "shine_rating": 5,
+    "star_rating": 2,
+    "shine_rating": 2,
     "medium": "Chrome Extension",
     "tags": [
       "crx",
@@ -287,7 +283,6 @@
       "random"
     ],
     "technologies": [
-      "Chrome Extension",
       "Javascript"
     ],
     "i_learned": [
@@ -339,6 +334,9 @@
       "kl"
     ],
     "youtube": "https://youtu.be/1WCsfcQgjk8",
+    "technologies": [
+      "Openshot"
+    ],
     "i_learned": [
       "Openshot",
       "A/V syncing"
@@ -362,7 +360,6 @@
     "date_created": "2018-02-15",
     "screenshot_url": "https://cdn.kevbot.xyz/file/kevbot-cdn/screenshots/N7ZkAG0.png",
     "technologies": [
-      "Chrome Extension",
       "Javascript"
     ],
     "i_learned": [
@@ -616,6 +613,9 @@
     "omit_from": [
       "kl",
       "random"
+    ],
+    "technologies": [
+      "Gsheets"
     ]
   },
   {
@@ -637,6 +637,9 @@
     "screenshot_url": "https://cdn.kevbot.xyz/file/kevbot-cdn/screenshots/mqMq1C1.png",
     "omit_from": [
       "kl"
+    ],
+    "technologies": [
+      "Javascript"
     ]
   },
   {
@@ -687,10 +690,6 @@
     "screenshot_url": "https://cdn.kevbot.xyz/file/kevbot-cdn/screenshots/FN7pSZ9.png",
     "omit_from": [
       "kl"
-    ],
-    "technologies": [
-      "Practice",
-      "GC Controller"
     ]
   },
   {
@@ -714,8 +713,8 @@
     "technologies": [
       "Python",
       "Lektor",
-      "dokku",
-      "docker"
+      "Dokku",
+      "Docker"
     ]
   },
   {
@@ -797,10 +796,6 @@
     "omit_from": [
       "kl",
       "kb"
-    ],
-    "technologies": [
-      "Exercise",
-      "Eating Habits"
     ]
   },
   {
@@ -818,10 +813,6 @@
     "omit_from": [
       "kl",
       "kb"
-    ],
-    "technologies": [
-      "Pizza",
-      "Money"
     ]
   },
   {
@@ -897,7 +888,8 @@
       "kl"
     ],
     "technologies": [
-      "Web"
+      "HTML",
+      "Javascript"
     ]
   },
   {
@@ -950,7 +942,6 @@
       "kl"
     ],
     "technologies": [
-      "Firmware",
       "Arduino"
     ]
   },
@@ -992,11 +983,14 @@
       "melee"
     ],
     "readme_url": "https://docs.google.com/document/d/1ghh1K2DEtPpqfF3jOtAsY1XcohuA7enjkYF7_MLG39k/edit#heading=h.qkq85fhrrorr",
-    "web_description": "Homemade \"rectangle\"-style controller to play Super Smash Bros Melee on PC and Gamecube/Wii. This is an ergonomic alternative to the standardGamecube controller. It works on both pc and console.",
+    "web_description": "Homemade \"rectangle\"-style controller to play Super Smash Bros Melee on Gamecube/Wii. This is an ergonomic alternative to the standard Gamecube controller. It works on both PC and console.",
     "date_created": "2022-05-01",
     "screenshot_url": "https://cdn.kevbot.xyz/file/kevbot-cdn/screenshots/eo0zqmi.png",
     "omit_from": [
       "random"
+    ],
+    "technologies": [
+      "Raspberry Pi Pico"
     ]
   },
   {
@@ -1020,9 +1014,8 @@
       "random"
     ],
     "technologies": [
-      "js",
-      "express",
-      "node"
+      "Express",
+      "Node.js"
     ]
   },
   {
@@ -1045,8 +1038,8 @@
       "kb"
     ],
     "technologies": [
-      "github actions",
-      "python"
+      "Github Actions",
+      "Python"
     ],
     "special_story": "i had been working on github actions all week via squid cloud. so i made this on saturday"
   },
@@ -1083,6 +1076,9 @@
     "screenshot_url": "https://cdn.kevbot.xyz/file/kevbot-cdn/screenshots/30UcUyS.png",
     "omit_from": [
       "kl"
+    ],
+    "technologies": [
+      "Haxe"
     ]
   },
   {
@@ -1105,7 +1101,8 @@
     "date_created": "2023-06-03",
     "screenshot_url": "https://cdn.kevbot.xyz/file/kevbot-cdn/screenshots/5jq3Hld.png",
     "technologies": [
-      "Python"
+      "Python",
+      "Streamlit"
     ],
     "i_learned": [
       "Pywebio is a pretty easy way to make basic interactive sites"
@@ -1127,7 +1124,11 @@
     "demo_url": "https://docs.google.com/spreadsheets/d/1-rj-k-gLWUize_fYmlGVH0zFkBLa14U6nMMonNEkraE/edit#gid=854185296",
     "web_description": "Norcal has a competitive Super Smash Bros. Melee scene. We play in person tournaments against each other and we calculate seasonal player rankings data within our region. This is an auto-updating scraper and google sheet that keeps track of our wins, losses, and head to heads in the curernt ranking period. I'm Kevbot on there :D.",
     "date_created": "2023-06-20",
-    "screenshot_url": "https://cdn.kevbot.xyz/file/kevbot-cdn/screenshots/NWkhULd.png"
+    "screenshot_url": "https://cdn.kevbot.xyz/file/kevbot-cdn/screenshots/NWkhULd.png",
+    "technologies": [
+      "Python",
+      "Gsheets"
+    ]
   },
   {
     "_id": 47,
@@ -1150,9 +1151,9 @@
     "screenshot_url": "https://cdn.kevbot.xyz/file/kevbot-cdn/screenshots/workout-scrot.png",
     "technologies": [
       "HTMX",
-      "handlebars",
-      "Nodejs",
-      "sqlite"
+      "Node.js",
+      "SQLite",
+      "Handlebars"
     ],
     "i_learned": [
       "how great htmx is"