From 55ced0093cd9b48a94ce1c2207aeb6710b2e75c0 Mon Sep 17 00:00:00 2001 From: Cutieguwu Date: Tue, 29 Jul 2025 21:24:33 -0400 Subject: [PATCH] Add blog to website. --- build.sh | 2 + src/blog.html | 35 ++++++++ src/blog/0_divergent_pathways.html | 126 +++++++++++++++++++++++++++ src/blog/style.scss | 3 + src/feed/rss.xml | 21 +++++ src/includes/blog_recent_posts.html | 14 +++ src/includes/nav_quick_links.html | 28 ++---- src/partials/_a_chunk_list.scss | 2 +- src/partials/_a_common.scss | 4 +- src/partials/_a_pages.scss | 2 + src/partials/_a_quick_links.scss | 8 +- src/partials/_a_tailer.scss | 6 ++ src/partials/_blog_recent_posts.scss | 7 ++ src/partials/_nav_quick_links.scss | 35 ++++++-- src/partials/_pane_blog.scss | 52 +++++++++++ src/partials/_pane_main.scss | 3 +- src/partials/_pane_spacer.scss | 5 +- src/templates/blog_post.html | 40 +++++++++ 18 files changed, 355 insertions(+), 38 deletions(-) create mode 100644 src/blog.html create mode 100644 src/blog/0_divergent_pathways.html create mode 100644 src/blog/style.scss create mode 100644 src/feed/rss.xml create mode 100644 src/includes/blog_recent_posts.html create mode 100644 src/partials/_blog_recent_posts.scss create mode 100644 src/partials/_pane_blog.scss create mode 100644 src/templates/blog_post.html diff --git a/build.sh b/build.sh index dee0cd4..1753759 100755 --- a/build.sh +++ b/build.sh @@ -26,6 +26,7 @@ do files=(`ls src/*.html`) files+=(`ls src/errors/*.html`) + files+=(`ls src/blog/*.html`) for html in "${files[@]}" do @@ -41,6 +42,7 @@ do files=( 'style' 'errors/style' + 'blog/style' ) for stylesheet in "${files[@]}" diff --git a/src/blog.html b/src/blog.html new file mode 100644 index 0000000..a46d271 --- /dev/null +++ b/src/blog.html @@ -0,0 +1,35 @@ + + + + + Blog | Cutieguwu + + + +
+ +
+
+

Blog

+

I have an RSS feed!

+

Just look for the RSS Quick Link in the Navigation pane.

+
+ +
+
+ +

#AD

+
+
+ + + + diff --git a/src/blog/0_divergent_pathways.html b/src/blog/0_divergent_pathways.html new file mode 100644 index 0000000..7910cee --- /dev/null +++ b/src/blog/0_divergent_pathways.html @@ -0,0 +1,126 @@ + + + + + Divergent Pathways | Cutieguwu + + + +
+ +
+
+
+

Divergent Pathways

+

Posted: 29 July, 2025

+

Last Edited: 29 July, 2025

+
+
+

I can't say that this is how I wanted to start my blog.

+

+ Although, in all honesty, I didn't really have an idea for how I wanted + it to start. That's not to say I didn't know what I *didn't* want. A + meaningless 'Welcome to my Blog' filled with my hopes and aspirations + that inevitably would never come to light was something I knew I didn't + want. I figured it more likely for me to have a semi-respectful rant + about whatever's causing me to 'crash out' on that particular day. That + would certainly be in character for me. +

+

+ But no. Instead, I'm starting my blog on one of the last things I ever + expected to write about. +

+

Love.

+

Or rather, the passing of it due to life.

+

+ I've been in two relationships now. Both ended mutually, although what I + consider mutual may not be everyone else's. We came to see the same side + of things, and we understood that we couldn't sustain our lives + together. We're all still friends at the end. +

+

+ Me and my ex-boyfriend were struggling a lot with being able to see each + other. It's not like this relationship was geographically long distance; + we went to the same school. The distance came more from our schedules + and pathways. I have always been a relatively heavy academic. My parents + and teachers certainly made sure of that, and ultimately helped lead me + down a path of being the teacher's pet. Maybe I'll talk about my + experiences and struggles related to that another time, but the short of + it is that I am a high-acheiving workaholic as a result. My ex-boyfriend + on the other hand, didn't have that kind of an experience, and + ultimately was led down the college-level course stream in high school. +

+

+ Now, as I began to struggle in my fourth year, particularly with my + mathematics continuing their downwards trend, I decided that the life of + a software engineer wasn't for me. I turned around, almost on a dime, + and set myself towards a career in Psychology. Now, on the surface, this + may look like it would help with our scheduling issues, but no. While I + was studying at school, and desperately trying to keep up my grades, my + boyfriend would be doing a co-op elsewhere. Even when that ended at the + end of the term, the problem remained. I was too much of a workaholic. +

+

