website update; added bash scripts

src/diary/entries/201029

@@ -56,6 +56,29 @@ Set the locale in your script, somewhere like _ready() or on a 'change language'
 <br>
 Now that everything's in place, you can keep adding new ids + translations, and Godot will automatically use your changes in-game. <br>
 <br>
+<br>
+<h2>step 6 - insert values into text </h2>
+<br>
+Languages differ in syntax, so use format strings. <br>
+<br>
+In your spreadsheet, write <code>%s</code> where your inserted text will go.
+<br>
+<center>
+<img src="/static/img/ent/internationalization_formatcsv.png" alt="(image: in the .CSV, id= character_level, en= Level %s, ja= レバル %s)"><br>
+</center>
+<br>
+Then in your script, write <code>tr(&quot;key&quot;) % inserted_val</code> in place of the formatted string. <br>
+<br>
+<center>
+<img src="/static/img/ent/internationalization_formatscript.png" alt="(image: in the script, set_text(tr(&quot;character_level&quot;) % String(level))"><br>
+</center>
+<br>
+Now the formatted string will appear in-game. <br>
+<br>
+<center>
+<img src="/static/img/ent/internationalization_formatgame.png" alt="(image: screenshot: Level 1)"><img src="/static/img/ent/internationalization_formatgame2.png" alt="(image: screenshot: レベル 1)"><br>
+</center>
+<br>
 <h2>that's the basics </h2>
 <center>
 <img src="/static/img/ent/internationalization_japanese.png" alt="(image: blessfrey screenshot in Japanese)" width="500" height="370.46"><br>

src/diary/entries/201210

@@ -0,0 +1,28 @@
+<!--200810-->
+<h1>common tropes from media </h1>
+december 10, 2020<br>
+#writing<br>
+<br>
+<br>
+I like collecting common tropes from games I play. Maybe it can inspire some game beats? Here's a few of them listed with some games I've seen them in ~ <br>
+<br>
+If you're worried about spoilers, games mentioned are The Cat Lady, Dreamfall: The Longest Journey, Fire Emblem, Guild Wars, Guild Wars 2, Half-Life, Mass Effect, Neverwinter Nights 2, Oblivion, Persona 4, Planescape: Torment, RuneScape 2
+<br>
+<ul>
+<li><b>amnesiac protagonist</b> - every game, especially MMOs. way overdone. </li>
+<li><b>arena/tournament arc</b> - Fable, Oblivion </li>
+<li><b>city building</b>Neverwinter Nights 2's Crossroad Keep, RuneScape's Miscellania + Etceteria</li>
+<li><b>courtroom hearing (usually resolved with the loser pulling out the 'trial by combat' card)</b> - Guild Wars: Nightfall, Guild Wars 2, Neverwinter Nights 2, Mass Effect </li>
+<li><b>elevator fight</b> - Half-Life, Metroid </li>
+<li><b>fight yourself</b> - Guild Wars's Augury Rock, Mask of the Betrayer, Persona 4
+<li><b>final boss is all previous bosses in one room</b> - Fire Emblem, Nightfall </li>
+<li><b>infiltrate a fancy party</b> - Guild Wars 2's A Society Function, Mass Effect Kasumi DLC
+<li><b>maze level</b> - Mask of the Betrayer's Skein, Planescape: Torment </li>
+<li><b>minigame tournament</b> - The Witcher's Dice Poker, Eye of the North's Polymock </li>
+<li><b>play as a side character</b> - The Cat Lady's cat, Mass Effect's Joker, </li>
+<li><b>raise someone </b> - the original Kingmaker concept for Oblivion, The Witcher 2 </li>
+<li><b>really long fetch quest</b> - Dreamfall's mulled wine </li>
+<li><b>solo boss battle</b> - Guild Wars Augury Rock, Neverwinter Nights 2 </li>
+<li><b>trapped for a level, especially without your stuff</b> Divine Divinity's Castle + Dungeon, Mask of the Betrayer's Planescape: Torment's Skein</li>
+</ul>
+<br>

src/diary/entries/210101

@@ -40,12 +40,14 @@ I didn't keep a diary very well this month;; This is mostly pieced together from
 <li>added summon + bleeding keywords </li>
 <li>added Skillmaker support for generating skills that use those keywords </li>
 <li>maintain this website a little </li>
+<li>found a Linux alternative for OneNote that I finally like - <a href="https://www.giuspen.com/cherrytree/">CherryTree</a>. I use it to store research and develop ideas for blessfrey :) </li>
 </ul>
 <br>
 <h2>week 5, december 27-31 </h2><br>
-#dia #events #story<br>
+#dia #events #refactoring #story<br>
 <br>
 <ul>
