Add Post "Project Facelift, New and Old"

Also committed some other unrelated code that doesn't have any particular effect.
This commit is contained in:
Xevion
2022-02-27 01:41:20 -06:00
parent 28bd1e19ec
commit 00a875509e
4 changed files with 97 additions and 11 deletions

View File

@@ -9,17 +9,17 @@ hide_header: true
<h1 style="margin-bottom: 0.15em;">About</h1> <h1 style="margin-bottom: 0.15em;">About</h1>
{{ content }} {{ content }}
</div> </div>
<!-- <div class="column">--> <div class="column">
<!-- <figure class="photo" style="height: 100%;">--> <!-- <figure class="photo" style="height: 100%;">-->
<!-- <img--> <!-- <img-->
<!-- data-zoomable--> <!-- data-zoomable-->
<!-- loading="lazy"--> <!-- loading="lazy"-->
<!-- src="{{ site.baseurl }}{{ page.photo }}"/>--> <!-- src="{{ site.baseurl }}{{ page.photo }}"/>-->
<!-- <figcaption>--> <!-- <figcaption>-->
<!-- <a href="https://www.instagram.com/chappiehd_ttv/">Not me, but my photo.</a>--> <!-- <a href="https://www.instagram.com/chappiehd_ttv/">Not me, but my photo.</a>-->
<!-- </figcaption>--> <!-- </figcaption>-->
<!-- </figure>--> <!-- </figure>-->
<!-- </div>--> </div>
</div> </div>
{{ page.bottom_content }} {{ page.bottom_content }}

View File

@@ -41,6 +41,7 @@ layout: compress
html, body { html, body {
visibility: hidden; visibility: hidden;
} }
{% if page.wide or layout.wide %} {% if page.wide or layout.wide %}
body { body {
max-width: 60em !important; max-width: 60em !important;
@@ -55,6 +56,8 @@ layout: compress
<a href="/about/">~/about/</a> : <a href="/about/">~/about/</a> :
<a href="/projects/">~/projects/</a> <a href="/projects/">~/projects/</a>
</nav> </nav>
{% if page.hide_header or layout.hide_header %}
{% else %}
{% if page.title %} {% if page.title %}
{% if page.date %} {% if page.date %}
{% if page._link %} {% if page._link %}
@@ -70,6 +73,7 @@ layout: compress
<h1>{{ page.title }}</h1> <h1>{{ page.title }}</h1>
{% endif %} {% endif %}
{% endif %} {% endif %}
{% endif %}
{% if page.date %} {% if page.date %}
<p><i> <p><i>

View File

@@ -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]!
<video autoplay muted>
<source src="/assets/img/power-math-demonstration.mp4" type="video/mp4">
</video>
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

View File

Binary file not shown.