a whole bunch of major style changes

This commit is contained in:
Lynne Megido 2021-11-06 04:04:40 +10:00
parent c3e1adb2b6
commit 22d9a57ec6
Signed by: lynnesbian
GPG Key ID: F0A184B5213D9F90
5 changed files with 27 additions and 25 deletions

View File

@ -3,8 +3,8 @@ title: About
---
{% include h.html level=2 content="What I do" %}
<p>
I'm Lynne. My interests include creating and improving free software, learning all I can about computer science,
playing story-driven games, photography, and writing.
My interests include creating and improving free software, learning all I can about computer science, playing
story-driven games, photography, and writing.
</p>
<p>
Much of what I do with computers is about helping people, whether that's through writing simple scripts to automate

View File

@ -1,5 +1,7 @@
---
title: Contact
---
I can by reached <a href="mailto:lynne@bune.city">by email</a>. If you find any bugs or issues with my software, feel
free to open an issue on the respective repository or email me.
<p>
I can by reached <a href="mailto:lynne@bune.city">by email</a>. If you find any bugs or issues with my software, feel
free to open an issue on the respective repository or email me.
</p>

View File

@ -5,7 +5,7 @@ custom_heading: true
<picture id="bune">
<source type="image/webp" srcset="/assets/img/bune-smol.webp 1x, /assets/img/bune.webp 2x">
<img id="bune-img" src="/assets/img/bune.png" alt="A drawing of a rabbit with brown-tipped ears sniffing the air
excitedly!">
excitedly!" title="">
</picture>
{% include h.html level=1 content="Lynnesbian dot Space" %}

View File

@ -7,6 +7,10 @@
<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"

View File

@ -20,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 {
@ -45,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;
}
@ -96,7 +86,8 @@ 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%);
content: "";
@ -166,6 +157,7 @@ nav a.current::before {
height: max(200px, 10vh);
display: block;
margin: 50px auto 0;
filter: drop-shadow(0 0 15px #ccc);
}
.project {
@ -197,6 +189,9 @@ nav a.current::before {
header::after {
filter: blur(3px) saturate(75%) brightness(80%);
}
#bune-img {
filter: drop-shadow(0 0 15px #111);
}
}
/* smaller screen tweaks */
@ -214,6 +209,7 @@ nav a.current::before {
}
main article {
padding: 0 20px 30px;
font-size: 1.1em;
}
h1 {
font-size: 2.5em;