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.
|
# 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"
|
||||||
|
|
38
Gemfile.lock
38
Gemfile.lock
|
@ -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
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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 />
|
||||||
|
|
||||||
<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: '"', '"'}}"><FONT
|
||||||
TITLE=" {{ project.description | replace: '"', '"'}}">{{ 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>
|
||||||
|
|
||||||
|
|
|
@ -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"
|
||||||
|
|
|
@ -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>
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue