Misc changes

content/_index.md

@@ -18,3 +18,6 @@ Enjoyed what you see? Consider signing the [guestbook]({{< ref "guestbook" >}})!
 
 # Recent Blog Posts
 {{< recent-posts >}}
+
+# Recent Changes
+{{< recent-changes >}}

content/blog/_index.md

@@ -7,6 +7,8 @@ aliases:
 
 {{< insert-pic "pic-blog.webp" "Blog" >}}
 
-Posts of [Linux](/blog/tags/linux/), [KDE](/blog/tags/kde), personal thoughts and [reviews](/blog/tags/review/).
+Rambles and writings usually consisting of [Linux](/blog/tags/linux/), [KDE](/blog/tags/kde), personal thoughts and [reviews](/blog/tags/review/).
+
+If you're interested, you can follow this blog using [RSS](/blog/index.xml).
 
 _Warning_: most of it is mindlessly technical.

content/blog/drawing-simple-cubes/index.md

@@ -0,0 +1,17 @@
+---
+title: "Drawing simple cubes"
+date: 2023-06-10
+draft: true
+summary: "When working on my engine, I wanted to clean up my debug gizmos a bit. The first thing to tackle is drawing bounding boxes!"
+tags:
+- C++
+---
+
+If you are writing graphical tools, one of the most common shapes you draw is boxes. They can represent areas (like the affected area of an environment capture) or a box collision.
+
+One common problem that I run into, is dealing with these diagonals:
+
+Of course this is natural due to the way that GPUs work, they work in triangles and when drawing the wireframe of a cube doesn't just draw the edges but everything in-between:
+
+
+

content/music.md

@@ -4,6 +4,6 @@ layout: "audio-gallery"
 json: "music"
 ---
 
-I don't usually make music, but I somehow made enough to warrant it's own page. 
+I'm really new to the music creation process, but I somehow ended up with enough where I think it warrants it's own page. It's simple beats for now, don't really expect anything special.
 
-Every modern browser supports Opus in an OGG container, except for **Safari**. Sorry Apple users.
+_Note_: Every modern browser supports Opus in an OGG container, except for Safari. _Sigh_, sorry Apple users.

content/software/_index.md

@@ -4,3 +4,9 @@ aliases:
 - /projects
 layout: "software"
 ---
+
+During the day I like to program, and at night I... also like to program. If you're reading this page you probably want to know what I'm up to!
+
+I like working with Qt, C++ but also branching out into Rust and tiny bits of web development (like this website). My primary operating system is
+Linux, so making sure things build and run across different operating systems is an interesting challenge. I love working with graphics APIs,
+like Vulkan and OpenGL.

data/recent-changes.json

@@ -0,0 +1,5 @@
+{
+    "changes": [
+        "2023-06-12: Added a changelog, updated some of the pages stylings. Hello!"
+    ]
+}

themes/red/assets/css/site.css

@@ -34,12 +34,23 @@
     }
 
     .grid-sizer, .grid-item {
-        width: 49%;
+        width: 32%;
     }
 
     .page-pic {
         float: right;
-        margin: 10px;
+        margin-bottom: 10px;
+    }
+
+    .art-outer {
+        display: flex;
+        flex-direction: row;
+    }
+
+    .art-inner {
+        display: flex;
+        flex-direction: column;
+        flex-grow: 1;
     }
 }
 
@@ -96,6 +107,14 @@
         margin-top: 10px;
         margin-bottom: 10px;
     }
