css fixes, new "skills" page!

_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
-	people - I find it by far my greatest motivator.
+	The type of software I want to create most is that which helps people, whether it be through providing or improving
+	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
-	the software on my computer(s) is free and open source. I am strongly opposed to almost all forms of
-	<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.
+	I consider myself an advocate for free and open source software, and all of my existing projects are licensed under
+	copyleft or permissive licences.
 </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
-	<a href="https://docs.microsoft.com/dotnet/csharp">C#</a> and
-	<a href="https://wikipedia.org/wiki/JavaScript">JavaScript</a>.
+	For info on what programming languages I tend to use, see <a href="skills.html">my skills page</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 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/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/style.css

@@ -162,7 +162,7 @@ nav a.current::before {
 	margin: 30px auto 50px auto;
 }
 
-#bune {
+#bune-img {
 	height: max(200px, 10vh);
 	display: block;
 	margin: 50px auto 0;
@@ -215,4 +215,4 @@ nav a.current::before {
 		display: inline-block;
 		touch-action: manipulation;
 	}
-}
+}