diff --git a/_layouts/about.html b/_layouts/about.html index 01e8ad1..24abe12 100644 --- a/_layouts/about.html +++ b/_layouts/about.html @@ -9,17 +9,17 @@ hide_header: true

About

{{ content }} - - - - - - - - - - - +
+ + + + + + + + + +
{{ page.bottom_content }} diff --git a/_layouts/default.html b/_layouts/default.html index 04cc5b3..80cf248 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -41,6 +41,7 @@ layout: compress html, body { visibility: hidden; } + {% if page.wide or layout.wide %} body { max-width: 60em !important; @@ -55,6 +56,8 @@ layout: compress ~/about/ : ~/projects/ +{% if page.hide_header or layout.hide_header %} +{% else %} {% if page.title %} {% if page.date %} {% if page._link %} @@ -70,6 +73,7 @@ layout: compress

{{ page.title }}

{% endif %} {% endif %} +{% endif %} {% if page.date %}

diff --git a/_posts/2021-02-25-project-facelift-new-and-old.md b/_posts/2021-02-25-project-facelift-new-and-old.md new file mode 100644 index 0000000..c510faf --- /dev/null +++ b/_posts/2021-02-25-project-facelift-new-and-old.md @@ -0,0 +1,82 @@ +--- +layout: default +title: Project Facelift, New and Old +date: 2021-02-25 16:41:41 -0600 +tags: photography update +--- + +To be honest, I haven't been keeping up with any of my projects and I've grown complacent when it comes to Software Engineering. I'm not progressing, +and I can feel that part of me wasting away, so I wouldn't look to this post for a grand new project or anything. + +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][paths-banner]][paths] + +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][paths-svg], Adobe Illustrator exports it perfectly! +It's a shame though, [not all browsers support it][paths-svg-glitch], as I figured out on my laptop shortly after using a SVG. + +[![/phototag/ Banner][phototag-banner]][phototag] + +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][photography-portfolio]. + +[![/Boids/ Banner][boids-banner]][boids] + +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][power-math-banner]][power-math] + +A very simple banner indeed. + +[![/contest/ Banner][contest-banner]][contest] + +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**][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][power-math-pages]! + + +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][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. + +[paths]: https://github.com/Xevion/Paths +[paths-banner]: https://raw.githubusercontent.com/Xevion/Paths/master/.media/banner.png +[paths-svg]: https://raw.githubusercontent.com/Xevion/Paths/master/.media/banner.svg +[paths-svg-glitch]: https://i.imgur.com/ynZ5vqy.png +[phototag-banner]: https://raw.githubusercontent.com/Xevion/phototag/master/.media/banner.png +[phototag]: https://github.com/Xevion/phototag +[boids]: https://github.com/Xevion/Boids +[boids-banner]: https://raw.githubusercontent.com/Xevion/Boids/master/.media/banner.png +[power-math]: https://github.com/Xevion/power-math/ +[power-math-banner]: https://raw.githubusercontent.com/Xevion/power-math/master/.media/banner.png +[contest]: https://github.com/Xevion/contest +[contest-banner]: https://raw.githubusercontent.com/Xevion/contest/master/.media/banner.png + +[photography-portfolio]: https://www.rcw.photos/ +[power-math-pages]: https://xevion.github.io/power-math/ +[power-math-video]: /assets/img/power-math-demonstration.mp4 +[power-math-settings]: /assets/img/power-math-settings.png diff --git a/assets/img/power-math-demonstration.mp4 b/assets/img/power-math-demonstration.mp4 new file mode 100644 index 0000000..742f371 Binary files /dev/null and b/assets/img/power-math-demonstration.mp4 differ