+
+    .art-outer .gallery-img {
+        margin-left: auto;
+        margin-right: auto;
+        display: block;
+        margin-top: 10px;
+        margin-bottom: 10px;
+    }
 }
 
 body {
@@ -273,8 +292,8 @@ figure figcaption {
 }
 
 .grid {
-    padding-top: 20px;
+    padding: 0;
-    margin: 0 auto;
+    margin: 0;
 }
 
 td {
@@ -347,18 +366,21 @@ pre {
     border: 1px solid gray;
     border-radius: 3px;
 
-    padding: 1em;
     margin: .5em;
 
-    box-shadow: var(--shadow)
+    box-shadow: var(--shadow);
+
+    display: flex;
+    flex-direction: column;
 }
 
 .nice-list {
+    border-top: 1px solid var(--border-color);
     display: inline;
     list-style: none;
-    padding-left: 0;
     margin-bottom: 0;
     margin-top: 0;
+    padding: 0.5em;
 }
 
 .nice-list li {
@@ -434,7 +456,6 @@ pre {
     border: 1px outset black;
     border-radius: 5px;
     margin-top: 10px;
-    margin-bottom: 10px;
 }
 
 .new-banner {
@@ -442,8 +463,7 @@ pre {
     border-radius: 5px;
     padding: 5px;
     text-align: center;
-    margin-bottom: 10px;
+    margin: 10px;
-    width: fit-content;
 }
 
 .no-decoration {
@@ -467,3 +487,18 @@ model-viewer {
     width: 200px;
     height: 200px;
 }
+
+.project-header {
+    margin: 0;
+    padding: 0.5em;
+    background-color: var(--background-tertiary);
+    background-image: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.01) 50%);
+    background-size: 24px 24px;
+    border-bottom: 1px solid var(--border-color);
+}
+
+.project-desc {
+    padding-left: 0.5em;
+    padding-right: 0.5em;
+    flex-grow: 1;
+}

themes/red/layouts/_default/art.html

@@ -3,40 +3,44 @@
 
     <hr>
 
-    {{ with resources.Get "pics/pic-gallery.png" }}
-        <img class="gallery-img page-pic" alt="Gallery" title="Gallery" width="{{ .Width }}" height="{{ .Height }}" src="{{ .RelPermalink }}">
-    {{ end }}
-
     {{ $paginator := .Paginate (where .RegularPagesRecursive "Type" "art") }}
 
     {{ if eq $paginator.PageNumber 1}}
-        {{ $alertimg := resources.Get "alert.png" }}
+    <div class="art-outer">
-        {{ with $.Params.new_banner }}
+        <div class="art-inner">
-        <div class="new-banner"><img alt="Alert Icon" width="16" height="16" class="banner-alert-icon" src="{{ $alertimg.RelPermalink }}"><b>{{ . }}</b><img alt="Alert Icon" width="16" height="16" class="banner-alert-icon" src="{{ $alertimg.RelPermalink }}"></div>
+            {{ $alertimg := resources.Get "alert.png" }}
-        {{ end }}
+            {{ with $.Params.new_banner }}
-
+            <div class="new-banner"><img alt="Alert Icon" width="16" height="16" class="banner-alert-icon" src="{{ $alertimg.RelPermalink }}"><b>{{ . }}</b><img alt="Alert Icon" width="16" height="16" class="banner-alert-icon" src="{{ $alertimg.RelPermalink }}"></div>
-        <div class="new-banner"><img alt="Alert Icon" width="16" height="16" class="banner-alert-icon" src="{{ $alertimg.RelPermalink }}"><b>Contains risque art, so you should probably not view this on a work computer.</b><img alt="Alert Icon" width="16" height="16" class="banner-alert-icon" src="{{ $alertimg.RelPermalink }}"></div>
-
-        <p>Welcome to my art gallery! I have saved my art since 2016, and this site contains the most complete archive of my work.</p>
-
-        <p>If you want to see other cool artists and their websites, see <a href="/links">the links page</a>.</p>
-
-        <p>You can follow me on <a href="https://mastodon.art/@redstrate">Mastodon</a>, <a href="https://www.pixiv.net/en/users/58118005" >Pixiv</a>, <a href="https://redstrate.newgrounds.com/">Newgrounds</a>, or if you like RSS feeds I have an <a href="/art/index.xml">art-only feed</a>!</p>
-
-        <h3>Featured</h3>
-        {{ partial "featured-art" . }}
-
-        {{ partial "art-years" . }}
-
-        <div class="art-button-container">
-            <a class="art-button" href="/art/characters">Characters</a>
-            <a class="art-button" href="/art/tags">Tags</a>
-            <a class="art-button" href="/art/stats">Stats</a>
-
-            {{ if $.Params.commissions }}
-            <a class="art-button" href="/commission">Commissions</a>
             {{ end }}
+
+            <div class="new-banner"><img alt="Alert Icon" width="16" height="16" class="banner-alert-icon" src="{{ $alertimg.RelPermalink }}"><b>Contains risque art, so you should probably not view this on a work computer.</b><img alt="Alert Icon" width="16" height="16" class="banner-alert-icon" src="{{ $alertimg.RelPermalink }}"></div>
+
+            <p>Welcome to my art gallery! I have saved my art since 2016, and this site contains the most complete archive of my work.</p>
+
+            <p>If you want to see other cool artists and their websites, see <a href="/links">the links page</a>.</p>
+
+            <p>You can follow me on <a href="https://mastodon.art/@redstrate">Mastodon</a>, <a href="https://www.pixiv.net/en/users/58118005" >Pixiv</a>, <a href="https://redstrate.newgrounds.com/">Newgrounds</a>, or if you like RSS feeds I have an <a href="/art/index.xml">art-only feed</a>!</p>
         </div>
+
+        {{ with resources.Get "pics/pic-gallery.png" }}
+            <img class="gallery-img" alt="Gallery" title="Gallery" width="{{ .Width }}" height="{{ .Height }}" src="{{ .RelPermalink }}">
+        {{ end }}
+    </div>
+
+    <h3>Featured</h3>
+    {{ partial "featured-art" . }}
+
+    {{ partial "art-years" . }}
+
+    <div class="art-button-container">
+        <a class="art-button" href="/art/characters">Characters</a>
+        <a class="art-button" href="/art/tags">Tags</a>
+        <a class="art-button" href="/art/stats">Stats</a>
+
+        {{ if $.Params.commissions }}
+        <a class="art-button" href="/commission">Commissions</a>
+        {{ end }}
+    </div>
     {{ end }}
 
     {{ partial "art-gallery" . }}

themes/red/layouts/_default/software.html

@@ -2,22 +2,22 @@
     <h2>{{ .Title }}</h2>
     <hr>
 
-    {{ .Content }}
-
     {{ with resources.Get "pics/pic-software.webp" }}
         <img class="gallery-img page-pic" width="{{ .Width }}" height="{{ .Height }}" src="{{ .RelPermalink }}">
     {{ end }}
 
+    {{ .Content }}
+
     <h3>Personal Projects</h3>
 
-    <p>These are projects I made for my own use, but they're all freely licensed!</p>
+    <p>I really like to start projects in my free time (maybe too often). Here's an almost-comprehensive list of them, most of them are freely licensed as well!</p>
 
     <div class="buttons">
     {{ range .Data.Pages.ByDate.Reverse }}
         <div class="blurb">
-            <b>{{ .Title }}</b>
+            <h3 class="project-header">{{ .Title }}</h3>
 
-            <p>{{ .Summary }}</p>
+            <p class="project-desc">{{ .Summary }}</p>
 
             <ul class="nice-list">
                 <li>
@@ -36,16 +36,16 @@
 
     <h3>Contributions</h3>
 
-    <p>This a list of software projects I contributed code to.</p>
+    <p>I also do plenty of open-source work, here's a list of some of the projects I contributed to!</p>
 
     {{ $contrib := (index site.Data "contributions") }}
 
     <div class="buttons">
         {{ range $contrib.contributions }}
         <div class="blurb">
-                <b>{{ .name }}</b>
+                <h3 class="project-header">{{ .name }}</h3>
 
-                <p>{{ .description }}</p>
+                <p class="project-desc">{{ .description }}</p>
 
                 <ul class="nice-list">
                 {{ if eq .type "kde" }}
@@ -71,6 +71,13 @@
                                 <li>
                                     <a href="https://gitlab.com/{{ .id }}/merge_requests?scope=all&utf8=%E2%9C%93&state=all&author_username={{ $.Site.Params.gitlab_username }}">MRs</a>
                                 </li>
+                            {{ else }}
+                                <li>
+                                    <a href="https://github.com/search?q=repo%3Agentoo%2Fgentoo+{{ $.Site.Params.github_username }}&type=commits">Commits</a>
+                                </li>
+                                <li>
+                                    <a href="https://github.com/gentoo/gentoo/pulls?q=is%3Apr+is%3Aclosed+author%3A{{ $.Site.Params.github_username }}">PRs</a>
+                                </li>
                             {{ end }}
                         {{ end }}
                 {{ end }}

themes/red/layouts/shortcodes/recent-changes.html

@@ -0,0 +1,10 @@
+<div class="generic-con">
+    <ul style="padding: 0">
+    {{ $changes := (index site.Data "recent-changes") }}
+    {{ range $changes.changes }}
+    <li style="margin-left: 10px; list-style-type: square;">
+        <p>{{ . }}</p>
+    </li>
+    {{ end }}
+    </ul>
+</div>