css reformat

.bundle/config

@@ -0,0 +1,2 @@
+---
+BUNDLE_PATH: "vendor/bundle"

.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,46 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="GrazieInspection" enabled="false" level="TYPO" enabled_by_default="false" />
+    <inspection_tool class="PyAugmentAssignmentInspection" enabled="true" level="WEAK WARNING" enabled_by_default="true" />
+    <inspection_tool class="PyComparisonWithNoneInspection" enabled="true" level="WARNING" enabled_by_default="true" />
+    <inspection_tool class="PyCompatibilityInspection" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="ourVersions">
+        <value>
+          <list size="6">
+            <item index="0" class="java.lang.String" itemvalue="3.6" />
+            <item index="1" class="java.lang.String" itemvalue="3.7" />
+            <item index="2" class="java.lang.String" itemvalue="3.8" />
+            <item index="3" class="java.lang.String" itemvalue="3.9" />
+            <item index="4" class="java.lang.String" itemvalue="3.10" />
+            <item index="5" class="java.lang.String" itemvalue="3.10" />
+          </list>
+        </value>
+      </option>
+    </inspection_tool>
+    <inspection_tool class="PyInconsistentIndentationInspection" enabled="true" level="ERROR" enabled_by_default="true" />
+    <inspection_tool class="PyMissingTypeHintsInspection" enabled="true" level="WEAK WARNING" enabled_by_default="true" />
+    <inspection_tool class="PyPep8Inspection" enabled="true" level="WEAK WARNING" enabled_by_default="true">
+      <option name="ignoredErrors">
+        <list>
+          <option value="E302" />
+          <option value="E305" />
+          <option value="E261" />
+          <option value="E128" />
+          <option value="E124" />
+          <option value="W191" />
+        </list>
+      </option>
+    </inspection_tool>
+    <inspection_tool class="PyUnresolvedReferencesInspection" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="ignoredIdentifiers">
+        <list>
+          <option value="mutagen.id3._frames.APIC.*" />
+          <option value="music_tools.note.Note" />
+        </list>
+      </option>
+    </inspection_tool>
+    <inspection_tool class="RedundantNotNullExtensionReceiverOfInline" enabled="true" level="INFORMATION" enabled_by_default="true" />
+    <inspection_tool class="RegExpRepeatedSpace" enabled="true" level="INFORMATION" enabled_by_default="true" />
+  </profile>
+</component>

Gemfile

@@ -7,7 +7,7 @@ source "https://rubygems.org"
 #
 # This will help ensure the proper Jekyll version is running.
 # Happy Jekylling!
-gem "jekyll", "~> 4.2.0"
+gem "jekyll", "~> 4.2.1"
 # This is the default theme for new Jekyll sites. You may change this to anything you like.
 # If you want to use GitHub Pages, remove the "gem "jekyll"" above and
 # uncomment the line below. To upgrade, run `bundle update github-pages`.
@@ -27,5 +27,5 @@ end
 # Performance-booster for watching directories on Windows
 gem "wdm", "~> 0.1.1", :install_if => Gem.win_platform?
 
-
+# fix for ruby 3: https://github.com/github/pages-gem/issues/752#issuecomment-764647862
 gem "webrick", "~> 1.7"

Gemfile.lock

@@ -1,20 +1,20 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    addressable (2.7.0)
+    addressable (2.8.0)
       public_suffix (>= 2.0.2, < 5.0)
     colorator (1.1.0)
-    concurrent-ruby (1.1.8)
+    concurrent-ruby (1.1.9)
     em-websocket (0.5.2)
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0.6.0)
     eventmachine (1.2.7)
-    ffi (1.15.0)
+    ffi (1.15.4)
     forwardable-extended (2.6.0)
     http_parser.rb (0.6.0)
     i18n (1.8.10)
       concurrent-ruby (~> 1.0)
-    jekyll (4.2.0)
+    jekyll (4.2.1)
       addressable (~> 2.4)
       colorator (~> 1.0)
       em-websocket (~> 0.5)
@@ -38,18 +38,18 @@ GEM
     kramdown-parser-gfm (1.1.0)
       kramdown (~> 2.0)
     liquid (4.0.3)
-    listen (3.5.1)
+    listen (3.7.0)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
     mercenary (0.4.0)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
     public_suffix (4.0.6)
-    rb-fsevent (0.10.4)
+    rb-fsevent (0.11.0)
     rb-inotify (0.10.1)
       ffi (~> 1.0)
     rexml (3.2.5)
-    rouge (3.26.0)
+    rouge (3.26.1)
     safe_yaml (1.0.5)
     sassc (2.4.0)
       ffi (~> 1.9)
