mirror of
https://github.com/Xevion/v2.xevion.dev.git
synced 2025-12-10 02:09:04 -06:00
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:
@@ -9,17 +9,17 @@ hide_header: true
|
||||
<h1 style="margin-bottom: 0.15em;">About</h1>
|
||||
{{ content }}
|
||||
</div>
|
||||
<!-- <div class="column">-->
|
||||
<!-- <figure class="photo" style="height: 100%;">-->
|
||||
<!-- <img-->
|
||||
<!-- data-zoomable-->
|
||||
<!-- loading="lazy"-->
|
||||
<!-- src="{{ site.baseurl }}{{ page.photo }}"/>-->
|
||||
<!-- <figcaption>-->
|
||||
<!-- <a href="https://www.instagram.com/chappiehd_ttv/">Not me, but my photo.</a>-->
|
||||
<!-- </figcaption>-->
|
||||
<!-- </figure>-->
|
||||
<!-- </div>-->
|
||||
<div class="column">
|
||||
<!-- <figure class="photo" style="height: 100%;">-->
|
||||
<!-- <img-->
|
||||
<!-- data-zoomable-->
|
||||
<!-- loading="lazy"-->
|
||||
<!-- src="{{ site.baseurl }}{{ page.photo }}"/>-->
|
||||
<!-- <figcaption>-->
|
||||
<!-- <a href="https://www.instagram.com/chappiehd_ttv/">Not me, but my photo.</a>-->
|
||||
<!-- </figcaption>-->
|
||||
<!-- </figure>-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ page.bottom_content }}
|
||||
|
||||
@@ -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
|
||||
<a href="/about/">~/about/</a> :
|
||||
<a href="/projects/">~/projects/</a>
|
||||
</nav>
|
||||
{% if page.hide_header or layout.hide_header %}
|
||||
{% else %}
|
||||
{% if page.title %}
|
||||
{% if page.date %}
|
||||
{% if page._link %}
|
||||
@@ -70,6 +73,7 @@ layout: compress
|
||||
<h1>{{ page.title }}</h1>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% if page.date %}
|
||||
<p><i>
|
||||
|
||||
82
_posts/2021-02-25-project-facelift-new-and-old.md
Normal file
82
_posts/2021-02-25-project-facelift-new-and-old.md
Normal 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
|
||||
BIN
assets/img/power-math-demonstration.mp4
Normal file
BIN
assets/img/power-math-demonstration.mp4
Normal file
Binary file not shown.
Reference in New Issue
Block a user