Move local commits to branch. Add works page. Tweak CSS.

index.js

@@ -27,6 +27,7 @@ app.engine('hbs', handlebars(
 
 //Sets a basic route
 app.get('/', requestHandlers.renderHome);
+app.get('/works', requestHandlers.renderWorks);
 app.get('/radio', requestHandlers.renderRadio);
 app.get('/photos', requestHandlers.renderPhotos);
 app.get('/log', requestHandlers.renderLogList);

public/log/log5.txt

@@ -0,0 +1,11 @@
+date: 2021-10-29 [19:14]
+title: why is the 'm' in maxweil lowercase?
+I would say there are three real reasons.
+
+>I like how it looks.
+>Someone I think is cool does the same thing with their name.
+>I like to challenge convention, especially the conventions of language & writing.
+
+However, if I were to wax poetic I would say something like: "Because I want minimize attention to 'the name' and instead direct attention towards 'the work' I produce."
+
+maxweil

public/log/log6.txt

@@ -0,0 +1,52 @@
+date: 2021-12-31 [23:59]
+title: a year in review
+
+>Hello dear reader, whoever you are, whenever you are. 
+
+>To be honest, I am not sure who reads these logs. From what I can tell, it's nobody but webcrawlers. Which is okay; not everything written needs to be read.
+>
+>It has been a tradition of mine since college to get extremely drunk (alone) on New Year's Eve, and smash out a barely intelligible essay-cum-blogpost-cum-diary-entry where I whine and opine about my life, the world, the future, et al. 
+>
+>In past years, these were posted on a private blog and never re-read after posting (attempting to read my pathetic rambles the next morning exacerbated the hangovers).
+>
+>This year, however, I am banned from getting drunk by myself as part of my (still ongoing) resolution, which means that at least one part of this tradition is going away. So, instead, here is a sober reflection of the year 2021. 
+
+2021 was an okay year. It wasn't terrible. It wasn't amazing. It was okay.
+
+Though I am loathe to use the phrases, there was a lot of 'soul searching' and 'self discovery' for me this year. I learned a lot about myself; who I am & who I want to be, where I want to go & where I am. 
+
+Early in the year, I up and decided that I wanted to start camping. Fueled by highly bucolic media and a desire to 'get away' (both from 'my life' and 'technology' [though both *are* interlinked]). I did a little research, put in my reservations, and ordered my gear. It was all sort of whimsical. I decided I wanted to do it, so I did it. And what a decision that was: I have found a new love. Camping, to me, is meditation. It begins as soon as I start packing. The sea of troubles pours from my ears, and my brain rests like a serene, undisturbed lake. Do not get me wrong - I am under no pretenses that I am a 'rugged mountain man' or 'outdoorsman' or any such epithet. But even my short forays into the wilderness, driving through windy country roads and hiking to an isolated campsite, are enough of a 'slice of Walden' for me. I went on four solo camping trips this year. Next year, I would like to try some sort of camping-trip, where I road trip and camp as opposed to sleep in a hotel (perhaps I'll get my motorcycle license and moto-camp? Who knows).
+
+As an accent to camping & hiking, I rekindled my interest in photography. I have a decade old Canon T3i that I got in high school, which I brought with me on my sylvan expeditions. I don't really think I am particularly great at snapping photos. I have shaky hands and not the best instinct for framing, but the great thing about digital is that I can shoot fourteen shots and at least one of them will be passable. After a few hikes where I ran into some wildlife that my stock-lens could not capture (distant deer, birds in trees), I decided to get a telephoto lens to 'up my game', so to speak. Providence was upon me, as a friend of mine had an old lens hanging around that fit my camera, and he sold it to me for dirt cheap. That friend and his old lens made an indescribable difference to me and my shooting, and for that I am truly grateful (and truly lucky).
+
+Some smaller things from 2021: 
+* Fashion. I made some great purchases and threw away (see: donated) bagfuls of clothes to try and really nail down my look. Which I think I made good progress on. I got over any and all self-consciousness by wearing relatively 'alternate' clothes (at least vs. how normal office-folk dress) and shaving my head. 
+
+* Gardening. Over the Spring and Summer, I grew some vegetables in a communal plot. Easy vegetables: Potatoes, onions, carrots. Herbs too. But, it was fun. Getting in the dirt was fun, the routine of watering and weed pulling was fun, and the payoff was fun (I still have potatoes. I'm sick of them at this point).
+
+* Art. This year I started to draw. Well, *doodle* is more like it. I've done some scratchy work here and there, mostly for fun. I don't know if I have it in me to get down to business and grind out the fundamentals, but who knows. What I have done is fun, though, and that's good.
+
+The last good thing I want to touch on is this. No, not the website (though that was also a cool bit of work), I mean writing.
+
+I wrote a lot this year. More than I've ever written in a year before, even in my busiest of college semesters. And, well, writing a lot is one of the key steps to getting good at writing. Or perhaps getting 'great' at writing. I've always enjoyed writing little blurbs for magic items and lore for worldbuilding my D&D setting, but rarely have I ever written anything long form. So, this year I wrote a piece for a writing contest that was being hosted at my job. It was titled "Planting Seeds", you can read it on this site (Log 2). It didn't win, but that's not all surprising given that it went from nothing to drafted to edited to submitted in a day, from what I recall. But, that work pales in comparison to my largest work yet: *Moths to a Flame*. 
+
+>For a while, I had joked with an artist friend of mine about making a "Dark Academia visual novel". We had even begun drafting characters and a loose plot for it, but it fell to the wayside as we had no deadlines nor commitments for it, so work and school and other things came first. But it always sat in my head. In August, I discovered that there was a 'Spooktober' VN gamejam: over the month of September, make a horror themed visual novel. I dropped a link to him and said "wanna do this?" and he said yes. We got a few more people on board, notably another writer and a music-goblin, and when September came, we set out. 
+>
+>We few, we happy few, we band of brothers, we game-dev virgins, set out to make a visual novel, and by Jove, did it. I could not have done it without my team, doubtless: I can't draw. I didn't have time to write *everything*. I can't make background music. What we created surpassed every expectation I imagined. I still remember how fast my heart beat after inserting our art for the first time; seeing the scenes come alive, no longer just black text in a white box. 
+>
+>That being said, I am absolutely one to toot my own horn. However, in this case, I am not doing so when I say that I carried the team. I developed the plot. I wrote the outline. I made the characters, I built the setting. I wrote (most of) the prose. I coded *everything*. I even made some music! I put in an incredible amount of effort (even taking time off work to finish by the deadline). 
+>
+>*Moths to a Flame* was more than just a gamejam entry to me. It was an extension of my ego. It was my brainchild, it was (mostly) my labor that brought it to life. It was something significant (in the sense of 'non-trivial' as opposed to 'important') that I saw through from start to finish. But - it didn't win, didn't even place. That was hard for me. It was hard for me *because* it was mine. *Because* of my effort. I wanted it to win; I wanted to feel validated - for all that work to be recognized. And when it didn't, I didn't - it wasn't. I couldn't hide away and say "Oh, my team let me down", because they didn't, *I* "let me down".
+>
+>It has been a few months since then, and the sourness is largely gone; I am more proud than anything else about *Moths*. I think back about what we got done as complete newbies in so little time and am still amazed. I will continue to write, and I will continue to impress myself, and hopefully someday I will have an audience of people who find enjoyment in what I create.
+
+Now that I've touched on all of the 'good things' I feel comfortable touching on, I should at least mention the 'bad things'. I will not dwell on them too much, so, briefly:
+
+* Work. Work sucks. Fuck work. I hate work. 
+* Mental. I am angry at nothing, constantly. I grow distant from my friends. Few things are fun.
+
+You know, when I write out paragraphs of what was good and nothing at all about what was bad, it makes the retrospective feel a lot more positive than these had been in previous years. Which I suspect is a good thing. If this is all I write about 2021, then in the future, I'll look back and say "Huh, that year was pretty good". Well, that'd be the gist of it. I probably wouldn't say "Huh".
+
+Onwards and upwards,
+
+maxweil

public/radiolist.txt

@@ -1,2 +0,0 @@
-2021-08-18
-

public/static/styles/style.css

@@ -39,14 +39,10 @@ main {
   padding-bottom: 10px;
 }
 
-main a {
-  color: #006eff;
-}
-
-main a:hover {
-  background-color: #006eff;
-  /*color: #0c0c0c;*/
+a{
+  color: #e0e0e0;
 }
+a:hover { background-color: #e0e0e0; }
 
 nav {
   padding-top: 5px;

public/static/styles/style2.css

@@ -0,0 +1,245 @@
+
+@font-face {
+    font-family: 'pxplus_ibm_vga8regular';
+    src: url('/css/PxPlus_IBM_VGA8.ttf') format('truetype');
+    font-weight: normal;
+
+}
+@font-face {
+    font-family: 'pc98';
+    src: url('/css/PC_9800.woff2') format('woff2'),
+	url('/css/PC_9800.woff') format('woff'),
+	url('/css/pc-9800.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+html {
+    box-sizing: border-box;
+    overflow-x: hidden;
+}
+
+body {
+    background-color: #181818;
+    color: #eee;
+    font-family: "pxplus_ibm_vga8regular";
+    animation: fade_in 750ms;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    line-height: 1.1;
+    text-align: justify;
+    margin: 0;
+    padding: 15px 15px 30px 15px;
+}
+
+.patrycja {
+	color: #ff7b9b !important;
+}
+.patrycja:hover {
+	color: #ffb9d3 !important;
+}
+.laura {
+	color: #d60270 !important; /* I have no idea why this important is needed, I broke something */
+}
+.laura:hover {
+	color: #f63090 !important;
+}
+.maja {
+	color: #4cd771 !important;
+}
+.maja:hover {
+	color: #78ff79 !important;
+}
+.riley {
+	color: #6957bd !important;
+}
+.riley:hover {
+	color: #a089f6 !important;
+}
+
+#badge > img, #badge > a > img {
+	image-rendering: pixelated;
+}
+
+pre, .kana, .blog > h1,h2,h3,h4,h5 {
+    font-family: 'pc98';
+    text-align: start;
+}
+
+h1, h2, h3, h4, h5 {
+    font-weight: initial;
+}
+
+h1 {
+    font-size: 64px;
+    padding: 0;
+    margin: 20px 0 0 0;
+}
+
+h2 {
+    font-size: 48px;
+}
+
+h3 {
+    font-size: 32px;
+    margin: 15px 0 5px 0;
+}
+
+h4,h5 {
+    font-size: 16px;
+}
+
+#header_right {
+    align-items: center;
+    text-shadow: 5px 5px #555;
+    padding: 20px;
+    float: right;
+    text-align: center;
+}
+
+#header_left {
+    float:left;
+    text-align:center;
+}
+#header_left > a > img {
+    width: 180px;
+    box-shadow: 5px 5px #555;
+    text-align: center;
+}
+
+#content {
+    margin-left: auto;
+    margin-right: auto;
+}
+
+#header {
+    clear: both;
+    display: table;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.menuitem {
+    position: relative;
+    display: inline;
+    text-shadow: 4px 4px #444;
+    margin: 0 16px 0 16px;
+    text-align: center;
+}
+
+.menuitem:hover {
+    text-shadow: 2px 2px #444;
+    top: 2px;
+    left: 2px;
+}
+
+#badge {
+    float: right;
+    margin: 2px 0 0 10px;
+}
+
+
+a, a:hover, a:active, a:visited {
+    text-decoration: none;
+    color: #1a1;
+}
+a:hover, a:active {
+    color: #1c1;
+}
+
+hr {
+    background-color: #2f2f2f;
+    height: 1px;
+    border: 0;
+}
+
+*, *:before, *:after {
+    -webkit-box-sizing: inherit;
+    -moz-box-sizing: inherit;
+    box-sizing: inherit;
+}
+
+ol > li {
+    list-style-type: decimal-leading-zero;
+}
+
+ul > li {
+    list-style-type: square;
+}
+
+ul {
+    padding-left: 25px;
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+ol {
+    margin-top: 0;
+    margin-bottom:0;
+}
+
+li > a > img {
+    margin: 5px 10px 0 0;
+}
+
+p {
+    margin-top: 5px;
+}
+
+code {
+    display: block;
+    background-color: #282828;
+    color: #ccc;
+    width: 100%;
+    padding: 5px 5px 10px 15px;
+    margin: 10px 0;
+    font-family: 'pxplus_ibm_vga8regular', monospace;
+    white-space: pre;
+    box-shadow: 6px 6px #000;
+    overflow-x: auto;
+}
+
+@media (min-width: 769px) {
+    #content, #header {
+        width: 768px;
+    }
+}
+
+@media (max-width: 768px) {
+    #header_left {
+        float: none;
+        margin: 0;
+        padding: 0;
+    }
+    #header_right, #header_right > ul {
+        float: none;
+        margin: 20px 0;
+        padding: 0;
+    }
+    .menuitem {
+        margin: 0 4px 0 4px;
+        padding: 0;
+    }
+    #content {
+        margin: 0;
+        padding: 0;
+    }
+    #footer, #badge {
+        text-align: center;
+        float: none;
+        margin: 0;
+        padding: 0;
+    }
+}
+
+@keyframes fade_in {
+    from {
+        opacity: 0;
+        filter: blur(10px);
+    }
+    to {
+        opacity: 1;
+        filter: blur(0);
+    }
+}
+

