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