lynnesbian/lynnespace
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Compare commits

base: lynnesbian:95d2f7d2daae4e7939749af4214fcea2a5a8f154
Branches Tags
lynnesbian:master
..
compare: lynnesbian:e3cf74d48ce9c6aaf72a81ac7b722955596daf39
Branches Tags
lynnesbian:master

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

7 changed files with 111 additions and 88 deletions
Show stats Expand all files Collapse all files

4
Gemfile
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"

38
Gemfile.lock
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

5
_content/index.html
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

50
_content/retro.html
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>

14
_layouts/default.html
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"

3
_layouts/project.html
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." }}
<a href="/projects.html">Back to all projects</a> <!--suppress HtmlUnknownTarget -->
<a href="/projects.html">Back to all projects</a>

85
assets/style.css
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 */
@ -95,13 +86,13 @@ header::after {
z-index: -1; z-index: -1;
/*noinspection CssInvalidFunction*/ /*noinspection CssInvalidFunction*/
background: linear-gradient(to bottom, #333, #333 10%, 70%, transparent), background: linear-gradient(to bottom, #333, #333 10%, 70%, transparent),
/* 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;
@ -215,4 +232,4 @@ nav a.current::before {
display: inline-block; display: inline-block;
touch-action: manipulation; touch-action: manipulation;
} }
} }