mycosystems/myco.systems
3
0
Fork 0
Code Pull requests Activity Actions

lazy load images, set html language, set font weight and font display explicity in @font-face

Browse source
This commit is contained in:
brooke 2024-08-09 17:20:03 -04:00
parent 847794b590
commit f8ba9c4d20
1 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
public/@brooke/index.html
View file

@ -1,13 +1,15 @@
<!doctype html>
<html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@Brooke</title>
<style>
@font-face {
font-family: FreePixel;
font-weight: 700;
src: url(/@brooke/font/static/PixelifySans-Regular.ttf)
format("truetype");
font-display: swap;
}
:root {
--background: #242424e5;
@ -58,7 +60,6 @@
.sidebar-title,
.title {
background-image: var(--titleBars);
font-weight: 700;
border: var(--border);
font-size: 20px;
background-size: auto 100%;
@ -76,9 +77,6 @@
flex-wrap: wrap;
}
}
p {
font-weight: 700;
}
</style>
</head>
<body>
@ -92,7 +90,10 @@
<p>
I help organizations and individuals get on board with the idea of
using FLOSS (Free/Libre/Open Source Software) software. I enjoy
and am proficient in <a href="https://gohugo.io">Hugo</a>, <a href="https://www.debian.org/">Debian flavors of Linux</a>, <a href="https://www.docker.com/">Docker</a>, and CI/CD, primarily <a href="https://code.forgejo.org/forgejo/act">Gitub/ACT</a>.
and am proficient in <a href="https://gohugo.io">Hugo</a>,
<a href="https://www.debian.org/">Debian flavors of Linux</a>,
<a href="https://www.docker.com/">Docker</a>, and CI/CD, primarily
<a href="https://code.forgejo.org/forgejo/act">Gitub/ACT</a>.
</p>
<p>I like to talk about:</p>
<ul>
@ -121,6 +122,7 @@
<div>
<a target="_blank" href="https://10kb.neocities.org/about">
<img
loading="lazy"
src="/@brooke/flag10kb.webp"
alt="The words '10kB' split in half by a black cross, on a blue background."
height="32"
@ -130,18 +132,21 @@
/>
</a>
<img
loading="lazy"
src="/@brooke/trans.webp"
height="32"
width="88"
alt="A trans flag."
/>
<img
loading="lazy"
src="/@brooke/piracy.gif"
height="32"
width="88"
alt="A piracy flag."
/>
<img
loading="lazy"
src="/@brooke/acab.gif"
height="32"
width="88"