Compare commits

..

No commits in common. "95d2f7d2daae4e7939749af4214fcea2a5a8f154" and "e3cf74d48ce9c6aaf72a81ac7b722955596daf39" have entirely different histories.

7 changed files with 111 additions and 88 deletions

View file

@ -7,7 +7,7 @@ source "https://rubygems.org"
# #
# This will help ensure the proper Jekyll version is running. # This will help ensure the proper Jekyll version is running.
# Happy Jekylling! # 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. # 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 # If you want to use GitHub Pages, remove the "gem "jekyll"" above and
# uncomment the line below. To upgrade, run `bundle update github-pages`. # uncomment the line below. To upgrade, run `bundle update github-pages`.
@ -27,5 +27,5 @@ end
# Performance-booster for watching directories on Windows # Performance-booster for watching directories on Windows
gem "wdm", "~> 0.1.1", :install_if => Gem.win_platform? 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" gem "webrick", "~> 1.7"

View file

@ -1,20 +1,20 @@
GEM GEM
remote: https://rubygems.org/ remote: https://rubygems.org/
specs: specs:
addressable (2.8.6) addressable (2.8.0)
public_suffix (>= 2.0.2, < 6.0) public_suffix (>= 2.0.2, < 5.0)
colorator (1.1.0) colorator (1.1.0)
concurrent-ruby (1.2.3) concurrent-ruby (1.1.9)
em-websocket (0.5.3) em-websocket (0.5.3)
eventmachine (>= 0.12.9) eventmachine (>= 0.12.9)
http_parser.rb (~> 0) http_parser.rb (~> 0)
eventmachine (1.2.7) eventmachine (1.2.7)
ffi (1.16.3) ffi (1.15.4)
forwardable-extended (2.6.0) forwardable-extended (2.6.0)
http_parser.rb (0.8.0) http_parser.rb (0.8.0)
i18n (1.14.1) i18n (1.8.11)
concurrent-ruby (~> 1.0) concurrent-ruby (~> 1.0)
jekyll (4.2.2) jekyll (4.2.1)
addressable (~> 2.4) addressable (~> 2.4)
colorator (~> 1.0) colorator (~> 1.0)
em-websocket (~> 0.5) em-websocket (~> 0.5)
@ -29,50 +29,50 @@ GEM
rouge (~> 3.0) rouge (~> 3.0)
safe_yaml (~> 1.0) safe_yaml (~> 1.0)
terminal-table (~> 2.0) terminal-table (~> 2.0)
jekyll-sass-converter (2.2.0) jekyll-sass-converter (2.1.0)
sassc (> 2.0.1, < 3.0) sassc (> 2.0.1, < 3.0)
jekyll-watch (2.2.1) jekyll-watch (2.2.1)
listen (~> 3.0) listen (~> 3.0)
kramdown (2.4.0) kramdown (2.3.1)
rexml rexml
kramdown-parser-gfm (1.1.0) kramdown-parser-gfm (1.1.0)
kramdown (~> 2.0) kramdown (~> 2.0)
liquid (4.0.4) liquid (4.0.3)
listen (3.8.0) listen (3.7.0)
rb-fsevent (~> 0.10, >= 0.10.3) rb-fsevent (~> 0.10, >= 0.10.3)
rb-inotify (~> 0.9, >= 0.9.10) rb-inotify (~> 0.9, >= 0.9.10)
mercenary (0.4.0) mercenary (0.4.0)
pathutil (0.16.2) pathutil (0.16.2)
forwardable-extended (~> 2.6) forwardable-extended (~> 2.6)
public_suffix (5.0.4) public_suffix (4.0.6)
rb-fsevent (0.11.2) rb-fsevent (0.11.0)
rb-inotify (0.10.1) rb-inotify (0.10.1)
ffi (~> 1.0) ffi (~> 1.0)
rexml (3.2.6) rexml (3.2.5)
rouge (3.30.0) rouge (3.26.1)
safe_yaml (1.0.5) safe_yaml (1.0.5)
sassc (2.4.0) sassc (2.4.0)
ffi (~> 1.9) ffi (~> 1.9)
terminal-table (2.0.0) terminal-table (2.0.0)
unicode-display_width (~> 1.1, >= 1.1.1) unicode-display_width (~> 1.1, >= 1.1.1)
thread_safe (0.3.6) thread_safe (0.3.6)
tzinfo (1.2.11) tzinfo (1.2.9)
thread_safe (~> 0.1) thread_safe (~> 0.1)
tzinfo-data (1.2024.1) tzinfo-data (1.2021.5)
tzinfo (>= 1.0.0) tzinfo (>= 1.0.0)
unicode-display_width (1.8.0) unicode-display_width (1.8.0)
wdm (0.1.1) wdm (0.1.1)
webrick (1.8.1) webrick (1.7.0)
PLATFORMS PLATFORMS
x86_64-linux x86_64-linux
DEPENDENCIES DEPENDENCIES
jekyll (~> 4.2.0) jekyll (~> 4.2.1)
tzinfo (~> 1.2) tzinfo (~> 1.2)
tzinfo-data tzinfo-data
wdm (~> 0.1.1) wdm (~> 0.1.1)
webrick (~> 1.7) webrick (~> 1.7)
BUNDLED WITH BUNDLED WITH
2.4.10 2.2.29