radioListHelper.js

@@ -29,7 +29,7 @@ function buildRadioList()
 			radiolist.push(album)
 		}
 	}
-	return radiolist.reverse()
+	return radiolist
 }
 
 exports.buildRadioList = buildRadioList;

requestHandlers.js

@@ -27,6 +27,10 @@ function renderHome(req, res)
 {
 	res.render('home', { layout: 'index', fortune: getRandomFortune(fortunes) });
 }
+function renderWorks(req, res)
+{
+	res.render('works', { layout: 'index', fortune: getRandomFortune(fortunes) });
+}
 function renderPhotos(req, res)
 {
 	res.render('photos', { layout: 'index', albums: albums, fortune: getRandomFortune(fortunes) });
@@ -37,6 +41,7 @@ function render404(req, res)
 }
 exports.renderHome = renderHome;
 exports.renderLog = renderLog;
+exports.renderWorks = renderWorks;
 exports.renderLogList = renderLogList;
 exports.renderRadio = renderRadio;
 exports.render404 = render404;

views/home.hbs

@@ -1,16 +1,20 @@
 <body>
-	<div class="icon"><img style="border-radius: 50%" alt="icon" src="static/icons/mefa2.jpg" width="168" height="168"></div>
+	<div class="icon"><img style="border-radius: 50%" alt="icon" src="static/icons/skulsquarebigtrans.png" width="128" height="128"></div>
     <h1> about me</h1>