+<li>refactoring the character script. I want to flesh out passive health regeneration/degeneration, so I can have more control with how Bleeding, Burning, and similar keywords will work. But the character script, one of my earliest, was almost 1000 lines, and just looking at it made my brain turn off. I broke it into smaller scripts as a node tree, and now it's 100 lines of code. So clean.
 <li>I finally found a diagram editor I like - <a href="http://dia-installer.de/index.html.en">Dia</a> :) It's in Mint's package manager, too. </li>
 <li>it's nice for planning branching the flow of events and branching dialog. I wrote a few events with it and made an outline for the game. </li>
 <li>I keep the events in my GDD repository now. I used to keep these all over the place, in paper + text documents. (Why didn't I do this earlier?) </li>

src/diary/entries/210107

@@ -1,6 +1,6 @@
 <!--200917,201112-->
 <h1>inventory as a system diagram </h1>
-october 1, 2020<br>
+january 7, 2021<br>
 #design #systemdiagram #gamemechanics<br>
 <br>
 <b>System diagrams</b> illustrate how components interact within a system. It saves so much headache to step back and plan with a system diagram before jumping into code. <br>

src/diary/entries/210121

@@ -0,0 +1,13 @@
+<!--201224,200806-->
+<h1>web development resources</h1>
+january 21, 2021<br>
+#accessibility #color #css #html #webdesign<br>
+<br>
+I'll collect frequently used resources for web design here. <br>
+<br>
+<ul>
+<li><a href="https://cssgrid-generator.netlify.app/"><b>CSS Grid Generator</b></a> - build a basic CSS Grid by changing the number of columns + rows, adjusting their dimensions, and adding containers. </li>
+<li><a href="https://validator.w3.org/nu/#textarea"><b>W3's Nu Html Checker</b></a> - automatically check the validity of your HTML + CSS. </li>
+<li><a href="https://webaim.org/resources/contrastchecker/"><b>WebAIM's Contrast Checker</b></a> - check whether your font color contrasts well against your background color, at least in the eyes of a computer. </li>
+<li><a href="https://coolors.co/75dbcd-c9dbba-dcdba8-f5cda7-faa381"><b>Coolors</b></a> - select and lock colors then generate palettes by pressing space. Click on a color to view shades + tints, so you can tweak contrast without losing hues. </li>
+</ul>

src/diary/entries/210201

@@ -0,0 +1,171 @@
+<!--210101,210301-->
+<h1>january 2020: new year</h1>
+february 1, 2021<br>
+ <br>
+<br>
+<h2>week 1, january 1-2 </h2><br>
+<br>
+<br>
+<h3>friday, january 1 - New Year's</h3>
+<ul>
+<li>2020 is over. Things probably won't be back to normal soon, so let's make the most of 2021!☆ </li>
+</ul>
+<br>
+<h2>week 2, january 3-9 </h2><br>
+#character #refactor<br>
+<br>
+<h3>sunday, january 3 </h3>
+<ul>
+<li>Trendmood leaked <a href="https://www.temptalia.com/colourpop-x-animal-crossing-collection-swatches/">Colourpop×Animal Crossing</a>. That's one of my favorite IPs and one for which a makeup collaboration was unimaginable, and I'm not even excited. I don't know if it's the market oversaturation or I'm just salty about New Horizons cutting out all the villager-related game mechanics. Animal Crossing collabs are a dime a dozen now. (<a href="https://blackmilkclothing.com/collections/blackmilk-x-animal-crossing-new-horizons?utm_campaign=136203_animalcrossing-release-13oct20">BlackMilkClothing×AC</a> is still up after months, even after discounts.) Feels like Nintendo's devolving back into the toy business. </li>
+<li>Imagine if more videogame makeup leads to Urban Decay×SMT somehow, though...so grungy and neon! </li>
+<li>The character script is completely broken up - methods have been moved closer to where they are used. So, methods for calculating xp + level are moved from character to an attribute subscript. </li>
+<li>Replaced constants to subnode paths with getters. Some _ready methods need to call methods off child nodes, but those nodes will still be null. I don't understand why very well. ;-; Using a getter, plus being more conscientious about what order to call things within _ready, fixed it. I should probably document it in an article because that's been a perplexing problem since I first starting working on character movement. </li>
+</ul>
+<br>
+<h3>monday, january 4 </h3>
+<ul>
+<li>Holiday break over. </li>
+<li>I visit blessfrey.me to see it's down...oops. It's been down since my last update, so a few days. I never turned the Bottle script back on...OTL sorry </li>
+<li>So many bug fixes. This is one of the most dramatic refactors ever, since character was one of my first scripts (a product of inexperience) and I never really improved it, just piled on more code. <li>
+<li>The Player and default NPCs are passing. Just got to change a few lines on the specific NPCs like the slimes, and the game should run again, maybe even as intended...but I'm too tired. I'm closing in on the goal of revamping the passive health regen/degen, though. </li>
+</ul>
+<br>
+<h3>wednesday, january 6 </h3>
+<ul>
+<li>Today, the March for Trump produced unbelievable photos of random people breaking into the Capitol offices. Kind of resembles a videogame. </li>
+<li>Organize files better. (Great idea when the game hasn't been able to start since the character restructure.) Fixed a hundred dependencies, file path references. </li>
+</ul>
+<br>
+<h3>thursday, january 7 </h3>
+<ul>
+<li>I didn't fix the dependencies for the font resources correctly yesterday, but the text is showing up properly in the game now. </li>
+<li>Now that the Player (minus its UI) internally uses its new + improved setters, getters, and verbs, I start updating the rest of the objects' character references. </li>
+<li>Things that have been mysteriously broken forever are getting fixed left + right. This refactor is already paying off. </li>
+</ul>
+<br>
+<h3>friday, january 8 </h3>
+<ul>
+<li>I applied the same style from the character refactor to the AI and UI, but not a lot needs to change. It's really just the early scripts that need to be reworked. I'm improving. </li>
+<li>There are still systems that need to be updated. I fixed character movement and highlighting targets. </li>
+<li>UserControl (Player's AI script) was never really updated to use the new state machines. Now it is coded more similarly to other character AI scripts. </li>
+</ul>
+<br>
+<h3>saturday, january 9 </h3>
+<ul>
+<li>Continue to update scripts to use the new + improved character refactor, mostly AI and Main Menu scripts. </li>
+</ul>
+<br>
+<h2>week 3, january 10-16 </h2><br>
+#character #refactor<br>
+<h3>monday, january 10 </h3>
+<ul>
+<li>More of the same but this time with skills, skill usage AI, and skillbar UI. </li>
+</ul>
+<br>
+<h3>tuesday, january 11 </h3>
+<ul>
+<li>Finished reading Theodore Dreiser's An American Tragedy (after 6-or-something years of slow reading). </li>
+<li>Update click-to-move, since pathfinding had a bug where the character would keep moving forward even after reaching her destination. </li>
+<li>More skill updates, mostly with tooltips + activation bars. For the first time, the activation bar disappears after the skill is activated. </li>
+</ul>
+<br>
+<h3>thursday, january 14 </h3>
+<ul>
+<li>Moving on to items. I begin making sure items use verbs called off the main item object, instead of unrelated nodes calling specific methods off of sub-nodes of the item. </li>
+<li>Also, begin refactoring containers. I didn't plan beforehand very well, and they don't have very good separation of concerns. So of course they have some weird, unexpected behavior. It would be amazing if the weirdness could just melt away after refactoring, like what the character refactor accomplished. </li>
+<li>Also begin refactoring related systems, including the inventory and item context menu. </li>
+</ul>
+<br>
+<h3>friday, january 15 </h3>
+<ul>
+<li>Finished reading William Bradshaw's The Goddess Of Atvatabar. Not sure what to read next. I wanted to find George Sand's Laura: A Journey into the Crystal, but it's too obscure and poorly reviewed and untranslated (which is ridiculous for such a prominent writer). Probably too hard to find...but that makes me want to read it even more. </li>
+</ul>
+<br>
+<h3>saturday, january 16 </h3>
+<ul>
+<li>Refactored containers, both programmatic + UI. </li>
+<li>Resolved all the new errors relating to the character refactor by making sure all the expected signals + methods existed and were connected to the proper objects. </li>
+</ul>
+<br>
+<h2>week 4, january 17-23 </h2><br>
+#fogofwar #refactor #writing<br>
+<br>
+<h3>sunday, january 17 </h3>
+<ul>
+<li>Lots of fixes, both new issues related to the refactor and old "known issues" </li>
+<li>Fixed the energy + healthbar displays </li>
+<li>Fixed the context menu </li>
+<li>An embarrassing one. The inventory has always filled slot 1 then slot 2 then 1, 1, 1...and I had no idea why when it was really simple. I was using a <a href="https://docs.godotengine.org/en/stable/classes/class_vsplitcontainer.html">VSplitContainer</a> instead of a <a href="https://docs.godotengine.org/en/stable/classes/class_vboxcontainer.html">VBoxContainer</a>. Duh. </li>
+</ul>
+<br>
+<h3>monday, january 18 </h3>
+<ul>
+<li>Epik High's phone premier of <a href="https://www.youtube.com/watch?v=FCsLikmxhV0">Rosario</a>, featuring CL and Zico, two favorite artists who I never imagined together. Amazing! I love that they're collabing with both old school KPOP (B.I!) and newer artists like Heize. </li>
+<li>Spent too much time drawing a fog of war mask in GraphicsGale. </li>
+</ul>
+<br>
+<h3>tuesday, january 19 </h3>
+<ul>
+<li>Started reading Ingersoll Lockwood's Baron Trump's Marvellous Underground Journey - it was one of the <a href="http://www.gutenberg.org/browse/scores/top#books-last1">most-downloaded Gutenberg books</a> yesterday. I remember when the internet discovered it and tried to find similarities between the characters and the Trump family. It's another inner earth tale, though, so it matches my other books. </li>
+<li>Finish writing one of my favorite events with a favorite character. :) </li>
+</ul>
+<br>
+<h3>wednesday, january 20 - President Biden's Inauguration</h3>
+<li>Wrote branching dialog in Dia. I need to get used to the hotkeys, so I can write faster. I should write more. Before the pandemic, I wrote at least a vignette every day, even if there were lots of duds. </li>
+</ul>
+<br>
+<h3>thursday, january 21 </h3>
+<ul>
+<li>I've been procrastinating working on Fog of War, but I'm really going to make progress today. I found the 2D Lights as Mask demo to begin learning how Light2Ds and masks work. I applied the concepts to blessfrey in their most rigid hard-coded form, but at least the map isn't completely visible anymore. </li>
+<li>I feel like fog of war is a feature that feels really polished, even if it's implemented simply and doesn't add much content. I'm really craving a polish feature right now. I also want to iterate over the art again and go more top-down. </li>
+<li>Fog of War means a lot of things. I want something like Planescape: Torment (been playing it lately), where the map starts out black and nothing can be interacted with, the immediate area around the player is lit and fully interactive, and the discovered but out-of-range areas are dimly lit and interactive. The fog of war is usually circular but follows the party's line-of-sight, so sharp corners obstruct the view. </li> 
+</ul>
+<br>
+<h3>friday, january 22 </h3>
+<ul>
+<li>Start reading the Land of the Lustrous manga. </li>
+<li>Fiddle around with masks again. I attached the solid light to the player and made masks with various opacities to scatter around the environment. The immediate area is lit, and the rest is dimly lit. Planescape: Torment uses a pixel grid fill for gradients, since it's from 1999. It looks okay in that game, but mine gets that mesmerizing rainbow effect when you move around. (maybe it's called a diffraction pattern?) </li> 
+</ul>
+<br>
+<h3>saturday, january 23 </h3>
+<ul>
+<li>I have a version working with using Area2D that show a child Light2D upon collision with the player. It'd be easy to save and load that, since it's just a binary. </li> 
+<li>I wanted to repackage my jam gam jam and put it on my website, but I should do that with blessfrey, too. It's a really boring time to want blessfrey up, since I removed all allies, enemies, and currently only have one zone, but it's good to ship periodically. I guess I'll comb through again and either quickly complete or obviously rope off incomplete features. </li>
+<li>Apparently, you don't just open HTML files anymore. You have to run <a href="https://godotengine.org/qa/69170/how-to-export-my-project-to-html5-without-errors">python -m http.server</a> in the command line first. <li>
+</ul>
+<br>
+<h2>week 5, january 24-30 </h2><br>
+#<br>
+<br>
+<h3>sunday, january 24 </h3>
+<ul>
+<li>It's been brought to my attention there's a doll movie "MyScene Goes Hollywood" where the girls have to impress Harvey Weinstein. </li>
+<li>Adjust resolution. </li> 
+</ul>
+<br>
+<h3>tuesday, january 26 </h3>
+<ul>
+<li>The journalist lied. Harvey Weinstein isn't in the plot. Still such a crazy regrettable choice of celebrity for a children's movie. </li>
+<li>I downloaded Chrome to test my website.  </li> 
+<li>Update website, tweak website code. </li>
+</ul>
+<br>
+<h3>thursday, january 28 </h3>
+<ul>
+<li>The language-change button does something for the first time. Now, choosing English or 日本語 will automatically update all the text. I put all text-bearing objects in a group and update their text from the UI singleton. It's useful if I want more language options, but it's also useful to ensure each text is in my spreadsheet instead of embedded directly in the engine. It's also an opportunity to make my text-displaying code more consistent across my game. </li>
+<li>Fixing serialization. </li>
+</ul>
+<br>
+<h3>friday, january 29 </h3>
+<ul>
+<li>finished up a personal page for my FlightRising badges so imgur and tinypic will stop deleting my precious things. </li>
+<li>wrote some bash scripts for updating my website. No more scp and rm and tmux. It's less of a hassle to move small changes to live now. When I want to execute things on my server, I never remember to adjust the permissions... </li>
+<li>Serialization works again after the character refactor. </li>
+<li>I finally tried using <a href="https://docs.godotengine.org/en/stable/classes/class_theme.html">themes</a> instead of customizing a font for each individual object. Now I can just change the theme instead of each individual object. </li>
+<li>Fixed a highlight problem. Used to, when you hovered from one object to an immediate neighbor, you would change targets before you could unhighlight the old target. Now all highlightable targets belong to a group. When you hover over a new target, all members of that group unhighlight. </li>
+<li>basically lots of removing the hard-coding and making things more 
+</ul>
+<br>
+<h2>week 6, january 31 </h2><br>
+#<br>
+<br>

src/diary/entries/210218

@@ -1,28 +1,18 @@
-<!--200810-->
-<h1>my favorite GDC talks </h1>
-january 7, 2020<br>
-#gamedesign #marketing<br>
+<!--200917,201112-->
+<h1>Writing Resources </h1>
+february 18, 2021<br>
  <br>
-I really should be keeping a list of these with descriptions, so why not keep them in an article? <br>
 <br>
-<h2><a href="https://www.youtube.com/watch?v=W20t1zCZv8M">Automated Testing and Instant Replays in Retro City Rampage </a></h2><br>
-Vblank Entertainment's Brian Provinciano (2015) <br>
-log button inputs to replay the game, for use in preproducing bugs, sharing replays on the community leaderboard, running cutscenes, and even controlling AI. It is 100% accurate in deterministic engines but also helpful in less deterministic engines. 
+Blessfrey has a story and character arcs. Let's get more confident with our story with online resources. <br>
 <br>
+<h2>plot </h2><br>
 <ul>
-<li><a href="/static/extra/SimpleInputRec.cpp">I backed up the code he shared here. </a> It is a simple example of how to record and playback button input, written in C++.</li>
+    <li><a href="https://www.youtube.com/watch?v=v-I9N5LsvPM">Ellen Brock - How to Plot Your Novel FAST | Writing Advice</a> - She takes a randomly generated story idea and builds the plot using techniques she uses with her clients. Summarize the basic idea, ask questions about what you don't know, answer the questions, make a list of all the scenes you know should be included, go back and flesh things out. </li>
 </ul>
 <br>
-<br>
-<h2><a href="https://www.youtube.com/watch?v=UJiv14uPOac">Empathizing with Steam: How People Shop for Your Game </a></h2><br>
-Chris Zukowski (2020) <br>
-tips for how to design your Steam store page based on Zukowski's screenshare and shopping diary observations of ordinary people shopping on Steam <br>
-<br>
+<h2>general </h2><br>
 <ul>
-<li>Essentially, make your gameplay genre absolutely clear within the first 4 screenshots and in the short description so that people will wishlist your game to buy during a seasonal Steam Sale. </li>
-<li>Approach your wishlisters as complete newcomers. Jazz up your Steam page before a Steam Sale. Release an update, post in your forums, put a Santa hat on your character. When wishlisters return to your page, they will see an active game and be sold on it all over again. </li>
-<li>His conclusions are very similar to how I shop on Steam, except I could care less for the tag section. </li>
-<li>The romantic indie fiction section on Amazon dwarves the indie game section on Steam. To be immediately visible to their audience, romance authors follow a clear visual language on their covers to communicate their genres and sub-genres. Zukowski uses this as an extreme method for attracting your audience using the tropes of your genre, pointing out common UI elements and the shooter guy on every FPS cover. </li>
-<li>More notes @ <a href="/diary/entries/extra/gdc-design-steam-store">/diary/entries/extra/gdc-design-steam-store </a>
+    <li><a href="https://www.youtube.com/c/QuotidianWriter/videos">Diane Callahan - Quotidian Writer</a> </li>
+    <li><a href="https://tvtropes.org/">TV Tropes</a> </li>
 </ul>
 <br>

src/diary/entries/extra/210218

@@ -0,0 +1,28 @@
+<!--200810-->
+<h1>my favorite GDC talks </h1>
+january 7, 2020<br>
+#gamedesign #marketing<br>
+<br>
+I really should be keeping a list of these with descriptions, so why not keep them in an article? <br>
+<br>
+<h2><a href="https://www.youtube.com/watch?v=W20t1zCZv8M">Automated Testing and Instant Replays in Retro City Rampage </a></h2><br>
+Vblank Entertainment's Brian Provinciano (2015) <br>
+log button inputs to replay the game, for use in preproducing bugs, sharing replays on the community leaderboard, running cutscenes, and even controlling AI. It is 100% accurate in deterministic engines but also helpful in less deterministic engines. 
+<br>
+<ul>
+<li><a href="/static/extra/SimpleInputRec.cpp">I backed up the code he shared here. </a> It is a simple example of how to record and playback button input, written in C++.</li>
+</ul>
+<br>
+<br>
+<h2><a href="https://www.youtube.com/watch?v=UJiv14uPOac">Empathizing with Steam: How People Shop for Your Game </a></h2><br>
+Chris Zukowski (2020) <br>
+tips for how to design your Steam store page based on Zukowski's screenshare and shopping diary observations of ordinary people shopping on Steam <br>
+<br>
+<ul>
+<li>Essentially, make your gameplay genre absolutely clear within the first 4 screenshots and in the short description so that people will wishlist your game to buy during a seasonal Steam Sale. </li>
+<li>Approach your wishlisters as complete newcomers. Jazz up your Steam page before a Steam Sale. Release an update, post in your forums, put a Santa hat on your character. When wishlisters return to your page, they will see an active game and be sold on it all over again. </li>
+<li>His conclusions are very similar to how I shop on Steam, except I could care less for the tag section. </li>
+<li>The romantic indie fiction section on Amazon dwarves the indie game section on Steam. To be immediately visible to their audience, romance authors follow a clear visual language on their covers to communicate their genres and sub-genres. Zukowski uses this as an extreme method for attracting your audience using the tropes of your genre, pointing out common UI elements and the shooter guy on every FPS cover. </li>
+<li>More notes @ <a href="/diary/entries/extra/gdc-design-steam-store">/diary/entries/extra/gdc-design-steam-store </a>
+</ul>
+<br>

src/diary/entries/extra/chesterton-magic

@@ -0,0 +1,15 @@
+<!--reading-journal-->
+<h1>Magic: A Fantastic Comedy in a Prelude and Three Acts</b> - G.K. Chesterton (1913) </h1>
+january 8, 2020<br>
+ <br>
+<br>
+Did you know G.K. Chesterton wrote a play? Its existence really surprised me while browsing Project Gutenberg. I know him mostly as the author of The Everlasting Man and lots of other books about philosophy and religion. He's not stuffy, though. His style is so poetic and dramaticized through use of personification, he makes the topics as enjoyable as fiction...at least, from what I remember. It's been 10 years since I read anything else by him. <br>
+<br>
+Apparently, George Bernard Shaw wrote a letter pressuring him into drama because he felt he was wasting his talent on journalist. (According to <a href="https://www.chesterton.org/lecture-25/">Chesterton University's Lecture 25: Magic by  Dale Ahlquist</a>) <br>
+"I shall deliberately destroy your credit as an essayist, as a journalist, as a critic, as a Liberal, as everything that offers your laziness as a refuge, until starvation and shame drive you to serious dramatic parturition. I shall repeat my public challenge to you; vaunt my superiority; insult your corpulence; torture Belloc; if necessary, call on you and steal your wife’s affections by intellectual and athletic displays, until you contribute something to British drama." (also from that <a href="https://www.chesterton.org/lecture-25/">link</a>) <br>
+<br>
+You can read Magic, too, at <a href="https://www.gutenberg.org/files/19094/19094-h/19094-h.htm">Project Gutenberg</a>. Plays are meant to be performed, though, so hopefully you can find something on Youtube at least. <br>
+<br>
+
+<br>
+

src/diary/entries/extra/clayton-drinker-of-souls

@@ -0,0 +1,14 @@
+<!--reading-journal-->
+<h1>Drinker of Souls - Jo Clayton (1986) </h1>
+january 8, 2020<br>
+ <br>
+<br>
+I usually read classics or philosophy, so I thought I'd cut loose and read my first 80s science fiction novel: Drinker of Souls, from Jo Clayton's Drinker of Souls trilogy. Unfortunately, Clayton's novels are probably all out of print and won't be entering the public domain for a long, long time. I found mine at a thrift store. <br>
+<br>
+I just picked up a random scifi book, but apparently the Skeen Trilogy by this author is more popular. <br>
+<br>
+Review here
+<br>
+I read half of the next book, Blue Magic, but it was kind of boring and the characters were less interesting for me. It explored more parallel worlds, all with dramatically different levels of technology and magic. It had that 'wizards using computers' aesthetic that isn't done often enough. The setting reminded me of the Sigil in Planescape: Torment, how characters from all over get trapped in Brann's world. There was the guy from a futuristic trapped there with his phaser, like that number tattoo guy in the Buried Village who tells you about his cyberpunk world. <br>
+<br>
+

src/diary/entries/extra/flightrising-badges

@@ -0,0 +1,132 @@
+<!---->
+<h1>FlightRising badges </h1>
+january 8, 2020<br>
+ <br>
+<br>
+Privately hosting my collection of community badges, in case imgur goes up in flames. <br>
+<br><center>
+<b>Fire - Lava Bank - 1/21</b> <br>
+<img src="/static/img/fr/badge/XUdWkkW.gif" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/b1AOHoJ.gif" alt="(image: FlightRising badge)"><br>
+<br>
+<b>Fire - Snowy Safari Zone - 1/21</b> <br>
+<img src="/static/img/fr/badge/berniecg_copy.gif" alt="(image: FlightRising badge)"><br>
+<br>
+<b>Fire - WildFire Lottery - 1/21</b> <br>
+<img src="/static/img/fr/badge/A6QWEY1.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/3ukZc7M.png.gif" alt="(image: FlightRising badge)"><br>
+<br>
+<b>Fire vs Light - 12/20</b> <br>
+<img src="/static/img/fr/badge/yaVmX6u.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/xDr8a1W.png" alt="(image: FlightRising badge)"><br>
+<br>
+<img src="/static/img/fr/badge/ZVJmarp.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/tcCHz91.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/vnh3Mff.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/LYPRI6F.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/SjrQCts.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/GgpglGe.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/aaDmWw4.png" alt="(image: FlightRising badge)"><br>
+<br>
+<b>Arcane - 9/20</b> <br>
+<img src="/static/img/fr/badge/rlMOyL9.png" alt="(image: FlightRising badge)"><br>
+<br>
+<b>Water - Dom Push - 9/20</b> <br>
+<img src="/static/img/fr/badge/qjHFcDc3_o.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/nZVpG4qA_o.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/zizf7QON_o.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/w6nm2ozw_o.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/j8UN9lFU_o.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/jp31RUVs_o.png" alt="(image: FlightRising badge)">
+<br>
+<img src="/static/img/fr/badge/BQ0130S.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/kEdMEAr.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/ooqpaDf.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/TPdrafh.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/uC4Bb27.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/xQhJ1xN.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/z9l1QrF.png" alt="(image: FlightRising badge)">
+<br>
+<b>Fire - Flameforger's Festival - Exalts, Geyser's Grocery Games - 8/20</b> <br>
+<img src="/static/img/fr/badge/xtPgVlw.png" alt="(image: FlightRising badge)"><img src="/static/img/fr/badge/JkzY8tq.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/4hr3mkF.png" alt="(image: FlightRising badge)">
+<br>
+<img src="/static/img/fr/badge/Ugwb1bB.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/Vsjjk1F.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/TikpO8M.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/9fWw4WY.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/aFpsZk8.png" alt="(image: FlightRising badge)">
+<br>
+<img src="/static/img/fr/badge/gmc2rJz.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/KBPvEjz.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/q2tTUld.png" alt="(image: FlightRising badge)">
+<br>
+<b>Fire - <a href="https://www1.flightrising.com/forums/adopt/2898646/1">Pyro's Kitchen Window Bonsai</a> - 8/20</b> <br>
+<img src="/static/img/fr/comm/BJ41FcK.gif" alt="(image: FlightRising commission)">
+<img src="/static/img/fr/comm/dNdPm9U.gif" alt="(image: FlightRising commission)">
+<img src="/static/img/fr/comm/Lqh2ToP.gif" alt="(image: FlightRising commission)">
+<img src="/static/img/fr/comm/upFf3lM.gif" alt="(image: FlightRising commission)">
+<img src="/static/img/fr/comm/XRywlxo.png" alt="(image: FlightRising commission)">
+<br>
+<b>Fire - Lava Bank - 8/20</b> <br>
+<img src="/static/img/fr/badge/5jRjhgz.png" alt="(image: FlightRising badge)">
+<br>
+<b>Lightning - Thundercrack Carnivale - 7/20</b> <br>
+<img src="/static/img/fr/badge/6sma760.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/UBTHVjT.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/yNi4cd2.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/Qku4U0s.png" alt="(image: FlightRising badge)">
+<br>
+<b>Fire - Shocking Safari Zone - 7/20</b> <br>
+<img src="/static/img/fr/badge/0QLVhCv.png" alt="(image: FlightRising badge)">
+<br>
+<b>Fire - Baldwin's Brew for the Bank Over 9000 - 7/20</b> <br>
+<img src="/static/img/fr/badge/Cauldron1.gif" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/bm199ed.png" alt="(image: FlightRising badge)">
+<br>
+<b>Ice - 7/20</b> <br>
+<img src="/static/img/fr/badge/ebTXM7P.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/d2Sm0UO.png" alt="(image: FlightRising badge)">
+<br>
+<b>Arcane - 7/20</b> <br>
+personality quiz result: Starseeker <br>
+<img src="/static/img/fr/badge/1532000966.png" alt="(image: FlightRising badge)">
+<br>
+<img src="/static/img/fr/badge/R1I3CHl.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/jy44Pp7.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/Y6Uxj5O.png" alt="(image: FlightRising badge)">
+<br>
+<img src="/static/img/fr/badge/p1lH9gN.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/wBDxnV5.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/t5oWqxC.gif" alt="(image: FlightRising badge)">
+<br>
+<b>Fire - Shining Safari Zone - 7/20</b> <br>
+<img src="/static/img/fr/badge/l3XfYkQ.gif" alt="(image: FlightRising badge)">
+<br>
+<b>Fire - Trash for Cash - 7/20</b> <br>
+<img src="/static/img/fr/badge/ASvvnTt.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/Pixel_Trash_for_Cash_v2.png" alt="(image: FlightRising badge)">
+<br>
+<b>Wind vs Plague - 6-7/20</b> <br>
+<img src="/static/img/fr/badge/wvpfire.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/hogZwcV.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/wvpwind.png" alt="(image: FlightRising badge)">
+<br>
+<img src="/static/img/fr/badge/dqixKfS.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/WvP-OOF-t1.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/WvP-OOF-t2.png" alt="(image: FlightRising badge)">
+<br>
+<img src="/static/img/fr/badge/Kp99Tes.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/Saa8Z5q.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/G130THg.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/vhzV2z9.png" alt="(image: FlightRising badge)">
+<br>
+<b>Fire - Subspecies Raffle - 5-6/20</b> <br>
+<img src="/static/img/fr/badge/Cake.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/Candles.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/Balloons.png" alt="(image: FlightRising badge)">
+<img src="/static/img/fr/badge/PartyHat.png" alt="(image: FlightRising badge)">
+<br></center>
+<br>
+Last updated: 1/29/21<br>
+<br>

src/diary/entries/extra/ideabox

@@ -1,6 +1,7 @@
 abyssal whip
 adamantine
 airship
+alchemy
 aloe
 alpine
 amber fossil
@@ -15,6 +16,9 @@ apothecary
 apricot
 asterism
 atelier
+aura
+baby's breath
+backhoe
 bad cat
 Baldur
 bamboo
@@ -25,6 +29,7 @@ bell tower
 birthday dress
 birthstone
 black bear
+black market
 The Black Hand
 black knight
 black water
@@ -32,6 +37,7 @@ black widow
 blackguard
 bloodstone
 blue and yellow
+blue bell
 blue blood
 blue rose
 bluebell
@@ -42,37 +48,51 @@ bubble bath
 bubble tea
 bunny boy
 buried treasure
+butter cake
 butterfly woman
+café
 camel
 candlelight
+candy store
+caravan
 cashmere
 castle
 cat café
 cat familiar
 cat man
+catnip
 catacombs
+cathedral
 celestial
 cemetery
+centaur
 chained to rocks
 chain mail
+chalcedony
 chameleon
 chamomile
 chandelier
 charmeuse
 cheese bread
+chiffon
 chimera
 chives
 chocolate factory
 chronomancer
+chrysanthemum
 cipher
 citadel
+citrine
 city of the dead
 clipart
+clover
 coin flip
 cold iron
 confetti
 constellation
+cookie cutter
 copycat
+coral
 cotton
 couture
 cove
@@ -81,6 +101,7 @@ crazy quilt
 Crossroad Keep
 crucibled
 crystal sea
+cucumber
 daeva
 dark horse
 dark hour
@@ -95,14 +116,17 @@ dire wolf
 dollhouse
 donkey
 doppelgänger
+double life
 dragonfruit
 dragonstone
 dreamweaver
+dump truck
 Dymer
 dystopia
 ectoplasm
 edelweiss
 egg hunt
+El Dorado
 elemental
 elipse
 elixir of life
@@ -146,6 +170,7 @@ geode
 ghost orchid
 ghost ship
 ghost town
+gingham
 girl in the internet
 girl in white
 glow stick
@@ -170,9 +195,15 @@ happy place
 haunted house
 headscarf
 heart
+heather
 hermit
+hermit crab
 holly
+holy grail
+honeycomb
 honeydew
+honeysuckle
+horizon
 hot air balloon
 hot and cold game
 hot cocoa
@@ -183,11 +214,14 @@ imp
 incense
 invisible man
 iridescence
+iris
 ironwood
+ivory
 jack-o'-lantern
 jacquard
-jade
+jade chain
 jasmine
+jellyfish
 juicebox
 kaleidoscope
 kesi silk
@@ -204,8 +238,11 @@ lair
 lamentation
 lavender
 lemonade
+licorice
 life-giver
 lighthouse
+lily
+lip gloss
 lip oil
 Little Red Riding Hood
 lizardman
@@ -222,9 +259,12 @@ love letter
 love potion
 low poly
 lullaby
+lunar eclipse
+lust
 macramé
 mages guild
 magic carpet
+malachite
 man in the moon
 mandrake
 manna
@@ -243,13 +283,19 @@ meteorite
 metropolis
 miasma
 Midas Touch
+Milky Way
 millennial moon
+mind game
 miniature
+mink
+mirage
+mire
 mirror of Venus
 mirror on the wall
 mithril
 monastery
 money tree
+monk's hood
 monkey and bear
 moon rock
 moonflower
@@ -261,21 +307,27 @@ moth
 mudskipper
 mural
 muse
+naga
 necromancer
 nightlight
 nocturnality
+nymph
 oneiromancer
 oblivion
 odalisque
+olive
 omen
 opal
 orb
+orchid
 orichalcum
 orphan
 palace
 panda eyes
 paper crane
 paper fan
+paper lantern
+paragon
 pearl
 periwinkle
 personality test
@@ -316,9 +368,12 @@ reclining woman
 red
 reverse trap
 road roller
+rogue
 rooibos tea
 rose gold
 rose petal
+rose quartz
+rosemary
 runestone
 s'more
 sailor fuku
@@ -326,10 +381,12 @@ Sanctum
 sandalwood
 sandcastle
 sandman
+sandstone
 sanguine, my brother
 sardonic
 satire
 satyr
+scone
 scrying pool
 scythe
 sea foam
@@ -354,7 +411,9 @@ skeleton
 skipping stone
 slide puzzle
 slime
+smartphone
 smoke and mirrors
+smoothie
 snow globe
 soma
 soulmate
@@ -367,18 +426,21 @@ spice cookie
 spirit animal
 spy
 stained-glass
+star sapphire
 stardust
 stargazer
 starry sky
 statuesque
-sticker
+sticker book
 stinky cat
+stone circle
 stone face
 stone people
 storm cloud
 strawberries and cream
 strawberry blonde
 strawberry shortcake
+streusel
 sunflower
 swamp light
 swan song
@@ -393,9 +455,12 @@ three women
 tide pool
 tiger's eye
 toasted marshmallow
+topaz
 topiary
+toy kingdom
 treasure trails
 tree of life
+treehouse
 trick or treat
 trickster
 tulip
@@ -406,11 +471,14 @@ unicorn horn
 unstoppable mailman
 urban legend
 utopia
+vampire
+Venice
 vanity of vanities
 Venus
 waiting room
 waking dream
 walled city
+wallflower
 wampus cat
 wandering eye
 wanderlust
@@ -419,6 +487,7 @@ watchmen on the wall
 water bearer
 water nymph
 waterfall room
+waterlily
 weeping willow
 Whip-Poor-Will
 whisper
@@ -427,12 +496,14 @@ will-o'-wisp
 wind chimes
 wings
 wishing well
+wisteria
 witchhouse
 witching hour
 wizard tower
 wolf's-bane
 woman and serpent
 the woodsman
+workshop
 wormwood
 wreath
 wyvern

src/diary/entries/extra/reading-journal

@@ -0,0 +1,36 @@
+<!---->
+<h1>reading journal </h1>
+january 8, 2020<br>
+ <br>
+<br>
+I'll collect summaries, thoughts, and excerpts as I read. I used to read so much more. I should read more. <br>
+<br>
+<b>reading now</b> <br>
+<ul>
+<li><b>The Goddess of Atvatabar: being the history of the discovery of the interior world, and conquest of Atvatabar</b> - William R. Bradshaw (1892) </li>
+<li><b>An American Tragedy</b> - Theodore Dreiser (1925) </li>
+<li><b>How Few Remain</b> - Harry Turtledove (1997) </li>
+</ul>
+<br>
+<br>
+<b>books to read next</b> <br>
+<ul>
+<li><b>The Divine Comedy</b> - Dante Alighieri (1320) </li>
+<li><b>The Pilgrim's Progress from This World, to That Which Is to Come</b> - John Bunyan (1678) </li>
+<li><b>The Faerie Queen</b> - Edmund Spenser (1590) </li>
+<li><b>Waiting for Godot</b> - Samuel Beckett (1953) </li>
+<li><b>Metamorphoses</b> - Ovid (8) </li>
+<li><b>The Canterbury Tales</b> - Geoffrey Chaucer (1320) </li>
+<li><b>Phantastes</b> - George MacDonald (1858) </li>
+<li><b>The Lady of Shalott</b> - Alfred Tennyson (1833, 1842) </li>
+</ul>
+<br>
+<br>
+<b>completed books</b> <br>
+<ul>
+<li><b>Candide</b> - Voltaire (1759) </li>
+<li><b>Drinker of Souls</b> - Jo Clayton (1986) </li>
+<li><b>Making of a Bigot</b> - Rose Macaulay (1914) </li>
+<li><b>Magic: A Fantastic Comedy in a Prelude and Three Acts</b> - G.K. Chesterton (1913) </li>
+</ul>
+<br>

src/diary/entries/extra/stop-the-steal

@@ -0,0 +1,7 @@
+<!--210201-->
+<h1>March for Trump </h1>
+january 6, 2020<br>
+ <br>
+<br>
+Today, the March for Trump resulted in a Capitol break-in. The photos are like something out of a videogame. I took them from Twitter, so I can't easily credit. <br>
+<br>

src/static/css/box.css

@@ -59,42 +59,27 @@ body {
 
 .nav-bar {
     grid-area: 1 / 1 / 2 / 7;
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     background-image: url(../img/ele/navbar.png);
     height: 86px;
     width: 800px;
 } 
 .nav-index { 
     grid-area: 1 / 2 / 2 / 3; 
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }
 .nav-game { 
     grid-area: 1 / 3 / 2 / 4;
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }
 .nav-diary { 
     grid-area: 1 / 4 / 2 / 5; 
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }
 .nav-presskit { 
     grid-area: 1 / 5 / 2 / 6; 
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }

src/static/css/diary.css

@@ -54,42 +54,27 @@ ul { list-style-position: inside; }
 }
 .nav-bar {
     grid-area: 1 / 1 / 2 / 7;
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     background-image: url(../img/ele/navbar.png);
     height: 86px;
     width: 800px;
 } 
 .nav-index { 
     grid-area: 1 / 2 / 2 / 3; 
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }
 .nav-game { 
     grid-area: 1 / 3 / 2 / 4;
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }
 .nav-diary { 
     grid-area: 1 / 4 / 2 / 5; 
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }
 .nav-presskit { 
     grid-area: 1 / 5 / 2 / 6; 
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }

src/static/css/feature.css

@@ -54,42 +54,27 @@ ul { list-style-position: inside; }
 }
 .nav-bar {
     grid-area: 1 / 1 / 2 / 7;
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     background-image: url(../img/ele/navbar.png);
     height: 86px;
     width: 800px;
 } 
 .nav-index { 
     grid-area: 1 / 2 / 2 / 3; 
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }
 .nav-game { 
     grid-area: 1 / 3 / 2 / 4;
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }
 .nav-diary { 
     grid-area: 1 / 4 / 2 / 5; 
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }
 .nav-presskit { 
     grid-area: 1 / 5 / 2 / 6; 
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }

src/static/css/game.css

@@ -62,42 +62,27 @@ ul { list-style-position: inside; }
 
 .nav-bar {
     grid-area: 1 / 1 / 2 / 7;
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     background-image: url(../img/ele/navbar.png);
     height: 86px;
     width: 800px;
 } 
 .nav-index { 
     grid-area: 1 / 2 / 2 / 3; 
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }
 .nav-game { 
     grid-area: 1 / 3 / 2 / 4;
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }
 .nav-diary { 
     grid-area: 1 / 4 / 2 / 5; 
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }
 .nav-presskit { 
     grid-area: 1 / 5 / 2 / 6; 
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }

src/static/css/index.css

@@ -53,42 +53,27 @@ a {
 }
 .nav-bar {
     grid-area: 1 / 1 / 2 / 7;
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     background-image: url(../img/ele/navbar.png);
     height: 86px;
     width: 800px;
 }
 .nav-index { 
     grid-area: 1 / 2 / 2 / 3; 
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }
 .nav-game { 
     grid-area: 1 / 3 / 2 / 4;
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }
 .nav-diary { 
     grid-area: 1 / 4 / 2 / 5; 
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-end;
     padding-bottom: 3px;
     position: relative;
 }
 .nav-presskit { 
     grid-area: 1 / 5 / 2 / 6; 
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-end;
     padding-bottom: 3px;
     position: relative;
 }

src/static/css/presskit.css

@@ -26,9 +26,6 @@ ul { list-style-position: inside; }
 
 .whitespace {
     grid-area: 1 / 1 / 2 / 4;
-    display: flex;
-    flex-direction:column;
-    justify-content:center;
     align-items: center;
     background-color: #900C3F;
 }
@@ -47,9 +44,6 @@ ul { list-style-position: inside; }
 
 .nav-grid { 
     grid-area: 2 / 2 / 3 / 3;
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     display: grid;
     grid-template-columns: auto repeat(4, 70px) auto;
     grid-template-rows: 90px;
@@ -61,42 +55,27 @@ ul { list-style-position: inside; }
 
 .nav-bar {
     grid-area: 1 / 1 / 2 / 7;
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     background-image: url(../img/ele/navbar.png);
     height: 86px;
     width: 800px;
 } 
 .nav-index { 
     grid-area: 1 / 2 / 2 / 3; 
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }
 .nav-game { 
     grid-area: 1 / 3 / 2 / 4;
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }
 .nav-diary { 
     grid-area: 1 / 4 / 2 / 5; 
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }
 .nav-presskit { 
     grid-area: 1 / 5 / 2 / 6; 
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }

src/static/css/projects.css

@@ -55,42 +55,27 @@ ul { list-style-position: inside; }
 
 .nav-bar {
     grid-area: 1 / 1 / 2 / 7;
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     background-image: url(../img/ele/navbar.png);
     height: 86px;
     width: 800px;
 } 
 .nav-index { 
     grid-area: 1 / 2 / 2 / 3; 
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }
 .nav-game { 
     grid-area: 1 / 3 / 2 / 4;
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }
 .nav-diary { 
     grid-area: 1 / 4 / 2 / 5; 
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }
 .nav-presskit { 
     grid-area: 1 / 5 / 2 / 6; 
-    display: flex;
-    flex-direction:column;
-    justify-content:flex-end;
     padding-bottom: 3px;
     position: relative;
 }