View file

@ -17,10 +17,7 @@ custom_heading: true
{% include h.html level=2 content="Quick Links" %} {% include h.html level=2 content="Quick Links" %}
<p> <p>
I'm on the Fediverse! Follow me: <a rel="me" href="https://fedi.lynnesbian.space/@lynnesbian">@lynnesbian@fedi.lynnesbian.space</a> <a href="https://bune.city/">My blog</a> is updated very infrequently, and focuses mostly on technology and/or games.
</p>
<p>
<a href="https://bune.city/">My abandoned blog</a> updated very infrequently, and focused mostly on technology and/or games.
</p> </p>
<p> <p>
My <a href="https://keybase.io/lynnesbian/pgp_keys.asc">public PGP key</a> is available on Keybase. I've proven My <a href="https://keybase.io/lynnesbian/pgp_keys.asc">public PGP key</a> is available on Keybase. I've proven

View file

@ -8,12 +8,12 @@ layout: none
<HEAD> <HEAD>
<TITLE>Welcome to my web site!</TITLE> <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" /> <LINK REL="shortcut icon" HREF="/assets/img/favicon.png" />
</HEAD> </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> <THEAD>
<TR> <TR>
<TH COLSPAN="3"> <TH COLSPAN="3">
@ -23,7 +23,7 @@ layout: none
</THEAD> </THEAD>
<TBODY> <TBODY>
<TR> <TR>
<TD> <TD VALIGN="TOP">
<TABLE> <TABLE>
<THEAD> <THEAD>
<TR> <TR>
@ -35,7 +35,7 @@ layout: none
<TBODY> <TBODY>
<TR> <TR>
<TD> <TD>
<A HREF="/">Old site</A> <A HREF="/"><FONT COLOR="LIGHTBLUE">Old site</FONT></A>
</TD> </TD>
</TR> </TR>
{%- assign main_pages = site.content | where: "less_important", null -%} {%- assign main_pages = site.content | where: "less_important", null -%}
@ -43,7 +43,7 @@ layout: none
{%- unless html_page.url == '/' -%} {%- unless html_page.url == '/' -%}
<TR> <TR>
<TD> <TD>
<A HREF="{{ html_page.url }}">{{ html_page.title }}</A> <A HREF="{{ html_page.url }}"><FONT COLOR="LIGHTBLUE">{{ html_page.title }}</FONT></A>
</TD> </TD>
</TR> </TR>
{%- endunless -%} {%- endunless -%}
@ -51,14 +51,14 @@ layout: none
</TBODY> </TBODY>
</TABLE> </TABLE>
</TD> </TD>
<TD ID=" MAIN"> <TD>
<H2>Who?</H2> <H2>Who?</H2>
My name is Lynne, a twenty-five year old woman living in Australia (the land down under!) My name is Lynne, a twenty-four year old woman living in Australia (the land down under!)
<BR /> <BR />
<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; &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' /> <IMG SRC='/assets/img/retro/LESBUN.GIF' />
<BR /> <BR /><BR />
<H2>What?</H2> <H2>What?</H2>
I make <I>free and open source software</I>, which is software that can be modified and distributed 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> <UL>
{% for project in site.projects %} {% for project in site.projects %}
<LI> <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> </LI>
{% endfor %} {% endfor %}
</UL> </UL>
Of course, I've done much more than just that! :) Of course, I've done much more than just that! :)
<BR /> <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> <H2>How?</H2>
Some of the tools I often use to work are: Some of the tools I often use to work are:
<UL> <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> </UL>
The best way to create free software is <I>with</I> free software. ;) 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. sound paranoid, but in my opinion, it's better safe than sorry.
<H2>Where?</H2> <H2>Where?</H2>
You won't find me on any data-slurping "social media" websites. Drop me a line at 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> <H2>When?</H2>
Until the end of cyber freedom as we know it, the webmasters, webmistresses and webmakers of the Until the end of cyber freedom as we know it, the webmasters, webmistresses and webmakers of the
@ -118,13 +117,13 @@ layout: none
<BR /> <BR />
</TD> </TD>
<TD> <TD VALIGN="TOP">
You are visitor number <TT>PHP Parse error</TT>! You are visitor number <TT>PHP Parse error</TT>!
<BR /> <BR />
<BR /> <BR />
<IMG SRC='/assets/img/retro/FREE.GIF' /> <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' /> <IMG SRC='/assets/img/retro/CSSCOMPT.GIF' />
<BR /> <BR />
Take back your computing freedom - switch to GNU/Linux today! Take back your computing freedom - switch to GNU/Linux today!
@ -144,11 +143,12 @@ layout: none
<BR /> <BR />
Web content and design by Lynne. Web content and design by Lynne.
<BR /> <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> </TH>
</TR> </TR>
</TFOOT> </TFOOT>
</TABLE> </TABLE>
</FONT>
</BODY> </BODY>

View file

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang='en-AU' prefix="og: http://ogp.me/ns#"> <html lang='en-AU' prefix="og: https://ogp.me/ns#">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
@ -7,8 +7,16 @@
<link rel="stylesheet" type="text/css" href="/assets/style.css"> <link rel="stylesheet" type="text/css" href="/assets/style.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/fonts.css"> <link rel="stylesheet" type="text/css" href="/assets/fonts/fonts.css">
<link rel="shortcut icon" href="/assets/img/favicon.png"> <link rel="shortcut icon" href="/assets/img/favicon.png">
<link
href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&family=IBM+Plex+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap"
rel="stylesheet"
>
<script src='/assets/script.js'></script> <script src='/assets/script.js'></script>
<script async src="https://ackee.lynnesbian.space/script.js" data-ackee-server="https://ackee.lynnesbian.space" data-ackee-domain-id="f0217e7d-ec2a-4a9b-baf3-d2d2215810ba"></script> <!--suppress JSUnresolvedLibraryURL -->
<script async src="https://ackee.lynnesbian.space/script.js"
data-ackee-server="https://ackee.lynnesbian.space"
data-ackee-domain-id="f0217e7d-ec2a-4a9b-baf3-d2d2215810ba"
></script>
<title>{{ page.title | default: "lynnesbian dot space" }}</title> <title>{{ page.title | default: "lynnesbian dot space" }}</title>
<meta property="og:title" content="{{ page.title | default: 'Henlo!' }}"> <meta property="og:title" content="{{ page.title | default: 'Henlo!' }}">
<meta property="og:site_name" content="lynnesbian dot space"> <meta property="og:site_name" content="lynnesbian dot space">
@ -21,7 +29,7 @@
<body> <body>
<header> <header>
<section id="header-content"> <section id="header-content">
<picture id="logo"> <picture>
<source type="image/webp" srcset="/assets/img/lynnesoft-centred.webp"> <source type="image/webp" srcset="/assets/img/lynnesoft-centred.webp">
<img id="logo" <img id="logo"
src="/assets/img/lynnesoft-centred.png" src="/assets/img/lynnesoft-centred.png"

View file

@ -8,4 +8,5 @@ layout: default
</div> </div>
<p>{{ page.description }}</p> <p>{{ page.description }}</p>
{{ content | rstrip | default: "There's nothing here yet." }} {{ content | rstrip | default: "There's nothing here yet." }}
<!--suppress HtmlUnknownTarget -->
<a href="/projects.html">Back to all projects</a> <a href="/projects.html">Back to all projects</a>

View file

