diff --git a/eleventy.config.js b/eleventy.config.js index 2dd55ab..3c726dc 100644 --- a/eleventy.config.js +++ b/eleventy.config.js @@ -24,6 +24,7 @@ export default function (eleventyConfig) { eleventyConfig.addPassthroughCopy("site-src/res"); eleventyConfig.addPassthroughCopy("site-src/*.png"); + eleventyConfig.addPassthroughCopy("site-src/**/*.html"); eleventyConfig.setLayoutsDirectory("layout"); diff --git a/site-src/fun-web-stuff.mdx b/site-src/fun-web-stuff.mdx new file mode 100644 index 0000000..f2e44a7 --- /dev/null +++ b/site-src/fun-web-stuff.mdx @@ -0,0 +1,10 @@ +--- +title: Fun web stuff +description: Stuff that mehbark made that you can play with on your browser +--- + +- [Spout](/spout): Fun, oft-interactive HTML/JS pieces +- [gol](https://pyrope.net/gol): [Conway's Game of Life](https://en.wikipedia.org/wiki/Conway's_Game_of_Life) with checkboxes, made in elm +- [TIMEDOG](https://pyrope.net/TIMEDOG): a clock that measures time in Patricia Taxxon's [TECHDOG](https://patriciataxxon.bandcamp.com/album/techdog-1-7) +- [davehash](https://pyrope.net/davehash/): you know what a hash modus is, right? +- [old site](https://web.archive.org/web/20260124004542/https://terezi.pyrope.net/): the site before this one. [aka onepn](/twopn) diff --git a/site-src/index.mdx b/site-src/index.mdx index efb5ac2..a2d8c49 100644 --- a/site-src/index.mdx +++ b/site-src/index.mdx @@ -12,13 +12,29 @@ export function PostLink({post}) { {" "} ({tags.join(", ")}) {" "} - () + () } -## Posts +## About me +- [I go by mehbark](/awesomebark) on the internet! +- I did get this domain just for the pun, but alas, I can't claim to be the number one Terezi fan. +- I put code on [my Forgejo instance](https://g.pyrope.net) and [my GitHub](https://github.com/mehbark). +- I had fun making posts on [cohost](https://cohost.org) before it died; + I enjoyed making [CSS crimes](https://cohost.org/mehbark/tagged/css%20crimes) the most, of course. +- I occasionally enjoy making bad video games and putting them on [my itch.io](https://mehbark.itch.io) + +If you want to do something on your browser AS SOON AS POSSIBLE, check out [my page of fun web stuff](/fun-web-stuff)! + +If you want longer-form stuff of even less consistent quality, check out [my blog](https://b.pyrope.net)! + +--- + +## Latest posts + +--- diff --git a/site-src/layout/badges.njk b/site-src/layout/badges.njk new file mode 100644 index 0000000..90301b7 --- /dev/null +++ b/site-src/layout/badges.njk @@ -0,0 +1,63 @@ +
+ +homestuck + + +The mastodon mastodon playing with a paper airplane next to text that says Follow me on Mastodon + + +88 X 31 + +i like stamps but they would look out of place sad face + +arch linux + + +made with cascading style sheets + + +the debian logo next to text that says powered by debian + + +text that says download SBURB next to the SBURB logo, the SBURB part is all fancy + + +terezi next to text that says THIS USER LOVES TEREZI in terezi's typing quirk + + +The firefox logo next to text that cycles between get firefox, rediscover the web, the browser you can trust, etcetera + +Text that says FREE: Microsoft Internet Exploder next to the internet explorer logo, which turns into the earth and then BLOWS UP + +irc works + + +Still using buttons in 2019! + +made with vi + +eggbug next to text that says I was on cohost + + +the two penguins from hackles looking at teal text that says hackles.org + +a pretty pixel art gif by @coldcalzone that shows the broad strokes of the acts of homestuck. very cool +(get 'sbcl) +terezi's head is seen from behind looking at the sky. on the right, it says terezi.pyrope.net and >:] + + + + + +Moonbase Dot LGBT + +lebsite weague +NES Pictionary +nixos logo + +lisanne.gay 88x31 +
diff --git a/site-src/layout/page.njk b/site-src/layout/page.njk index 21bc2e9..cf31496 100644 --- a/site-src/layout/page.njk +++ b/site-src/layout/page.njk @@ -28,11 +28,21 @@ title: terezi.pyrope.net

T3R3Z1.PYROP3.N3T

- {% if title != "terezi.pyrope.net" %} -

{{ title }}

- {% endif %} +
+ {% if title != "terezi.pyrope.net" %} +

{{ title }}

+ {% endif %} - {{ content | safe }} + {{ content | safe }} +
+ diff --git a/site-src/res/88x31/2019.gif b/site-src/res/88x31/2019.gif new file mode 100644 index 0000000..eb40bb2 Binary files /dev/null and b/site-src/res/88x31/2019.gif differ diff --git a/site-src/res/88x31/88x31.gif b/site-src/res/88x31/88x31.gif new file mode 100644 index 0000000..c6ccdad Binary files /dev/null and b/site-src/res/88x31/88x31.gif differ diff --git a/site-src/res/88x31/archlinux.gif b/site-src/res/88x31/archlinux.gif new file mode 100644 index 0000000..6fcc440 Binary files /dev/null and b/site-src/res/88x31/archlinux.gif differ diff --git a/site-src/res/88x31/css2.gif b/site-src/res/88x31/css2.gif new file mode 100644 index 0000000..8dcff0b Binary files /dev/null and b/site-src/res/88x31/css2.gif differ diff --git a/site-src/res/88x31/debian.gif b/site-src/res/88x31/debian.gif new file mode 100644 index 0000000..eaf7001 Binary files /dev/null and b/site-src/res/88x31/debian.gif differ diff --git a/site-src/res/88x31/e-hs.gif b/site-src/res/88x31/e-hs.gif new file mode 100644 index 0000000..3e589c5 Binary files /dev/null and b/site-src/res/88x31/e-hs.gif differ diff --git a/site-src/res/88x31/firefoxget.gif b/site-src/res/88x31/firefoxget.gif new file mode 100644 index 0000000..3cd754f Binary files /dev/null and b/site-src/res/88x31/firefoxget.gif differ diff --git a/site-src/res/88x31/hackles-button.png b/site-src/res/88x31/hackles-button.png new file mode 100644 index 0000000..3431c8e Binary files /dev/null and b/site-src/res/88x31/hackles-button.png differ diff --git a/site-src/res/88x31/homestuck.gif b/site-src/res/88x31/homestuck.gif new file mode 100644 index 0000000..fcc8a81 Binary files /dev/null and b/site-src/res/88x31/homestuck.gif differ diff --git a/site-src/res/88x31/i-was-on-cohost.gif b/site-src/res/88x31/i-was-on-cohost.gif new file mode 100644 index 0000000..f2e509f Binary files /dev/null and b/site-src/res/88x31/i-was-on-cohost.gif differ diff --git a/site-src/res/88x31/ie_exploder.gif b/site-src/res/88x31/ie_exploder.gif new file mode 100644 index 0000000..fc6de13 Binary files /dev/null and b/site-src/res/88x31/ie_exploder.gif differ diff --git a/site-src/res/88x31/ircworks.gif b/site-src/res/88x31/ircworks.gif new file mode 100644 index 0000000..70ac10e Binary files /dev/null and b/site-src/res/88x31/ircworks.gif differ diff --git a/site-src/res/88x31/lebsite-weague.png b/site-src/res/88x31/lebsite-weague.png new file mode 100644 index 0000000..dde53fc Binary files /dev/null and b/site-src/res/88x31/lebsite-weague.png differ diff --git a/site-src/res/88x31/madewithvi.gif b/site-src/res/88x31/madewithvi.gif new file mode 100644 index 0000000..9aa8301 Binary files /dev/null and b/site-src/res/88x31/madewithvi.gif differ diff --git a/site-src/res/88x31/mastodon_button_3.gif b/site-src/res/88x31/mastodon_button_3.gif new file mode 100644 index 0000000..76d9c0e Binary files /dev/null and b/site-src/res/88x31/mastodon_button_3.gif differ diff --git a/site-src/res/88x31/nixos-88x31.png b/site-src/res/88x31/nixos-88x31.png new file mode 100644 index 0000000..b6f69f4 Binary files /dev/null and b/site-src/res/88x31/nixos-88x31.png differ diff --git a/site-src/res/88x31/stamp-sadness.gif b/site-src/res/88x31/stamp-sadness.gif new file mode 100644 index 0000000..ab9eeaa Binary files /dev/null and b/site-src/res/88x31/stamp-sadness.gif differ diff --git a/site-src/res/88x31/this-user-loves-terezi.png b/site-src/res/88x31/this-user-loves-terezi.png new file mode 100644 index 0000000..9a28d8c Binary files /dev/null and b/site-src/res/88x31/this-user-loves-terezi.png differ diff --git a/site-src/res/main.css b/site-src/res/main.css index fcd66b9..142a9b1 100644 --- a/site-src/res/main.css +++ b/site-src/res/main.css @@ -23,6 +23,11 @@ body { /* idk */ /* font-feature-settings: "aalt", "c2sc", "ccmp", "cv13", "cv17", "cv19", "cv20", "cv25", "cv28", "cv37", "cv43", "cv44", "cv46", "cv47", "cv49", "cv55", "cv57", "cv62", "cv68", "cv69", "cv70", "cv71", "cv75", "cv76", "cv77", "cv79", "cv80", "cv81", "cv82", "cv84", "cv90", "cv91", "cv92", "cv98", "frac", "liga", "locl", "smcp", "ss01", "ss04", "ss05", "ss11", "ss12", "subs", "sups", "mark", "mkmk"; */ + min-height: 100%; +} + +main { + min-height: 60vh; } @media (prefers-color-scheme: dark) { @@ -256,9 +261,53 @@ video { Courier, monospace; background: var(--accent2); + margin: 0; } #site-title > a { color: var(--accent); text-decoration: none; } + +footer { + text-align: center; + background-color: var(--accent2); + width: 100%; + margin: 0; +} + +/*.badges a, marquee a, header a { + border: none; + background-color: #00000000; + text-decoration: none; +}*/ +.badges { + image-rendering: pixelated; + transition: transform 0.1s; + overflow-x: clip; + font-size: 0pt; + padding: 0.5rem; +} +.badges > * { + display: inline-block; + width: 88px; + height: 31px; + vertical-align: middle; +} +/* +.badges > :hover { + transform: scale(2); +} +*/ +.badges > a > img, +.badges .ff-container { + width: 88px; + height: 31px; +} + +.webring { + margin: 0 auto; +} +.webring > a { + font-size: 2rem; +} diff --git a/site-src/revchron.mdx b/site-src/revchron.mdx index f5a8b79..a4091f8 100644 --- a/site-src/revchron.mdx +++ b/site-src/revchron.mdx @@ -2,6 +2,7 @@ title: On the reverse-chronological ordering of items description: I pontificate on the merits and missteps of ordering items by their associated date in a fashion antiparallel to our logical conception of time. tags: post,short +date: 2026-01-24 20:00:00 --- the bit is that this is actually for testing reverse chron but i'm going to turn it into a little piece about reverse chron. diff --git a/site-src/ring.html b/site-src/ring.html new file mode 100644 index 0000000..2d1199b --- /dev/null +++ b/site-src/ring.html @@ -0,0 +1,96 @@ + + + + + +the m,cai webring + + + + +

the m,cai webring

+ + + + diff --git a/site-src/spout/index.html b/site-src/spout/index.html new file mode 100644 index 0000000..590e50d --- /dev/null +++ b/site-src/spout/index.html @@ -0,0 +1,646 @@ + +spout + + + + + + + + + + +

spout: reverse-chron html pieces by mehbark

+ +
+

# binary search over the integers (todo)

+ +

0

+

low: ?, high: ?

+
+ +
+

# eva interface stuff style noodling

+ +
+
+
+

EMERGENCY

+

bla bla stuff is happening i have finished the show but not eoe

+ + + + + + yo + + + + + + + + + + + + +
+
+
+ +
+

# fake book covers

+

chorum thread, i have an idea

+
+

Suturing Spectra

+

Case Studies in Chromatic Containment

+
+

Stanton Parker

+

Practical Anomalous Physics: Volume One

+
+

The original SCP logo was designed by far2, based on a free asset from Adobe Illustrator's "Mad Science" asset library, which in turn was based on the electrostatic discharge warning symbol. The first high-resolution PNG version of the logo was made by Aelanna, based on the original SCP logo. SCP Foundation (emblem), CC BY-SA 3.0 + +

+ +
+

# can i embed a godot game?

+
of course + +
+ +
+

# sπgot

+

hey, that's almost a spout!

+

here's a π spigot from this blog post. +a while ago, i implemented one of the algorithms here in scheme. it was fun to get a megabyte of π, and i want you to be able to have a similar experience :D. +this version is unproven, as discussed in the original article, buuuut idrc. +fair warning: especially with larger batch sizes, this is liable to freeze up the tab. tread carefully! +

+
+3.
+ 1 digits in batches of

+

gotta say, it's really sweet working with native generators. not really necessary here, but elegant. +bigints were the real hero, i almost discarded the idea before i remembered js had them :P +

at around 215 digits, the bigints become too big to allocate, at least on my machine. lame! +

+ +
+

# emanresu A π approximation

+

this is a geminic sequel to s10, which does exist yet! +

this technique is taken from this code golf question. +i hope i can do it! +
+ best guess: idk +

i did it! not super efficiently, but it was fun. the slider goes up to 12, which is really pushing it, so exercise caution +

+ +
+

# Monte Carlo π approximation

+

this is a prequel to s11, which does exist yet! +

a while ago, i made this cohost post about approximating π, +and i'd like to implement my favorite approach here

+
+ in batches of
+

current best guess: 0/0 * 4 = idk +

this is thoroughly ingrained in my brain, but i hope it's still fairly intuitive for others. +i like how the boundary becomes more clear with more samples, it makes the accuracy more understandable imo +

+ +
+

# apropos of s7

+

i may not be stupid! +

the technique as applied in s6 may be pointless, but, for a general equality, points that can move in two directions could actually be interesting! +that might be here! in ! th efuture

+
+ = samples2 +

okay dang this looks freaking great. hue is based on angle, look at the code! i love this +

i have decided that instead of making it more accurate, i will leave it at this place of looking very cool +

+ +
+

# s(oko)8(an)

+

i never got anywhere with width-hacking on cohost, but can i implement a normal game in programming language‽ +

WIP! functional! really needs undo though!

+

see here if you want to know the #lingo

+ +
+
winning? no. moves?
+ + +
+
+

# i may be stupid

+

i realized something when talking about s7: i may be stupid. +first of all, it's worth understanding that s7 is actually my third go at this technique, +the first time was on about:blank in canvas, and the second time was in picotron.

+
+ th derivative +

i just have to graph the function! the other method just looks cooler and is less reliable +

here's the important part of the code: ctx.fillRect(x.map(x0, x1, 0, 300), f(x).map(y0, y1, 300, 0), 1, 1) +

i also added approximated derivatives for fun :D +

+
+

# a very fun approach to graphing

+

now, this is hardly “production-grade,” but it is fun. first play, then talk.

+
+ +

now this is a very janky demo for many, many reasons, but there's a kernel of an idea here that's very cool: moving a bunch of things independently to do a big thing. +

some ideas to make this suck less: +

+

now look at the code! +

+
+

# why spout

+

i have my blog for when i want to make really legit-looking posts. +it's made with pollen, which is great, and i can make even the most lame posts (currently all of the posts) look very nice. +however, there's a whole build system, the book is a program after all, a lot of things have to happen to make a post there happen. so i wanted something smaller. micro, if you will. +hence, spout! i just write some html (which, tbh, i kinda prefer to markdown) with no restrictions. ssh, edit file, save file, done. it's great! it really needs an RSS feed, though… +

+
+

# oh i'm totally going to

+ + +
+
+

# this is, obviously, just an html page

+

i can do whatever i want! +heck, i could even put javascript +

+
+

# hello, again

+

this is the second +

also easy to write! +

note the # links +

+
+

# hello, spout

+

this is the first spout post +

it is easy to write +

that is important! +

+

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License.

+

i hope that's sufficient? you can use my stuff

+ + diff --git a/site-src/twopn.mdx b/site-src/twopn.mdx index aee600d..6787490 100644 --- a/site-src/twopn.mdx +++ b/site-src/twopn.mdx @@ -2,6 +2,7 @@ title: What is twopn? description: How I made a new website without exploding tags: post,short,meta +date: 2026-01-24 18:00:00 --- twopn is new website and stuff [lisannne](https://lisanne.gay) and [poly wolf](https://wolfgirl.dev/blog)