@@ -58,9 +58,9 @@ GEM
     thread_safe (0.3.6)
     tzinfo (1.2.9)
       thread_safe (~> 0.1)
-    tzinfo-data (1.2021.1)
+    tzinfo-data (1.2021.3)
       tzinfo (>= 1.0.0)
-    unicode-display_width (1.7.0)
+    unicode-display_width (1.8.0)
     wdm (0.1.1)
     webrick (1.7.0)
 
@@ -68,11 +68,11 @@ PLATFORMS
   x86_64-linux
 
 DEPENDENCIES
-  jekyll (~> 4.2.0)
+  jekyll (~> 4.2.1)
   tzinfo (~> 1.2)
   tzinfo-data
   wdm (~> 0.1.1)
   webrick (~> 1.7)
 
 BUNDLED WITH
-   2.2.16
+   2.2.29

_content/about.html

@@ -3,10 +3,11 @@ title: About
 ---
 {% include h.html level=2 content="What I do" %}
 <p>
-	I'm Lynne. My interests include creating free software, playing story-driven games, photography, and writing.
+	I'm Lynne. My interests include creating and improving free software, learning all I can about computer science,
+	playing story-driven games, photography, and writing.
 </p>
 <p>
-	Most of what I do with computers is about helping people, whether that's through writing simple scripts to automate
+	Much of what I do with computers is about helping people, whether that's through writing simple scripts to automate
 	things or writing software to make things more accessible.
 </p>
 <p>
@@ -15,18 +16,25 @@ title: About
 	contraptions and logic machines to accomplish tasks within the game.
 </p>
 <p>
-	While making games and tools was (and is) enjoyable to me, what I want to do most is create software that helps
+	The type of software I want to create most is that which helps people, whether it be through providing or improving
-	people - I find it by far my greatest motivator.
+	on accessibility options, creating tools that aim to simplify complex tasks, or even writing documentation that
+	makes existing software easier to use	- I	find it	by far	my greatest motivator.
 </p>
 <p>
 	I don't really consider myself a <em>hardcore gamer</em>, but I do enjoy video games - usually those with a focus on
 	creativity or story. I've tried to make a few games before, but never completed any outside of short little minigames
 	and TI-84 calculator toys. I'd like to make a few small games of my own, and I'm really interested in one day making
 	mods for existing games to make them more accessible - lowering difficulty, removing epilepsy-triggering sequences,
-	removing potentially phobia-inducing elements, etc. {% comment %} FOOTNOTE - why do so many games have spiders!!!! {% endcomment %}
+	removing potentially phobia-inducing elements, and so on. {% comment %} FOOTNOTE - why do so many games have
+	spiders!!!! {%	endcomment %}
 </p>
 {% comment %}
 {% include h.html level=3 content="Some things I've made" %}
+<p>
+	<a href="https://gitlab.com/Lynnesbian/fif">fif</a> is a tool to find and optionally correct files with misnamed
+	extensions. It's written in Rust, partially to teach myself the language, and partially because it's (in my
+	opinion) a more suitable language for a small CLI project like this than something like C# or Python.
+</p>
 <p>
 	I've made a lot of software to help my wife Petra, but much of it is too specific to her needs to be useful on a
 	greater scale, with perhaps a few exceptions, such as
@@ -50,19 +58,13 @@ title: About
 	phone.
 </p>
 <p>
-	I avoid proprietary and/or closed software wherever I can without hugely inconveniencing myself. The vast majority of
+	I consider myself an advocate for free and open source software, and all of my existing projects are licensed under
-	the software on my computer(s) is free and open source. I am strongly opposed to almost all forms of
+	copyleft or permissive licences.
-	<a href="https://en.wikipedia.org/wiki/Digital_rights_management">DRM</a>, and either avoid buying media with it, or
-	remove it after purchase. For example, I buy all of my music from <a href="https://bandcamp.com/">Bandcamp</a> and
-	download the <a href="https://en.wikipedia.org/wiki/Ogg_Vorbis">OGG</a> version of the albums. I do this for both
-	ideological/philosophical and practical reasons.
 </p>
 <p>
 	I used to use social media (the <a href="https://en.wikipedia.org/wiki/Fediverse">Fediverse</a>, specifically) a fair
 	amount, but I've since moved away from all forms of social media besides reddit (where I never post).
 </p>
 <p>
-	Most of my programming is done in <a href="https://rust-lang.org/">Rust</a> or <a href="https://python.org">Python</a>. I'm also somewhat familiar with
+	For info on what programming languages I tend to use, see <a href="skills.html">my skills page</a>.
-	<a href="https://docs.microsoft.com/dotnet/csharp">C#</a> and
-	<a href="https://wikipedia.org/wiki/JavaScript">JavaScript</a>.
 </p>