@ -2,11 +2,12 @@
box-sizing: border-box; box-sizing: border-box;
} }
body { body {
font-family: sans-serif; font-family: "Noto Sans", sans-serif;
margin: 0; margin: 0;
display: grid; display: grid;
grid-template-columns: max(325px, 15%) auto; grid-template-columns: max(325px, 15%) auto;
background: #fafafa; background: #fafafa;
color: black;
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
@ -19,23 +20,20 @@ main article h4 a,
main article h5 a, main article h5 a,
main article h6 a { main article h6 a {
color: inherit; color: inherit;
text-decoration: none; text-decoration: underline mediumpurple solid 3px;
} }
h1, h2, h3 {
font-weight: 400; main article h1 a {
text-decoration-thickness: 5px;
} }
h1 { h1 {
font-size: 3em; font-size: 3em;
text-align: center; text-align: center;
} }
main article h1 a {
/* needed for chrome */
/*noinspection CssInvalidPropertyValue*/
text-decoration: underline mediumpurple dotted 5px;
}
h2 { h2 {
font-size: 1.6em; font-size: 1.4em;
} }
main { main {
@ -44,25 +42,18 @@ main {
} }
main article { main article {
max-width: 1800px; font-family: "IBM Plex Serif", serif;
font-size: 1.3em;
max-width: max(1200px, 60%);
padding: 0 50px 30px; padding: 0 50px 30px;
margin: 0 auto; margin: 0 auto;
background: #fafafa; background: #fafafa;
min-height: 100%; min-height: 100%;
overflow: auto; overflow: auto;
font-size: 1.1em;
}
main article h2,
main article h3 {
border-left: 5px solid mediumpurple;
padding-left: 5px;
margin-left: -10px;
} }
main article a { main article a {
color: #60a; color: #60a;
text-decoration-style: dotted;
text-decoration-color: transparent; text-decoration-color: transparent;
transition: 0.2s all; transition: 0.2s all;
} }
@ -82,7 +73,7 @@ header {
height: 100vh; height: 100vh;
transition: 0.2s all; transition: 0.2s all;
} }
header::after { header::after { /* the background image behind the sidebar */
/* will use webp with jpeg fallback when /* 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 https://developer.mozilla.org/en-US/docs/Web/CSS/image()#browser_compatibility becomes a thing, until then, it's jpeg
only for now :c */ only for now :c */
@ -98,10 +89,10 @@ header::after {
/* 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; #333;
filter: blur(5px) saturate(75%); filter: blur(3px) saturate(75%);
content: ""; content: "";
} }
#hamburger { #hamburger { /* hamburger menu button, should only display on mobile devices. see @media section at bottom of file */
display: none; display: none;
position: fixed; position: fixed;
top: 10px; top: 10px;
@ -118,14 +109,12 @@ header::after {
#hb-icon { #hb-icon {
height: 100%; height: 100%;
width: 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 { nav a {
color: white; color: white;
} padding: 10px 40px;
nav a {
padding: 10px 0;
display: block; display: block;
width: 100%; width: 100%;
text-align: center; text-align: center;
@ -145,10 +134,12 @@ nav a::before {
position: absolute; position: absolute;
transition: 0.2s all; transition: 0.2s all;
} }
nav a:hover, nav a:hover {
nav a.current {
background: #00000044; background: #00000044;
} }
nav a.current:not(:hover) {
background: #9370db44;
}
nav a:hover::before, nav a:hover::before,
nav a.current::before { nav a.current::before {
left: 0; left: 0;
@ -162,10 +153,11 @@ nav a.current::before {
margin: 30px auto 50px auto; margin: 30px auto 50px auto;
} }
#bune { #bune-img {
height: max(200px, 10vh); height: max(200px, 10vh);
display: block; display: block;
margin: 50px auto 0; margin: 50px auto 0;
filter: drop-shadow(0 0 15px #ccc);
} }
.project { .project {
@ -185,14 +177,39 @@ nav a.current::before {
font-style: italic; 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%);
}
#bune-img {
filter: drop-shadow(0 0 15px #111);
}
}
/* smaller screen tweaks */
@media only screen and (max-device-width: 840px) {
body {
grid-template-columns: max(225px, 15%) auto;
}
}
/* mobile tweaks */ /* mobile tweaks */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { @media only screen and (max-device-width: 480px) {
main { main {
width: 100vw; width: 100vw;
box-shadow: none; box-shadow: none;
} }
main article { main article {
padding: 0 20px 30px; padding: 0 20px 30px;
font-size: 1.1em;
} }
h1 { h1 {
font-size: 2.5em; font-size: 2.5em;