+ Ultimately, the break-up that I've just had has left me intent on not + spiralling downward. My first was rough on me, and I was not in a good + place for about a week. This time, we both kind of saw this coming. + Perhaps that makes it easier, but it still sucks for both of us. And, + why squander the motivation I have to better my self care, my habits, + and thus myself? I'm about to go into my first year of university. + Normally, I'm either scared of my inevitable death, or some past regret + of my life that chooses to grip me. But now, I'm also anxious for the + life ahead. +

+

+ So what does this all mean in terms of dating for me? Well, it leaves me + considering the idea that some people are meant to walk through life + alone. I'm at a point in my life where dating is probably not a great + idea for me. I struggle enough with burnout spells that adding + heartbreak on top would likely kill my education. +

+

+ On top of that are my concerns with online dating. Aside from data + privacy, breaches, and otherwise disgusting people who can't leave these + projects to be a good part of the internet, are the risks with being + trans. There are far too many stories, even if most of them are probably + from the US, of people 'trying it out' with a trans person. Ignoring how + slimy and disgusting you have to be to even do that without considering + the effects of those actions, the point of dating is for love (and to + meet societal expectations while seeking a dual income for the + household, among other things). +

+

+ To make it extra clear, love != sex. The point at the end of it isn't so + you can run home and shag every night--this isn't some 1960s Bond film. +

+

+ If you want to have kids, some trans people who are on HRT, may still be + able to if they've gone to the really awkward and expensive effort of + cryopreservation. +

+

+ Anyway, being someone who was a 'test run' is crushing. I certainly + don't want to run that risk, and other people are in the same boat. +

+

Given all this, I'll probably tough it out on my own for a while.

+
+
+ +
+
+ +

#AD

+
+
+ + + + diff --git a/src/blog/style.scss b/src/blog/style.scss new file mode 100644 index 0000000..55e1c86 --- /dev/null +++ b/src/blog/style.scss @@ -0,0 +1,3 @@ +@use "../partials/a_common"; + +@use "../partials/pane_blog"; diff --git a/src/feed/rss.xml b/src/feed/rss.xml new file mode 100644 index 0000000..d118c67 --- /dev/null +++ b/src/feed/rss.xml @@ -0,0 +1,21 @@ + + + + + Cutieguwu Yaps + https://www.cutieguwu.ca/ + Cutieguwu's blog where she discusses various things. + en-ca + Technology/IT/Life/Mental Health/Health + + Splitting Pathways + https://blog.cutieguwu.ca/0_divergent_pathways.html + Discussing my struggles in love. + Life + Mental Health + Health + + + + diff --git a/src/includes/blog_recent_posts.html b/src/includes/blog_recent_posts.html new file mode 100644 index 0000000..540a892 --- /dev/null +++ b/src/includes/blog_recent_posts.html @@ -0,0 +1,14 @@ +
+

Recent

+
+
+
+
+

Divergent Pathways

