Compare commits
5 commits
dbcdeb089f
...
eeb250c3f5
| Author | SHA1 | Date | |
|---|---|---|---|
| eeb250c3f5 | |||
| 77e4e5de7a | |||
| f8ba9c4d20 | |||
| 847794b590 | |||
| 0c299a9637 |
10 changed files with 29 additions and 28 deletions
Binary file not shown.
|
Before 
(image error) Size: 63 KiB |
BIN
public/@brooke/bg.webp
Normal file
BIN
public/@brooke/bg.webp
Normal file
Binary file not shown.
|
After 
(image error) Size: 47 KiB |
BIN
public/@brooke/flag10kb.webp
Normal file
BIN
public/@brooke/flag10kb.webp
Normal file
Binary file not shown.
|
After 
(image error) Size: 1.2 KiB |
Binary file not shown.
|
Before 
(image error) Size: 1.1 MiB |
BIN
public/@brooke/fractal.webp
Normal file
BIN
public/@brooke/fractal.webp
Normal file
Binary file not shown.
|
After 
(image error) Size: 342 KiB |
|
|
@ -1,22 +1,23 @@
|
|||
<!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;
|
||||
--accent-1: #d182ff;
|
||||
--accent-2: #eb53d3;
|
||||
--content-spacing: 5px;
|
||||
--background-img: url("/@brooke/bg.jpg");
|
||||
--banner: url("/@brooke/fractal.gif");
|
||||
--titleBars: url("/@brooke/title-bar.jpg");
|
||||
--banner: url("/@brooke/fractal.webp");
|
||||
--titleBars: url("/@brooke/title-bar.webp");
|
||||
--text-color: white;
|
||||
--link-color: var(--accent-1);
|
||||
--border: 1px solid black;
|
||||
|
|
@ -34,10 +35,7 @@
|
|||
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);
|
||||
}
|
||||
|
|
@ -58,7 +56,6 @@
|
|||
.sidebar-title,
|
||||
.title {
|
||||
background-image: var(--titleBars);
|
||||
font-weight: 700;
|
||||
border: var(--border);
|
||||
font-size: 20px;
|
||||
background-size: auto 100%;
|
||||
|
|
@ -76,14 +73,13 @@
|
|||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
p {
|
||||
font-weight: 700;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<div class="topbar"></div>
|
||||
<video class="topbar" autoplay muted loop playsinline>
|
||||
<source src="/@brooke/fractal.webp" type="video/webm">
|
||||
</video>
|
||||
<div id="flex">
|
||||
<main>
|
||||
<div class="sidebar-title"> </div>
|
||||
|
|
@ -92,7 +88,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>
|
||||
|
|
@ -103,14 +102,12 @@
|
|||
</ul>
|
||||
<p>Find me:</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a target="_blank" href="https://coop.myco.systems/">Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="https://kolektiva.social/@brooke/"
|
||||
>Mastodon</a
|
||||
>
|
||||
</li>
|
||||
<a target="_blank" href="https://coop.myco.systems/">
|
||||
<li>Blog</li>
|
||||
</a>
|
||||
<a target="_blank" href="https://kolektiva.social/@brooke/">
|
||||
<li>Mastodon</li>
|
||||
</a>
|
||||
</ul>
|
||||
<p>
|
||||
This website's layout is inspired by
|
||||
|
|
@ -121,37 +118,41 @@
|
|||
<div>
|
||||
<a target="_blank" href="https://10kb.neocities.org/about">
|
||||
<img
|
||||
src="https://10kb.neocities.org/icons/flag10kb.png"
|
||||
loading="lazy"
|
||||
src="/@brooke/flag10kb.webp"
|
||||
alt="The words '10kB' split in half by a black cross, on a blue background."
|
||||
height="32"
|
||||
width="auto"
|
||||
width="88"
|
||||
title="The 10kB Gallery!"
|
||||
style="image-rendering: crisp-edges"
|
||||
/>
|
||||
</a>
|
||||
<img
|
||||
src="/@brooke/trans.png"
|
||||
loading="lazy"
|
||||
src="/@brooke/trans.webp"
|
||||
height="32"
|
||||
width="auto"
|
||||
width="88"
|
||||
alt="A trans flag."
|
||||
/>
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/@brooke/piracy.gif"
|
||||
height="32"
|
||||
width="auto"
|
||||
width="88"
|
||||
alt="A piracy flag."
|
||||
/>
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/@brooke/acab.gif"
|
||||
height="32"
|
||||
width="auto"
|
||||
width="88"
|
||||
alt="All Cops Are Bastards."
|
||||
/>
|
||||
<a target="_blank" href="https://besties.house/"
|
||||
><img
|
||||
src="/@brooke/besties.gif"
|
||||
height="32"
|
||||
width="auto"
|
||||
width="88"
|
||||
alt="Besties.house, first unionised group chat."
|
||||
/></a>
|
||||
</div>
|
||||
|
|
|
|||
Binary file not shown.
|
Before 
(image error) Size: 2.7 KiB |
BIN
public/@brooke/title-bar.webp
Normal file
BIN
public/@brooke/title-bar.webp
Normal file
Binary file not shown.
|
After 
(image error) Size: 1.7 KiB |
Binary file not shown.
|
Before 
(image error) Size: 183 B |
BIN
public/@brooke/trans.webp
Normal file
BIN
public/@brooke/trans.webp
Normal file
Binary file not shown.
|
After 
(image error) Size: 168 B |
Loading…
Add table
Reference in a new issue