_content/index.html

@@ -4,7 +4,8 @@ custom_heading: true
 ---
 <picture id="bune">
 	<source type="image/webp" srcset="/assets/img/bune-smol.webp 1x, /assets/img/bune.webp 2x">
-	<img id="bune" src="/assets/img/bune.png" alt="A drawing of a rabbit with brown-tipped ears sniffing the air excitedly!" title="" style="">
+	<img id="bune-img" src="/assets/img/bune.png" alt="A drawing of a rabbit with brown-tipped ears sniffing the air
+	excitedly!" title="" style="">
 </picture>
 
 {% include h.html level=1 content="Lynnesbian dot Space" %}

_content/retro.html

@@ -8,12 +8,12 @@ layout: none
 
 <HEAD>
   <TITLE>Welcome to my web site!</TITLE>
-  <LINK REL="stylesheet" TYPE="text/css" HREF="/assets/RETRO.CSS" />
   <LINK REL="shortcut icon" HREF="/assets/img/favicon.png" />
 </HEAD>
 
-<BODY>
+<BODY LEFTMARGIN="0" TOPMARGIN="0" RIGHTMARGIN="0" BOTTOMMARGIN="0" BACKGROUND="/assets/img/retro/BG.GIF">
-<TABLE ID="MYTABLE">
+<FONT COLOR="WHITE" FACE="SERIF" SIZE="4PX">
+<TABLE ID="MYTABLE" WIDTH="768PX" BORDER="6PX GREY RIDGE">
   <THEAD>
   <TR>
     <TH COLSPAN="3">
@@ -23,7 +23,7 @@ layout: none
   </THEAD>
   <TBODY>
   <TR>
-    <TD>
+    <TD VALIGN="TOP">
       <TABLE>
         <THEAD>
         <TR>
@@ -35,7 +35,7 @@ layout: none
         <TBODY>
         <TR>
           <TD>
-            <A HREF="/">Old site</A>
+            <A HREF="/"><FONT COLOR="LIGHTBLUE">Old site</FONT></A>
           </TD>
         </TR>
         {%- assign main_pages = site.content | where: "less_important", null -%}
@@ -43,7 +43,7 @@ layout: none
           {%- unless html_page.url == '/' -%}
             <TR>
               <TD>
-                <A HREF="{{ html_page.url }}">{{ html_page.title }}</A>
+                <A HREF="{{ html_page.url }}"><FONT COLOR="LIGHTBLUE">{{ html_page.title }}</FONT></A>
               </TD>
             </TR>
           {%- endunless -%}
@@ -51,14 +51,14 @@ layout: none
         </TBODY>
       </TABLE>
     </TD>
-    <TD ID=" MAIN">
+    <TD>
       <H2>Who?</H2>
-      My name is Lynne, a twenty-two year old woman living in Australia (the land down under!)
+      My name is Lynne, a twenty-three year old woman living in Australia (the land down under!)
       <BR />
       <BR />
       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
       <IMG SRC='/assets/img/retro/LESBUN.GIF' />
-      <BR />
+      <BR /><BR />
 
       <H2>What?</H2>
       I make <I>free and open source software</I>, which is software that can be modified and distributed
@@ -69,26 +69,25 @@ layout: none
       <UL>
         {% for project in site.projects %}
           <LI>
-            <A HREF="{{ project.url }}"
+            <A HREF="{{ project.url }}" TITLE=" {{ project.description | replace: '"', '&quot;'}}"><FONT
-               TITLE=" {{ project.description | replace: '"', '&quot;'}}">{{ project.name }}</A>
+            COLOR="LIGHTBLUE">{{project.name }}</FONT></A>
           </LI>
         {% endfor %}
       </UL>
       Of course, I've done much more than just that! :)
       <BR />
-      You can see more of my projects on <A HREF='https://git.bune.city/lynnesbian'>my own personal Git
+      You can see more of my projects on <A HREF='https://git.bune.city/lynnesbian'><FONT COLOR="LIGHTBLUE">my own
-        web
+      personal Git web page</FONT></A>, or <A HREF='https://github.com/Lynnesbian'><FONT COLOR="LIGHTBLUE">my online
-        page</A>, or <A HREF='https://github.com/Lynnesbian'>my online GitHub account</A>.
+      GitHub account</FONT></A>.
 
       <H2>How?</H2>
       Some of the tools I often use to work are:
       <UL>
