Compare commits

...

3 Commits

Author SHA1 Message Date
Lynne Megido 95d2f7d2da
gem updates 2024-02-09 21:32:01 +10:00
Lynne Megido 9a4eb4555e
style changes 2024-02-09 21:31:54 +10:00
Lynne Megido a0f3efb05a
bump age, fedi link 2024-02-09 21:30:46 +10:00
7 changed files with 88 additions and 111 deletions

View File

@ -7,7 +7,7 @@ source "https://rubygems.org"
#
# This will help ensure the proper Jekyll version is running.
# Happy Jekylling!
gem "jekyll", "~> 4.2.1"
gem "jekyll", "~> 4.2.0"
# 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"

View File

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

View File

@ -17,7 +17,10 @@ custom_heading: true
{% include h.html level=2 content="Quick Links" %}
<p>
<a href="https://bune.city/">My blog</a> is updated very infrequently, and focuses mostly on technology and/or games.
I'm on the Fediverse! Follow me: <a rel="me" href="https://fedi.lynnesbian.space/@lynnesbian">@lynnesbian@fedi.lynnesbian.space</a>
</p>
<p>
<a href="https://bune.city/">My abandoned blog</a> updated very infrequently, and focused mostly on technology and/or games.
</p>
<p>
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>
<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 LEFTMARGIN="0" TOPMARGIN="0" RIGHTMARGIN="0" BOTTOMMARGIN="0" BACKGROUND="/assets/img/retro/BG.GIF">
<FONT COLOR="WHITE" FACE="SERIF" SIZE="4PX">
<TABLE ID="MYTABLE" WIDTH="768PX" BORDER="6PX GREY RIDGE">
<BODY>
<TABLE ID="MYTABLE">
<THEAD>
<TR>
<TH COLSPAN="3">
@ -23,7 +23,7 @@ layout: none
</THEAD>
<TBODY>
<TR>
<TD VALIGN="TOP">
<TD>
<TABLE>
<THEAD>
<TR>
@ -35,7 +35,7 @@ layout: none
<TBODY>
<TR>
<TD>
<A HREF="/"><FONT COLOR="LIGHTBLUE">Old site</FONT></A>
<A HREF="/">Old site</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 }}"><FONT COLOR="LIGHTBLUE">{{ html_page.title }}</FONT></A>
<A HREF="{{ html_page.url }}">{{ html_page.title }}</A>
</TD>
</TR>
{%- endunless -%}
@ -51,14 +51,14 @@ layout: none
</TBODY>
</TABLE>
</TD>
<TD>
<TD ID=" MAIN">
<H2>Who?</H2>
My name is Lynne, a twenty-four year old woman living in Australia (the land down under!)
My name is Lynne, a twenty-five 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,25 +69,26 @@ layout: none
<UL>
{% for project in site.projects %}
<LI>
<A HREF="{{ project.url }}" TITLE=" {{ project.description | replace: '"', '&quot;'}}"><FONT
COLOR="LIGHTBLUE">{{project.name }}</FONT></A>
<A HREF="{{ project.url }}"
TITLE=" {{ project.description | replace: '"', '&quot;'}}">{{ project.name }}</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'><FONT COLOR="LIGHTBLUE">my own
personal Git web page</FONT></A>, or <A HREF='https://github.com/Lynnesbian'><FONT COLOR="LIGHTBLUE">my online
GitHub account</FONT></A>.
You can see more of my projects on <A HREF='https://git.bune.city/lynnesbian'>my own personal Git
web
page</A>, or <A HREF='https://github.com/Lynnesbian'>my online GitHub account</A>.
<H2>How?</H2>
Some of the tools I often use to work are:
<UL>
<LI><A HREF='https://archlinux.org'><FONT COLOR="LIGHTBLUE">Arch GNU/Linux</FONT></A></LI>
<LI><A HREF='https://debian.org'><FONT COLOR="LIGHTBLUE">Debian GNU/Linux</FONT></A></LI>
<LI><A HREF='https://code.visualstudio.com/'><FONT COLOR="LIGHTBLUE">MicroSoft Visual Studio Code</FONT></A>
[WARNING: Not free software by 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://archlinux.org'>Arch GNU/Linux</A></LI>
<LI><A HREF='https://debian.org'>Debian GNU/Linux</A></LI>
<LI><A HREF='https://code.visualstudio.com/'>MicroSoft Visual Studio Code</A> [WARNING: Not free
software by
default, unless you download the open source edition]</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. ;)
@ -106,7 +107,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'><FONT COLOR="LIGHTBLUE">lynne@bune.city</FONT></A> if you need to get in touch.
<A HREF='mailto:lynne@bune.city'>lynne@bune.city</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
@ -117,13 +118,13 @@ layout: none
<BR />
</TD>
<TD VALIGN="TOP">
<TD>
You are visitor number <TT>PHP Parse error</TT>!
<BR />
<BR />
<IMG SRC='/assets/img/retro/FREE.GIF' />
<A HREF='https://getfirefox.com'><FONT COLOR="LIGHTBLUE"><IMG SRC='/assets/img/retro/GETFF.GIF' /></FONT></A>
<A HREF='https://debian.org'><FONT COLOR="LIGHTBLUE"><IMG SRC='/assets/img/retro/DEBIAN.GIF' /></FONT></A>
<A HREF='https://getfirefox.com'><IMG SRC='/assets/img/retro/GETFF.GIF' /></A>
<A HREF='https://debian.org'><IMG SRC='/assets/img/retro/DEBIAN.GIF' /></A>
<IMG SRC='/assets/img/retro/CSSCOMPT.GIF' />
<BR />
Take back your computing freedom - switch to GNU/Linux today!
@ -143,12 +144,11 @@ layout: none
<BR />
Web content and design by Lynne.
<BR />
Background image by <A HREF='http://emma31.tripod.com/allbacks.html'><FONT COLOR="LIGHTBLUE">Emma31</FONT></A>!
Background image by <A HREF='http://emma31.tripod.com/allbacks.html'>Emma31</A>!
</TH>
</TR>
</TFOOT>
</TABLE>
</FONT>
</BODY>