-    	<p> Hi, I'm maxweil, I've been on the internet since 2005. Between coding for a living and net-surfing in my leisure time, I'm on the computer a lot. </p>
+    	<p> Hi, I'm maxweil, I've been on the internet since 2005. Welcome to my corner of the web. </p>
+		<p> Remember — the 'm' is always lowercase<a href="https://maxweil.com/log/log5">.</a> </p>
+
     <h2> comms </h2>
 		<ul>
 			<li>email: max❍maxweil.com</li>
-			<li>twitter: @_maxweil</li>
-			<li>twitterbot: @LuckyStarPicBot</li>
 			<li>discord: maxweil#9976</li>
-			<li>github: maxweill</li>
-			<li>myanimelist: maxweil</li>
-			<li>myfigurecollection: maxweil</li>
+			<li>twitter: <a href="https://twitter.com/_maxweil">@_maxweil</a></li>
+			<li>twitterbot: <a href="https://twitter.com/LuckyStarPicBot">@LuckyStarPicBot</a></li>
+			<li>itch.io: <a href="https://maxweil.itch.io">maxweil</a></li>
+			<li>github: <a href="https://github.com/maxweill">maxweill</a></li>
+			<li>myanimelist: <a href="https://myanimelist.net/profile/maxweil">maxweil</a></li>
+			<li>myfigurecollection: <a href="https://myfigurecollection.net/profile/maxweil">maxweil</a></li>
 		</ul>
+	<h2> </h2>
 </body>