-        <LI><A HREF='https://archlinux.org'>Arch GNU/Linux</A></LI>
+        <LI><A HREF='https://archlinux.org'><FONT COLOR="LIGHTBLUE">Arch GNU/Linux</FONT></A></LI>
-        <LI><A HREF='https://debian.org'>Debian GNU/Linux</A></LI>
+        <LI><A HREF='https://debian.org'><FONT COLOR="LIGHTBLUE">Debian GNU/Linux</FONT></A></LI>
-        <LI><A HREF='https://code.visualstudio.com/'>MicroSoft Visual Studio Code</A> [WARNING: Not free
+        <LI><A HREF='https://code.visualstudio.com/'><FONT COLOR="LIGHTBLUE">MicroSoft Visual Studio Code</FONT></A>
-          software by
+          [WARNING: Not free software by default, unless you download the open source edition]</LI>
-          default, unless you download the open source edition]</LI>
+        <LI><A HREF='https://getfirefox.com'><FONT COLOR="LIGHTBLUE">Mozilla FireFox</FONT></A></LI>
-        <LI><A HREF='https://getfirefox.com'>Mozilla FireFox</A></LI>
       </UL>
 
       The best way to create free software is <I>with</I> free software. ;)
@@ -107,7 +106,7 @@ layout: none
       sound paranoid, but in my opinion, it's better safe than sorry.
       <H2>Where?</H2>
       You won't find me on any data-slurping "social media" websites. Drop me a line at
-      <A HREF='mailto:lynne@bune.city'>lynne@bune.city</A> if you need to get in touch.
+      <A HREF='mailto:lynne@bune.city'><FONT COLOR="LIGHTBLUE">lynne@bune.city</FONT></A> if you need to get in touch.
 
       <H2>When?</H2>
       Until the end of cyber freedom as we know it, the webmasters, webmistresses and webmakers of the
@@ -118,13 +117,13 @@ layout: none
       <BR />
 
     </TD>
-    <TD>
+    <TD VALIGN="TOP">
       You are visitor number <TT>PHP Parse error</TT>!
       <BR />
       <BR />
       <IMG SRC='/assets/img/retro/FREE.GIF' />
-      <A HREF='https://getfirefox.com'><IMG SRC='/assets/img/retro/GETFF.GIF' /></A>
+      <A HREF='https://getfirefox.com'><FONT COLOR="LIGHTBLUE"><IMG SRC='/assets/img/retro/GETFF.GIF' /></FONT></A>
-      <A HREF='https://debian.org'><IMG SRC='/assets/img/retro/DEBIAN.GIF' /></A>
+      <A HREF='https://debian.org'><FONT COLOR="LIGHTBLUE"><IMG SRC='/assets/img/retro/DEBIAN.GIF' /></FONT></A>
       <IMG SRC='/assets/img/retro/CSSCOMPT.GIF' />
       <BR />
       Take back your computing freedom - switch to GNU/Linux today!
@@ -144,11 +143,12 @@ layout: none
       <BR />
       Web content and design by Lynne.
       <BR />
-      Background image by <A HREF='http://emma31.tripod.com/allbacks.html'>Emma31</A>!
+      Background image by <A HREF='http://emma31.tripod.com/allbacks.html'><FONT COLOR="LIGHTBLUE">Emma31</FONT></A>!
     </TH>
   </TR>
   </TFOOT>
 </TABLE>
+</FONT>
 
 </BODY>
 

_content/skills.html

@@ -0,0 +1,27 @@
+---
+title: Skills
+---
+{% include h.html level=2 content="Languages" %}
+I'm most comfortable with...
+<ul>
+	<li><a href="https://rust-lang.org/">Rust</a> - my preferred language, and my default for new CLI/TUI	projects</li>
+	<li><a href="https://python.org">Python</a> - my go-to scripting/glue language</li>
+	<li><a href="https://docs.microsoft.com/dotnet/csharp">C#</a> - my usual pick for GUI projects</li>
+</ul>
+
+I'm fairly capable with...
+<ul>
+	<li><a href="https://wikipedia.org/wiki/JavaScript">JavaScript</a></li>
+	<li><a href="https://wikipedia.org/wiki/HTML">HTML</a>/<a href="https://wikipedia.org/wiki/CSS">CSS</a></li>
+	<li><a href="https://www.gnu.org/software/bash/manual/bash.html">Bash</a></li>
+</ul>
+
+I'm currently learning...
+<ul>
+	<li><a href="https://isocpp.org">C++</a> - while I much prefer Rust, C++ has a far larger established base, and
+		learning either it or C (preferably both) is near-essential for systems programming, particularly when working
+		with Linux internals</li>
+	<li><a href="https://kotlinlang.org">Kotlin</a> - my personal favourite of the various JVM languages. Java is
+		widespread in many industries, and Kotlin provides near-seamless Java interop. Knowing at least one JVM
+		language should be very helpful for integrating with existing established codebases.</li>
+</ul>

