Compare commits
No commits in common. "95d2f7d2daae4e7939749af4214fcea2a5a8f154" and "e3cf74d48ce9c6aaf72a81ac7b722955596daf39" have entirely different histories.
95d2f7d2da
...
e3cf74d48c
7 changed files with 111 additions and 88 deletions
4
Gemfile
4
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"
|
||||
|
|
|
|||
38
Gemfile.lock
38
Gemfile.lock
|
|
@ -1,20 +1,20 @@
|
|||
GEM
|
||||
remote: https://rubygems.org/
|
||||
specs:
|
||||
addressable (2.8.6)
|
||||
public_suffix (>= 2.0.2, < 6.0)
|
||||
addressable (2.8.0)
|
||||
public_suffix (>= 2.0.2, < 5.0)
|
||||
colorator (1.1.0)
|
||||
concurrent-ruby (1.2.3)
|
||||
concurrent-ruby (1.1.9)
|
||||
em-websocket (0.5.3)
|
||||
eventmachine (>= 0.12.9)
|
||||
http_parser.rb (~> 0)
|
||||
eventmachine (1.2.7)
|
||||
ffi (1.16.3)
|
||||
ffi (1.15.4)
|
||||
forwardable-extended (2.6.0)
|
||||
http_parser.rb (0.8.0)
|
||||
i18n (1.14.1)
|
||||
i18n (1.8.11)
|
||||
concurrent-ruby (~> 1.0)
|
||||
jekyll (4.2.2)
|
||||
jekyll (4.2.1)
|
||||
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.2.0)
|
||||
jekyll-sass-converter (2.1.0)
|
||||
sassc (> 2.0.1, < 3.0)
|
||||
jekyll-watch (2.2.1)
|
||||
listen (~> 3.0)
|
||||
kramdown (2.4.0)
|
||||
kramdown (2.3.1)
|
||||
rexml
|
||||
kramdown-parser-gfm (1.1.0)
|
||||
kramdown (~> 2.0)
|
||||
liquid (4.0.4)
|
||||
listen (3.8.0)
|
||||
liquid (4.0.3)
|
||||
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 (5.0.4)
|
||||
rb-fsevent (0.11.2)
|
||||
public_suffix (4.0.6)
|
||||
rb-fsevent (0.11.0)
|
||||
rb-inotify (0.10.1)
|
||||
ffi (~> 1.0)
|
||||
rexml (3.2.6)
|
||||
rouge (3.30.0)
|
||||
rexml (3.2.5)
|
||||
rouge (3.26.1)
|
||||
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.11)
|
||||
tzinfo (1.2.9)
|
||||
thread_safe (~> 0.1)
|
||||
tzinfo-data (1.2024.1)
|
||||
tzinfo-data (1.2021.5)
|
||||
tzinfo (>= 1.0.0)
|
||||
unicode-display_width (1.8.0)
|
||||
wdm (0.1.1)
|
||||
webrick (1.8.1)
|
||||
webrick (1.7.0)
|
||||
|
||||
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.4.10
|
||||
2.2.29
|
||||
|
|
|
|||
|
|
@ -17,10 +17,7 @@ custom_heading: true
|
|||
|
||||
{% include h.html level=2 content="Quick Links" %}
|
||||
<p>
|
||||
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.
|
||||
<a href="https://bune.city/">My blog</a> is updated very infrequently, and focuses 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
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<TABLE ID="MYTABLE">
|
||||
<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">
|
||||
<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-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 />
|
||||
|
||||
<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 }}"
|
||||
TITLE=" {{ project.description | replace: '"', '"'}}">{{ project.name }}</A>
|
||||
<A HREF="{{ project.url }}" TITLE=" {{ project.description | replace: '"', '"'}}"><FONT
|
||||
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
|
||||
web
|
||||
page</A>, or <A HREF='https://github.com/Lynnesbian'>my online GitHub account</A>.
|
||||
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>.
|
||||
|
||||
<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://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>
|
||||
<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>
|
||||
</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://debian.org'><IMG SRC='/assets/img/retro/DEBIAN.GIF' /></A>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en-AU' prefix="og: http://ogp.me/ns#">
|
||||
<html lang='en-AU' prefix="og: https://ogp.me/ns#">
|
||||
|
||||
<head>
|
||||
<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/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>
|
||||
<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>
|
||||
<meta property="og:title" content="{{ page.title | default: 'Henlo!' }}">
|
||||
<meta property="og:site_name" content="lynnesbian dot space">
|
||||
|
|
@ -21,7 +29,7 @@
|
|||
<body>
|
||||
<header>
|
||||
<section id="header-content">
|
||||
<picture id="logo">
|
||||
<picture>
|
||||
<source type="image/webp" srcset="/assets/img/lynnesoft-centred.webp">
|
||||
<img id="logo"
|
||||
src="/assets/img/lynnesoft-centred.png"
|
||||
|
|
|
|||
|
|
@ -8,4 +8,5 @@ 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>
|
||||
|
|
@ -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 {
|
||||
|
|
@ -19,23 +20,20 @@ main article h4 a,
|
|||
main article h5 a,
|
||||
main article h6 a {
|
||||
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 {
|
||||
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.6em;
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
main {
|
||||
|
|
@ -44,25 +42,18 @@ main {
|
|||
}
|
||||
|
||||
main article {
|
||||
max-width: 1800px;
|
||||
font-family: "IBM Plex Serif", serif;
|
||||
font-size: 1.3em;
|
||||
max-width: max(1200px, 60%);
|
||||
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;
|
||||
}
|
||||
|
|
@ -82,7 +73,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 */
|
||||
|
|
@ -98,10 +89,10 @@ header::after {
|
|||
/* 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(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 +109,12 @@ 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 +134,12 @@ nav a::before {
|
|||
position: absolute;
|
||||
transition: 0.2s all;
|
||||
}
|
||||
nav a:hover,
|
||||
nav a.current {
|
||||
nav a:hover {
|
||||
background: #00000044;
|
||||
}
|
||||
nav a.current:not(:hover) {
|
||||
background: #9370db44;
|
||||
}
|
||||
nav a:hover::before,
|
||||
nav a.current::before {
|
||||
left: 0;
|
||||
|
|
@ -162,10 +153,11 @@ nav a.current::before {
|
|||
margin: 30px auto 50px auto;
|
||||
}
|
||||
|
||||
#bune {
|
||||
#bune-img {
|
||||
height: max(200px, 10vh);
|
||||
display: block;
|
||||
margin: 50px auto 0;
|
||||
filter: drop-shadow(0 0 15px #ccc);
|
||||
}
|
||||
|
||||
.project {
|
||||
|
|
@ -185,14 +177,39 @@ 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 (min-device-width : 320px) and (max-device-width : 480px) {
|
||||
@media only screen 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;
|
||||
|
|
|
|||
Loading…
Reference in a new issue