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

Compare commits

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

3 commits
e3cf74d48c ... 95d2f7d2da

Author SHA1 Message Date
Lynnesbian
95d2f7d2da
gem updates 2024-02-09 21:32:01 +10:00
Lynnesbian
9a4eb4555e
style changes 2024-02-09 21:31:54 +10:00
Lynnesbian
a0f3efb05a
bump age, fedi link 2024-02-09 21:30:46 +10:00
7 changed files with 88 additions and 111 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.1" gem "jekyll", "~> 4.2.0"
# 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.0) addressable (2.8.6)
public_suffix (>= 2.0.2, < 5.0) public_suffix (>= 2.0.2, < 6.0)
colorator (1.1.0) colorator (1.1.0)
concurrent-ruby (1.1.9) concurrent-ruby (1.2.3)
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.15.4) ffi (1.16.3)
forwardable-extended (2.6.0) forwardable-extended (2.6.0)
http_parser.rb (0.8.0) http_parser.rb (0.8.0)
i18n (1.8.11) i18n (1.14.1)
concurrent-ruby (~> 1.0) concurrent-ruby (~> 1.0)
jekyll (4.2.1) jekyll (4.2.2)
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.1.0) jekyll-sass-converter (2.2.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.3.1) kramdown (2.4.0)
rexml rexml
kramdown-parser-gfm (1.1.0) kramdown-parser-gfm (1.1.0)
kramdown (~> 2.0) kramdown (~> 2.0)
liquid (4.0.3) liquid (4.0.4)
listen (3.7.0) listen (3.8.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 (4.0.6) public_suffix (5.0.4)
rb-fsevent (0.11.0) rb-fsevent (0.11.2)
rb-inotify (0.10.1) rb-inotify (0.10.1)
ffi (~> 1.0) ffi (~> 1.0)
rexml (3.2.5) rexml (3.2.6)
rouge (3.26.1) rouge (3.30.0)
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.9) tzinfo (1.2.11)
thread_safe (~> 0.1) thread_safe (~> 0.1)
tzinfo-data (1.2021.5) tzinfo-data (1.2024.1)
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.7.0) webrick (1.8.1)
PLATFORMS PLATFORMS
x86_64-linux x86_64-linux
DEPENDENCIES DEPENDENCIES
jekyll (~> 4.2.1) jekyll (~> 4.2.0)
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.2.29 2.4.10

5
_content/index.html
View file