assets/RETRO.CSS

@@ -1,25 +0,0 @@
-BODY {
-	margin: 0;
-	background: url('/assets/img/retro/BG.GIF');
-	color: white;
-	font-family: serif;
-}
-A {
-	color: lightblue;
-}
-#MYTABLE {
-	width: 768px;
-}
-#MAIN {
-	border: 6px grey ridge;
-	width: 525px;
-}
-TD {
-	vertical-align: top;
-}
-TH {
-	font-weight: 400;
-}
-IMG {
-	margin-bottom: 10px;
-}

assets/style.css

@@ -2,11 +2,12 @@
 	box-sizing: border-box;
 }
 body {
-	font-family: sans-serif;
+	font-family: "Noto Sans", sans-serif;
 	margin: 0;
 	display: grid;
 	grid-template-columns: max(325px, 15%) auto;
 	background: #fafafa;
+	color: black;
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -82,7 +83,7 @@ header {
 	height: 100vh;
 	transition: 0.2s all;
 }
-header::after {
+header::after { /* the background image behind the sidebar */
 	/* will use webp with jpeg fallback when
 	https://developer.mozilla.org/en-US/docs/Web/CSS/image()#browser_compatibility becomes a thing, until then, it's jpeg
 	only for now :c */
@@ -95,13 +96,12 @@ header::after {
 	z-index: -1;
 	/*noinspection CssInvalidFunction*/
 	background: linear-gradient(to bottom, #333, #333 10%, 70%, transparent),
-	/* 	image("/assets/img/background.webp", "/assets/img/background.jpeg") no-repeat bottom center/cover, */
+		/* 	image("/assets/img/background.webp", "/assets/img/background.jpeg") no-repeat bottom center/cover, */ url("/assets/img/background.jpeg") no-repeat bottom center/cover,
-	url("/assets/img/background.jpeg") no-repeat bottom center/cover,
 	#333;
-	filter: blur(5px) saturate(75%);
+	filter: blur(3px) saturate(75%);
 	content: "";
 }
-#hamburger {
+#hamburger { /* hamburger menu button, should only display on mobile devices. see @media section at bottom of file */
 	display: none;
 	position: fixed;
 	top: 10px;
@@ -118,14 +118,14 @@ header::after {
 #hb-icon {
 	height: 100%;
 	width: 100%;
-	background: linear-gradient( to bottom, mediumpurple, mediumpurple 10%, #fafafa 10%, #fafafa 45%, mediumpurple 45%, mediumpurple 55%, #fafafa 55%, #fafafa 90%, mediumpurple 90%, mediumpurple 100% );
+	background: linear-gradient(to bottom, mediumpurple, mediumpurple 10%, #fafafa 10%, #fafafa 45%, mediumpurple 45%, mediumpurple 55%, #fafafa 55%, #fafafa 90%, mediumpurple 90%, mediumpurple 100%);
 }
 
 nav a {
 	color: white;
 }
 nav a {
-	padding: 10px 0;
+	padding: 10px 40px;
 	display: block;
 	width: 100%;
 	text-align: center;
@@ -145,10 +145,12 @@ nav a::before {
 	position: absolute;
 	transition: 0.2s all;
 }
-nav a:hover,
+nav a:hover {
-nav a.current {
 	background: #00000044;
 }
+nav a.current:not(:hover) {
+	background: #9370db44;
+}
 nav a:hover::before,
 nav a.current::before {
 	left: 0;
@@ -162,7 +164,7 @@ nav a.current::before {
 	margin: 30px auto 50px auto;
 }
 
-#bune {
+#bune-img {
 	height: max(200px, 10vh);
 	display: block;
 	margin: 50px auto 0;
@@ -185,8 +187,29 @@ nav a.current::before {
 	font-style: italic;
 }
 
+/* dark theme */
+@media (prefers-color-scheme: dark) {
+	body, main article {
+		background: #282a36;
+		color: white;
+	}
+	main article a {
+		color: #a380eb;
+	}
+	header::after {
+		filter: blur(3px) saturate(75%) brightness(80%);
+	}
+}
+
+/* smaller screen tweaks */
+@media only screen and (max-device-width: 840px) {
+	body {
+		grid-template-columns: max(225px, 15%) auto;
+	}
+}
+
 /* mobile tweaks */
-@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
+@media only screen and (max-device-width: 480px) {
 	main {
 		width: 100vw;
 		box-shadow: none;