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

Compare commits

base: mycosystems:eeb250c3f5bfa7c6964fb082a3ee5ec0c95ef020
Branches Tags
mycosystems:main
..
compare: mycosystems:dbcdeb089f4b5b603ae7ef4fb6cd4ee4aa36d78b
Branches Tags
mycosystems:main

No commits in common. "eeb250c3f5bfa7c6964fb082a3ee5ec0c95ef020" and "dbcdeb089f4b5b603ae7ef4fb6cd4ee4aa36d78b" have entirely different histories.
eeb250c3f5 ... dbcdeb089f

10 changed files with 28 additions and 29 deletions
Show stats Expand all files Collapse all files

BIN
public/@brooke/bg.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 63 KiB

BIN
public/@brooke/bg.webp
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 47 KiB

BIN
public/@brooke/flag10kb.webp
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.2 KiB

BIN
public/@brooke/fractal.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
public/@brooke/fractal.webp
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 342 KiB

57
public/@brooke/index.html
View file

@ -1,23 +1,22 @@
<!doctype html> <!doctype html>
<html lang="en"> <html>
<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;
--accent-1: #d182ff; --accent-1: #d182ff;
--accent-2: #eb53d3; --accent-2: #eb53d3;
--content-spacing: 5px; --content-spacing: 5px;
--banner: url("/@brooke/fractal.webp"); --background-img: url("/@brooke/bg.jpg");
--titleBars: url("/@brooke/title-bar.webp"); --banner: url("/@brooke/fractal.gif");
--titleBars: url("/@brooke/title-bar.jpg");
--text-color: white; --text-color: white;
--link-color: var(--accent-1); --link-color: var(--accent-1);
--border: 1px solid black; --border: 1px solid black;
@ -35,7 +34,10 @@
background-size: auto 300px; background-size: auto 300px;
} }
.topbar { .topbar {
background-image: var(--banner);
height: 150px; height: 150px;
background-size: cover;
background-position: 60%;
margin-bottom: var(--content-spacing); margin-bottom: var(--content-spacing);
border: var(--border); border: var(--border);
} }
@ -56,6 +58,7 @@
.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%;
@ -73,13 +76,14 @@
flex-wrap: wrap; flex-wrap: wrap;
} }
} }
p {
font-weight: 700;
}
</style> </style>
</head> </head>
<body> <body>
<div id="container"> <div id="container">
<video class="topbar" autoplay muted loop playsinline> <div class="topbar"></div>
<source src="/@brooke/fractal.webp" type="video/webm">
</video>
<div id="flex"> <div id="flex">
<main> <main>
<div class="sidebar-title">&nbsp;</div> <div class="sidebar-title">&nbsp;</div>
@ -88,10 +92,7 @@
<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>, 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>.
<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>
@ -102,12 +103,14 @@
</ul> </ul>
<p>Find me:</p> <p>Find me:</p>
<ul> <ul>
<a target="_blank" href="https://coop.myco.systems/"> <li>
<li>Blog</li> <a target="_blank" href="https://coop.myco.systems/">Blog</a>
</a> </li>
<a target="_blank" href="https://kolektiva.social/@brooke/"> <li>
<li>Mastodon</li> <a target="_blank" href="https://kolektiva.social/@brooke/"
</a> >Mastodon</a
>
</li>
</ul> </ul>
<p> <p>
This website's layout is inspired by This website's layout is inspired by
@ -118,41 +121,37 @@
<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="https://10kb.neocities.org/icons/flag10kb.png"
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"
width="88" width="auto"
title="The 10kB Gallery!" title="The 10kB Gallery!"
style="image-rendering: crisp-edges" style="image-rendering: crisp-edges"
/> />
</a> </a>
<img <img
loading="lazy" src="/@brooke/trans.png"
src="/@brooke/trans.webp"
height="32" height="32"
width="88" width="auto"
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="auto"
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="auto"
alt="All Cops Are Bastards." alt="All Cops Are Bastards."
/> />
<a target="_blank" href="https://besties.house/" <a target="_blank" href="https://besties.house/"
><img ><img
src="/@brooke/besties.gif" src="/@brooke/besties.gif"
height="32" height="32"
width="88" width="auto"
alt="Besties.house, first unionised group chat." alt="Besties.house, first unionised group chat."
/></a> /></a>
</div> </div>

BIN
public/@brooke/title-bar.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
public/@brooke/title-bar.webp
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.7 KiB

BIN
public/@brooke/trans.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 183 B

BIN
public/@brooke/trans.webp
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 168 B