View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang='en-AU' prefix="og: https://ogp.me/ns#">
<html lang='en-AU' prefix="og: http://ogp.me/ns#">
<head>
<meta charset="UTF-8">
@ -7,16 +7,8 @@
<link rel="stylesheet" type="text/css" href="/assets/style.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/fonts.css">
<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>
<!--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>
<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>
<meta property="og:title" content="{{ page.title | default: 'Henlo!' }}">
<meta property="og:site_name" content="lynnesbian dot space">
@ -29,7 +21,7 @@
<body>
<header>
<section id="header-content">
<picture>
<picture id="logo">
<source type="image/webp" srcset="/assets/img/lynnesoft-centred.webp">
<img id="logo"
src="/assets/img/lynnesoft-centred.png"

View File

@ -8,5 +8,4 @@ layout: default
</div>
<p>{{ page.description }}</p>
{{ 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,12 +2,11 @@
box-sizing: border-box;
}
body {
font-family: "Noto Sans", sans-serif;
font-family: sans-serif;
margin: 0;
display: grid;
grid-template-columns: max(325px, 15%) auto;
background: #fafafa;
color: black;
}
h1, h2, h3, h4, h5, h6 {
@ -20,20 +19,23 @@ main article h4 a,
main article h5 a,
main article h6 a {
color: inherit;
text-decoration: underline mediumpurple solid 3px;
text-decoration: none;
}
main article h1 a {
text-decoration-thickness: 5px;
h1, h2, h3 {
font-weight: 400;
}
h1 {
font-size: 3em;
text-align: center;
}
main article h1 a {
/* needed for chrome */
/*noinspection CssInvalidPropertyValue*/
text-decoration: underline mediumpurple dotted 5px;
}
h2 {
font-size: 1.4em;
font-size: 1.6em;
}
main {
@ -42,18 +44,25 @@ main {
}
main article {
font-family: "IBM Plex Serif", serif;
font-size: 1.3em;
max-width: max(1200px, 60%);
max-width: 1800px;
padding: 0 50px 30px;
margin: 0 auto;
background: #fafafa;
min-height: 100%;
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 {
color: #60a;
text-decoration-style: dotted;
text-decoration-color: transparent;
transition: 0.2s all;
}
@ -73,7 +82,7 @@ header {
height: 100vh;
transition: 0.2s all;
}
header::after { /* the background image behind the sidebar */
header::after {
/* 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 */
@ -86,13 +95,13 @@ header::after { /* the background image behind the sidebar */
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, */
url("/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,
#333;
filter: blur(3px) saturate(75%);
filter: blur(5px) saturate(75%);
content: "";
}
#hamburger { /* hamburger menu button, should only display on mobile devices. see @media section at bottom of file */
#hamburger {
display: none;
position: fixed;
top: 10px;
@ -109,12 +118,14 @@ header::after { /* the background image behind the sidebar */
#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;
padding: 10px 40px;
}
nav a {
padding: 10px 0;
display: block;
width: 100%;
text-align: center;
@ -134,12 +145,10 @@ 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;
@ -153,11 +162,10 @@ nav a.current::before {
margin: 30px auto 50px auto;
}
#bune-img {
#bune {
height: max(200px, 10vh);
display: block;
margin: 50px auto 0;
filter: drop-shadow(0 0 15px #ccc);
}
.project {
@ -177,39 +185,14 @@ 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%);
}
#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 */
@media only screen and (max-device-width: 480px) {
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
main {
width: 100vw;
box-shadow: none;
}
main article {
padding: 0 20px 30px;
font-size: 1.1em;
}
h1 {
font-size: 2.5em;
@ -232,4 +215,4 @@ nav a.current::before {
display: inline-block;
touch-action: manipulation;
}
}
}