Compare commits
No commits in common. "eeb250c3f5bfa7c6964fb082a3ee5ec0c95ef020" and "dbcdeb089f4b5b603ae7ef4fb6cd4ee4aa36d78b" have entirely different histories.
eeb250c3f5
...
dbcdeb089f
BIN
public/@brooke/bg.jpg
Normal file
|
After Width: | Height: | Size: 63 KiB |
|
Before Width: | Height: | Size: 47 KiB |
|
Before Width: | Height: | Size: 1.2 KiB |
BIN
public/@brooke/fractal.gif
Normal file
|
After Width: | Height: | Size: 1.1 MiB |
|
Before Width: | Height: | Size: 342 KiB |
|
|
@ -1,23 +1,22 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<html>
|
||||
<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;
|
||||
--accent-1: #d182ff;
|
||||
--accent-2: #eb53d3;
|
||||
--content-spacing: 5px;
|
||||
--banner: url("/@brooke/fractal.webp");
|
||||
--titleBars: url("/@brooke/title-bar.webp");
|
||||
--background-img: url("/@brooke/bg.jpg");
|
||||
--banner: url("/@brooke/fractal.gif");
|
||||
--titleBars: url("/@brooke/title-bar.jpg");
|
||||
--text-color: white;
|
||||
--link-color: var(--accent-1);
|
||||
--border: 1px solid black;
|
||||
|
|
@ -35,7 +34,10 @@
|
|||
background-size: auto 300px;
|
||||
}
|
||||
.topbar {
|
||||
background-image: var(--banner);
|
||||
height: 150px;
|
||||
background-size: cover;
|
||||
background-position: 60%;
|
||||
margin-bottom: var(--content-spacing);
|
||||
border: var(--border);
|
||||
}
|
||||
|
|
@ -56,6 +58,7 @@
|
|||
.sidebar-title,
|
||||
.title {
|
||||
background-image: var(--titleBars);
|
||||
font-weight: 700;
|
||||
border: var(--border);
|
||||
font-size: 20px;
|
||||
background-size: auto 100%;
|
||||
|
|
@ -73,13 +76,14 @@
|
|||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
p {
|
||||
font-weight: 700;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<video class="topbar" autoplay muted loop playsinline>
|
||||
<source src="/@brooke/fractal.webp" type="video/webm">
|
||||
</video>
|
||||
<div class="topbar"></div>
|
||||
<div id="flex">
|
||||
<main>
|
||||
<div class="sidebar-title"> </div>
|
||||
|
|
@ -88,10 +92,7 @@
|
|||
<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>
|
||||
|
|
@ -102,12 +103,14 @@
|
|||
</ul>
|
||||
<p>Find me:</p>
|
||||
<ul>
|
||||
<a target="_blank" href="https://coop.myco.systems/">
|
||||
<li>Blog</li>
|
||||
</a>
|
||||
<a target="_blank" href="https://kolektiva.social/@brooke/">
|
||||
<li>Mastodon</li>
|
||||
</a>
|
||||
<li>
|
||||
<a target="_blank" href="https://coop.myco.systems/">Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="https://kolektiva.social/@brooke/"
|
||||
>Mastodon</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
This website's layout is inspired by
|
||||
|
|
@ -118,41 +121,37 @@
|
|||
<div>
|
||||
<a target="_blank" href="https://10kb.neocities.org/about">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/@brooke/flag10kb.webp"
|
||||
src="https://10kb.neocities.org/icons/flag10kb.png"
|
||||
alt="The words '10kB' split in half by a black cross, on a blue background."
|
||||
height="32"
|
||||
width="88"
|
||||
width="auto"
|
||||
title="The 10kB Gallery!"
|
||||
style="image-rendering: crisp-edges"
|
||||
/>
|
||||
</a>
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/@brooke/trans.webp"
|
||||
src="/@brooke/trans.png"
|
||||
height="32"
|
||||
width="88"
|
||||
width="auto"
|
||||
alt="A trans flag."
|
||||
/>
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/@brooke/piracy.gif"
|
||||
height="32"
|
||||
width="88"
|
||||
width="auto"
|
||||
alt="A piracy flag."
|
||||
/>
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/@brooke/acab.gif"
|
||||
height="32"
|
||||
width="88"
|
||||
width="auto"
|
||||
alt="All Cops Are Bastards."
|
||||
/>
|
||||
<a target="_blank" href="https://besties.house/"
|
||||
><img
|
||||
src="/@brooke/besties.gif"
|
||||
height="32"
|
||||
width="88"
|
||||
width="auto"
|
||||
alt="Besties.house, first unionised group chat."
|
||||
/></a>
|
||||
</div>
|
||||
|
|
|
|||
BIN
public/@brooke/title-bar.jpg
Normal file
|
After Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
BIN
public/@brooke/trans.png
Normal file
|
After Width: | Height: | Size: 183 B |
|
Before Width: | Height: | Size: 168 B |