+ 29 July, 2025 +
+ View +
+
+
+
diff --git a/src/includes/nav_quick_links.html b/src/includes/nav_quick_links.html index 95a5a21..ff84202 100644 --- a/src/includes/nav_quick_links.html +++ b/src/includes/nav_quick_links.html @@ -1,34 +1,18 @@
- - - - + - + - + + + +
diff --git a/src/partials/_a_chunk_list.scss b/src/partials/_a_chunk_list.scss index 2ad6327..f3f65af 100644 --- a/src/partials/_a_chunk_list.scss +++ b/src/partials/_a_chunk_list.scss @@ -42,7 +42,7 @@ .status { align-self: center; white-space: nowrap; - margin-left: var(--spacing-horizontal); + margin-left: calc(var(--spacing-horizontal) * 2); text-decoration: none; font-size: 1.17rem; diff --git a/src/partials/_a_common.scss b/src/partials/_a_common.scss index 9f517bc..5dcacc9 100644 --- a/src/partials/_a_common.scss +++ b/src/partials/_a_common.scss @@ -1,5 +1,8 @@ +@use "a_chunk_list"; @use "a_footer"; +@use "a_layouts"; @use "a_quick_links"; +@use "a_pages"; @use "pane_main"; @use "pane_nav"; @@ -13,7 +16,6 @@ Odd numbers should be used as intermediate colours between the fore and back elements. Excepting white--white's special. Eg. Current dropdown menu. - */ font-size: var(--font-size-generic); diff --git a/src/partials/_a_pages.scss b/src/partials/_a_pages.scss index c6862af..3b8d357 100644 --- a/src/partials/_a_pages.scss +++ b/src/partials/_a_pages.scss @@ -1 +1,3 @@ +@use "blog_recent_posts"; + @use "page_resume"; diff --git a/src/partials/_a_quick_links.scss b/src/partials/_a_quick_links.scss index db0da4d..5ae5070 100644 --- a/src/partials/_a_quick_links.scss +++ b/src/partials/_a_quick_links.scss @@ -3,17 +3,15 @@ --item-size: calc(1rem + var(--item-padding)); display: flex; - justify-content: center; - - justify-content: center; flex-wrap: wrap; + justify-content: center; a { height: var(--item-size); display: grid; - background-color: var(--background-1); + background-color: var(--background-3); border-radius: var(--border-radius-leaf); margin: 0.5rem; @@ -34,6 +32,8 @@ * { margin: 0; padding: 0; + + font-size: var(--font-size-generic); } } } diff --git a/src/partials/_a_tailer.scss b/src/partials/_a_tailer.scss index 475b3d5..edeb5d8 100644 --- a/src/partials/_a_tailer.scss +++ b/src/partials/_a_tailer.scss @@ -4,4 +4,10 @@ font-size: 1.65vh; white-space: nowrap; + + background-color: var(--background-2); + border-radius: var(--border-radius-leaf); + padding: var(--spacing-horizontal); + + text-align: center; } diff --git a/src/partials/_blog_recent_posts.scss b/src/partials/_blog_recent_posts.scss new file mode 100644 index 0000000..4b92bb7 --- /dev/null +++ b/src/partials/_blog_recent_posts.scss @@ -0,0 +1,7 @@ +.spacer_posts { + justify-content: start !important; + + .recent_posts .chunk .header { + background-color: var(--background-1); + } +} diff --git a/src/partials/_nav_quick_links.scss b/src/partials/_nav_quick_links.scss index 0ed51cd..c27b6ac 100644 --- a/src/partials/_nav_quick_links.scss +++ b/src/partials/_nav_quick_links.scss @@ -15,6 +15,11 @@ margin: 0; } + a:hover { + transition: var(--transition-cut); + transform: var(--transform-scale-x) var(--transform-scale-y); + } + .phantom { width: var(--item-size); height: var(--item-size); @@ -25,12 +30,32 @@ Due to how flexboxes function, settings `display: none` will result in the box just scaling as if the element never existed. + + phantom needs to sit beside a element in hierarchy, otherwise + phantom will inherit from a like this: + + .pane_nav > .quick_links > a > .phantom */ background-color: inherit; } - - a:hover { - transition: var(--transition-cut); - transform: var(--transform-scale-x) var(--transform-scale-y); - } +} + +.gitea { + color: var(--accent-green); +} + +.github { + color: var(--accent-blue); +} + +.license { + color: var(--accent-indigo); +} + +.issue_tracker { + color: var(--accent-magenta); +} + +.rss { + color: var(--accent-orange); } diff --git a/src/partials/_pane_blog.scss b/src/partials/_pane_blog.scss new file mode 100644 index 0000000..53181ba --- /dev/null +++ b/src/partials/_pane_blog.scss @@ -0,0 +1,52 @@ +@use "a_tailer"; + +.pane_blog { + flex: 1; + flex-direction: column; + + margin: var(--margin-pane); + + justify-content: center; + + .blog_body { + background-color: var(--background-2); + border-radius: var(--border-radius-leaf); + padding-top: var(--spacing-horizontal); + + .header { + text-align: center; + padding: var(--spacing-horizontal); + width: min-content; + + white-space: nowrap; + + margin: 0 auto; + + .title { + background-color: var(--background-1); + border-radius: var(--border-radius-leaf); + padding: var(--spacing-horizontal); + } + + .date { + display: block; + + font-size: 0.85rem; + font-weight: normal; + font-style: italic; + font-family: var(--font-family-generic); + } + } + + .body { + text-align: start; + + padding: 0 calc(var(--margin-pane) * 4) + calc(var(--margin-pane) * 4); + + p { + color: var(--white-1); + } + } + } +} diff --git a/src/partials/_pane_main.scss b/src/partials/_pane_main.scss index af527db..261707e 100644 --- a/src/partials/_pane_main.scss +++ b/src/partials/_pane_main.scss @@ -8,8 +8,7 @@ justify-content: center; - .main_body, - .tailer { + .main_body { background-color: var(--background-2); border-radius: var(--border-radius-leaf); padding: var(--spacing-horizontal); diff --git a/src/partials/_pane_spacer.scss b/src/partials/_pane_spacer.scss index 5c514cd..90f7c3d 100644 --- a/src/partials/_pane_spacer.scss +++ b/src/partials/_pane_spacer.scss @@ -2,7 +2,7 @@ margin: var(--margin-pane); padding: 0; - width: 10vw; + width: min-content; display: grid; grid-auto-flow: row; @@ -22,11 +22,10 @@ var(--spacing-menu-gap) / 2 ) - calc(var(--spacing-horizontal) * 2) ); - flex: 1; border-radius: var(--border-radius-leaf); - /* Vertical Text Align */ display: flex; + flex-direction: column; align-items: center; justify-content: center; diff --git a/src/templates/blog_post.html b/src/templates/blog_post.html new file mode 100644 index 0000000..400db48 --- /dev/null +++ b/src/templates/blog_post.html @@ -0,0 +1,40 @@ + + + + + Blog Post Template | Cutieguwu + + + +
+ +
+
+
+

Blog Post Template

+

Posted: 01 January, 2025

+

Last Edited: 01 January, 2025

+
+
+

Blog Post Content

+
+
+ +
+
+ +

#AD

+
+
+ + + +