Project Facelift, New and Old

 projects photography update

Through December, I decided to make heavy visual changes to many of my biggest projects, creating custom banners, of which I am quite proud…

/Paths/ Banner

The most advanced of them, the cells in the background are designed to mimic the real Paths project as closely as possible. The angled gradient stroke on the text helps break up the text on the background with all

If you want to see the SVG form, Adobe Illustrator exports it perfectly! It’s a shame though, not all browsers support it, as I figured out on my laptop shortly after using a SVG.

/phototag/ Banner

Besides being my first major project, this banner means something personal to me as every one of those photos in the background are mine. I took them with my own camera. You can find every single one on my photography portfolio.

/Boids/ Banner

The first banner I designed, I’m still not exactly happy with how it came out, but regardless, it works well enough I guess.

/power-math/ Banner

A very simple banner indeed.

/contest/ Banner

Yeah, I’m not super proud of this one either.

To be clear, I am not normally a graphic designer - HTML & CSS is something I struggle with for hours and hours trying to get right (I hope my efforts have paid off in all that you see), so making designs like this was both a challenge and a learning experience like no other.

I’m so happy I did it, and I hope those who see it see the work I put in to make my projects look good. Fingers crossed I return to Illustrator for every major project.


I created power-math in order to create a method for me to practice simple and fast arithmetic problems among others. I designed it with LaTeX rendering in mind, to give it that feel of ‘reality’ other fonts can’t give. Once again, another dark theme app since I’m lazy and don’t know how to do light themes.

Using Vue sped this process up a lot, and very quickly I had a working application with awesome visuals and animations. Additionally, since the project is completely client-side, so you can practice with it yourself!

I’m probably embarrassing myself quite a bit here with how slow I am - I wasn’t kidding when I said I made this project so I could get better!

power-math settings The project is setup to support many different kinds of problems, each with their own difficulty settings, as well as the ability to completely disable them. On top of that, by hovering over each level of difficulty, you can preview what a problem might look like, latex supported!


This post was not posted on time correctly, so if anything seems out of place - that’s why. I attempted to refurbish it so things read cleaner and aren’t out of place, but I’m not perfect working at 1:40AM in the morning.


Atom | #9c6927a