@ -17,7 +17,10 @@ custom_heading: true
{% include h.html level=2 content="Quick Links" %} {% include h.html level=2 content="Quick Links" %}
<p> <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>
<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 LEFTMARGIN="0" TOPMARGIN="0" RIGHTMARGIN="0" BOTTOMMARGIN="0" BACKGROUND="/assets/img/retro/BG.GIF"> <BODY>
<FONT COLOR="WHITE" FACE="SERIF" SIZE="4PX"> <TABLE ID="MYTABLE">
<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 VALIGN="TOP"> <TD>
<TABLE> <TABLE>
<THEAD> <THEAD>
<TR> <TR>
@ -35,7 +35,7 @@ layout: none
<TBODY> <TBODY>
<TR> <TR>
<TD> <TD>
<A HREF="/"><FONT COLOR="LIGHTBLUE">Old site</FONT></A> <A HREF="/">Old site</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 }}"><FONT COLOR="LIGHTBLUE">{{ html_page.title }}</FONT></A> <A HREF="{{ html_page.url }}">{{ html_page.title }}</A>
</TD> </TD>
</TR> </TR>
{%- endunless -%} {%- endunless -%}
@ -51,14 +51,14 @@ layout: none
</TBODY> </TBODY>
</TABLE> </TABLE>
</TD> </TD>
<TD> <TD ID=" MAIN">
<H2>Who?</H2> <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 />
<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,25 +69,26 @@ layout: none
<UL> <UL>
{% for project in site.projects %} {% for project in site.projects %}
<LI> <LI>
<A HREF="{{ project.url }}" TITLE=" {{ project.description | replace: '"', '&quot;'}}"><FONT <A HREF="{{ project.url }}"
COLOR="LIGHTBLUE">{{project.name }}</FONT></A> TITLE=" {{ project.description | replace: '"', '&quot;'}}">{{ project.name }}</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'><FONT COLOR="LIGHTBLUE">my own You can see more of my projects on <A HREF='https://git.bune.city/lynnesbian'>my own personal Git
personal Git web page</FONT></A>, or <A HREF='https://github.com/Lynnesbian'><FONT COLOR="LIGHTBLUE">my online web
GitHub account</FONT></A>. page</A>, or <A HREF='https://github.com/Lynnesbian'>my online GitHub account</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'><FONT COLOR="LIGHTBLUE">Arch GNU/Linux</FONT></A></LI> <LI><A HREF='https://archlinux.org'>Arch GNU/Linux</A></LI>
<LI><A HREF='https://debian.org'><FONT COLOR="LIGHTBLUE">Debian GNU/Linux</FONT></A></LI> <LI><A HREF='https://debian.org'>Debian GNU/Linux</A></LI>
<LI><A HREF='https://code.visualstudio.com/'><FONT COLOR="LIGHTBLUE">MicroSoft Visual Studio Code</FONT></A> <LI><A HREF='https://code.visualstudio.com/'>MicroSoft Visual Studio Code</A> [WARNING: Not free
[WARNING: Not free software by default, unless you download the open source edition]</LI> software by
<LI><A HREF='https://getfirefox.com'><FONT COLOR="LIGHTBLUE">Mozilla FireFox</FONT></A></LI> default, unless you download the open source edition]</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. ;)
@ -106,7 +107,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'><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> <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
@ -117,13 +118,13 @@ layout: none
<BR /> <BR />
</TD> </TD>
<TD VALIGN="TOP"> <TD>
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'><FONT COLOR="LIGHTBLUE"><IMG SRC='/assets/img/retro/GETFF.GIF' /></FONT></A> <A HREF='https://getfirefox.com'><IMG SRC='/assets/img/retro/GETFF.GIF' /></A>
<A HREF='https://debian.org'><FONT COLOR="LIGHTBLUE"><IMG SRC='/assets/img/retro/DEBIAN.GIF' /></FONT></A> <A HREF='https://debian.org'><IMG SRC='/assets/img/retro/DEBIAN.GIF' /></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!
@ -143,12 +144,11 @@ 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'><FONT COLOR="LIGHTBLUE">Emma31</FONT></A>! Background image by <A HREF='http://emma31.tripod.com/allbacks.html'>Emma31</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: https://ogp.me/ns#"> <html lang='en-AU' prefix="og: http://ogp.me/ns#">
<head> <head>
<meta charset="UTF-8"> <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/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>
<!--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> <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">
@ -29,7 +21,7 @@
<body> <body>
<header> <header>
<section id="header-content"> <section id="header-content">
<picture> <picture id="logo">
<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"

1
_layouts/project.html
View file

@ -8,5 +8,4 @@ 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>

83
assets/style.css
View file

@ -2,12 +2,11 @@
box-sizing: border-box; box-sizing: border-box;
} }
body { body {
font-family: "Noto Sans", sans-serif; font-family: 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 {
@ -20,20 +19,23 @@ 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: underline mediumpurple solid 3px; text-decoration: none;
} }
h1, h2, h3 {
main article h1 a { font-weight: 400;
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.4em; font-size: 1.6em;
} }
main { main {
@ -42,18 +44,25 @@ main {
} }
main article { main article {
font-family: "IBM Plex Serif", serif; max-width: 1800px;
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;
} }
@ -73,7 +82,7 @@ header {
height: 100vh; height: 100vh;
transition: 0.2s all; transition: 0.2s all;
} }
header::after { /* the background image behind the sidebar */ header::after {
/* 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 */
@ -86,13 +95,13 @@ header::after { /* the background image behind the sidebar */
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(3px) saturate(75%); filter: blur(5px) saturate(75%);
content: ""; content: "";
} }
#hamburger { /* hamburger menu button, should only display on mobile devices. see @media section at bottom of file */ #hamburger {
display: none; display: none;
position: fixed; position: fixed;
top: 10px; top: 10px;
@ -109,12 +118,14 @@ header::after { /* the background image behind the sidebar */
#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;
@ -134,12 +145,10 @@ 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;
@ -153,11 +162,10 @@ nav a.current::before {
margin: 30px auto 50px auto; margin: 30px auto 50px auto;
} }
#bune-img { #bune {
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 {
@ -177,39 +185,14 @@ 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 (max-device-width: 480px) { @media only screen and (min-device-width : 320px) 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;