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

Compare commits

base: mycosystems:9b753d1ddb6ffef3377f271d2e51b2f48ca8d085
Branches Tags
mycosystems:main
...
compare: mycosystems:57a4fd007037987a54d86a4319c761bdef4e24a4
Branches Tags
mycosystems:main

4 commits
9b753d1ddb ... 57a4fd0070

Author SHA1 Message Date
brooke
57a4fd0070 add privacy now link
All checks were successful
Static / build (push) Successful in -4s
Details
2024-08-30 19:23:33 -04:00
brooke
5bb7edf215 remove ssb 2024-08-30 19:17:26 -04:00
brooke
6c4b9fcabb add debian tag 2024-08-30 18:16:48 -04:00
brooke
eafc0e6a36 prettier 2024-08-30 18:02:47 -04:00
2 changed files with 175 additions and 187 deletions
Show stats Expand all files Collapse all files

BIN
public/@brooke/deb.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 904 B

100
public/@brooke/index.html
View file

@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<a rel="me" href="https://kolektiva.social/@brooke"></a> <a rel="me" href="https://kolektiva.social/@brooke"></a>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@ -8,10 +9,10 @@
@font-face { @font-face {
font-family: PixelifySans; font-family: PixelifySans;
font-weight: 700; 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; font-display: swap;
} }
:root { :root {
--background: #242424e5; --background: #242424e5;
--accent-1: #d182ff; --accent-1: #d182ff;
@ -22,6 +23,7 @@
--link-color: var(--accent-1); --link-color: var(--accent-1);
--border: 1px solid black; --border: 1px solid black;
} }
body, body,
html { html {
margin: 0; margin: 0;
@ -29,26 +31,31 @@
font-family: PixelifySans; font-family: PixelifySans;
height: 100%; height: 100%;
} }
body { body {
background-image: var(--background-img); background-image: var(--background-img);
color: var(--text-color); color: var(--text-color);
background-attachment: fixed; background-attachment: fixed;
background-size: auto 300px; background-size: auto 300px;
} }
.bar-bottom, .bar-bottom,
.bar-top { .bar-top {
height: 150px; height: 150px;
background-size: cover; background-size: cover;
border: var(--border); border: var(--border);
} }
.bar-top { .bar-top {
background-image: var(--banner-top); background-image: var(--banner-top);
background-position: center bottom; background-position: center bottom;
} }
.bar-bottom { .bar-bottom {
background-image: var(--banner-bottom); background-image: var(--banner-bottom);
background-position: center top; background-position: center top;
} }
#container { #container {
max-width: 750px; max-width: 750px;
margin: 0 auto; margin: 0 auto;
@ -56,32 +63,40 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
#container a { #container a {
color: var(--link-color); color: var(--link-color);
} }
#flex { #flex {
display: flex; display: flex;
flex: 1; flex: 1;
overflow: auto; overflow: auto;
} }
main { main {
width: 100%; width: 100%;
background-color: var(--background); background-color: var(--background);
} }
.content { .content {
padding: 25px; padding: 25px;
} }
body { body {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
li { li {
padding: 0.25rem; padding: 0.25rem;
} }
ul { ul {
padding-left: 1rem; padding-left: 1rem;
} }
@media only screen and (max-width: 750px) { @media only screen and (max-width: 750px) {
main { main {
display: flex; display: flex;
@ -89,15 +104,18 @@
justify-content: center; justify-content: center;
overflow-wrap: break-word; overflow-wrap: break-word;
} }
#container { #container {
height: 100vh; height: 100vh;
} }
#flex { #flex {
flex-wrap: wrap; flex-wrap: wrap;
} }
} }
</style> </style>
</head> </head>
<body> <body>
<div id="container"> <div id="container">
<div class="bar-top"></div> <div class="bar-top"></div>
@ -110,14 +128,11 @@
get on board with the idea of using FLOSS (Free/Libre/Open Source get on board with the idea of using FLOSS (Free/Libre/Open Source
Software). I enjoy and am proficient with Software). I enjoy and am proficient with
<a target="_blank" href="https://solvespace.com/index.pl">SolveSpace</a>, <a target="_blank" href="https://solvespace.com/index.pl">SolveSpace</a>,
<a target="_blank" href="https://en.wikipedia.org/wiki/Fused_filament_fabrication" <a target="_blank" href="https://en.wikipedia.org/wiki/Fused_filament_fabrication">FFF/SLS 3D printing</a>,
>FFF/SLS 3D printing</a <a target="_blank" href="https://gohugo.io">Hugo</a>,
>, <a target="_blank" href="https://gohugo.io">Hugo</a>,
<a target="_blank" href="https://www.debian.org/">Debian flavors of Linux</a>, <a target="_blank" href="https://www.debian.org/">Debian flavors of Linux</a>,
<a target="_blank" href="https://www.docker.com/">Docker</a>, and <a target="_blank" href="https://www.docker.com/">Docker</a>, and
<a target="_blank" href="https://forgejo.org/docs/latest/user/actions/" <a target="_blank" href="https://forgejo.org/docs/latest/user/actions/">ACT based CI/CD</a>.
>ACT based CI/CD</a
>.
</p> </p>
<p>Online, I like to talk about:</p> <p>Online, I like to talk about:</p>
<ul> <ul>
@ -134,60 +149,32 @@
<a target="_blank" href="https://kolektiva.social/@brooke/"> <a target="_blank" href="https://kolektiva.social/@brooke/">
<li>Mastodon</li> <li>Mastodon</li>
</a> </a>
<li> <!-- <li>
SSB SSB
<span <span id="codeblock"
id="codeblock" style="font-size: 10px; overflow-wrap: break-word">@/7fjKaOZYlNV1xMzUjbLGxKFwLssU4pI4aY4eGKHemM=.ed25519</span>
style="font-size: 10px; overflow-wrap: break-word" </li> -->
>@/7fjKaOZYlNV1xMzUjbLGxKFwLssU4pI4aY4eGKHemM=.ed25519</span
>
</li>
</ul> </ul>
<p> <p>
This website's layout is inspired by This website's layout is inspired by
<a target="_blank" href="https://goblin-heart.net/sadgrl/" <a target="_blank" href="https://goblin-heart.net/sadgrl/">sadgirl.online</a>.<br />And, here's some tags
>sadgirl.online</a for things I like:
>.<br />And, here's some tags for things I like:
</p> </p>
<div> <div>
<a target="_blank" href="https://10kb.neocities.org/about"> <a target="_blank" href="https://10kb.neocities.org/about"><img loading="lazy" src="/@brooke/flag10kb.webp"
<img height="32" width="88"
loading="lazy" alt="The words '10kB' split in half by a black cross, on a blue background." /></a>
src="/@brooke/flag10kb.webp" <img loading="lazy" src="/@brooke/trans.webp" height="31" width="88"
height="32" alt="The trans flag. A flag wih blue, pink, and white strips." />
width="88" <a target="_blank" href="https://wetdry.world/@mudkip/113012175157957188"><img loading="lazy"
alt="The words '10kB' split in half by a black cross, on a blue background." src="/@brooke/piracy.webp" height="31" width="88"
/> alt="Piracy Now! With a skull a crossed bones to the left." /></a>
</a> <img loading="lazy" src="/@brooke/acab.webp" height="31" width="88"
<img alt="All Cops Are Bastards. Flashing text pink and yellow." />
loading="lazy" <a target="_blank" href="https://besties.house/"><img loading="lazy" src="/@brooke/besties.webp" height="31"
src="/@brooke/trans.webp" width="88" alt="Besties.house, first unionised group chat." /></a>
height="31" <a target="_blank" href="https://debian.org"><img loading="lazy" src="/@brooke/deb.webp" height="31"
width="88" width="88" alt="Powered by Debian" /></a>
alt="The trans flag. A flag wih blue, pink, and white strips."
/>
<img
loading="lazy"
src="/@brooke/piracy.webp"
height="31"
width="88"
alt="Piracy Now! With a skull a crossed bones to the left."
/>
<img
loading="lazy"
src="/@brooke/acab.webp"
height="31"
width="88"
alt="All Cops Are Bastards. Flashing text pink and yellow."
/>
<a target="_blank" href="https://besties.house/"
><img
loading="lazy"
src="/@brooke/besties.webp"
height="31"
width="88"
alt="Besties.house, first unionised group chat."
/></a>
</div> </div>
</div> </div>
</main> </main>
@ -195,4 +182,5 @@
<div class="bar-bottom"></div> <div class="bar-bottom"></div>
</div> </div>
</body> </body>
</html> </html>