Mastodawn

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<!--

EVERYTHING IS PHYSICAL
EVERYTHING IS FRACTAL
EVERYTHING IS RECURSIVE
NO MONEY
MO MINING
NO PROPERTY
LOOK AT THE INSECTS
LOOK AT THE FUNGI
LANGUAGE IS HOW THE MIND PARSES REALITY

-->
<title>SUB WOOFER</title>

<META NAME="robots" CONTENT="noindex,nofollow">

<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.6.0/addons/p5.sound.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>

<div class= "mathlabel" id = "zerothetabox">0</div>
<div class= "mathlabel" id = "thetabox">$\theta$</div>
<div class= "mathlabel" id = "pibox">$\pi$</div>

<div class= "mathlabel" id = "zerophibox">0</div>
<div class= "mathlabel" id = "phibox">$\phi$</div>
<div class= "mathlabel" id = "twopibox">$2\pi$</div>

<div id = "mainequation">
$$
\psi = \cos{\left(\frac{\theta}{2}\right)}\left| \textbf{sun} \right> + e^{i\phi}\sin{\left(\frac{\theta}{2}\right)}\left| \textbf{star} \right>
$$
</div>

if(innerWidth > innerHeight){
squaresize = innerHeight - 160;

document.getElementById("elementsbox").style.width = ((innerWidth - squaresize)/2).toString() + "px";
document.getElementById("elementsbox").style.height = (innerHeight).toString() + "px";

document.getElementById("sun").style.width = (squaresize).toString() + "px";
document.getElementById("sun").style.left = (20 + (innerWidth - squaresize)/2).toString() + "px";
document.getElementById("sun").style.top = "60px";

document.getElementById("star").style.width = (squaresize).toString() + "px";
document.getElementById("star").style.left = (20 + (innerWidth - squaresize)/2).toString() + "px";
document.getElementById("star").style.top = "60px";

document.getElementById("zerophibox").style.left = (0.5*innerWidth - 0.5*squaresize - 10).toString() + "px";
document.getElementById("zerophibox").style.top = "0px";

document.getElementById("phibox").style.left = (0.5*innerWidth - 10).toString() + "px";
document.getElementById("phibox").style.top = "0px";

document.getElementById("twopibox").style.left = (0.5*innerWidth + 0.5*squaresize - 10).toString() + "px";
document.getElementById("twopibox").style.top = "0px";

document.getElementById("zerothetabox").style.left = (0.5*innerWidth + 0.5*squaresize + 35).toString() + "px";
document.getElementById("zerothetabox").style.top = "40px";

document.getElementById("thetabox").style.left = (0.5*innerWidth + 0.5*squaresize + 35).toString() + "px";
document.getElementById("thetabox").style.top = (innerHeight/2 - 50).toString() + "px"; ;

document.getElementById("pibox").style.left = (0.5*innerWidth + 0.5*squaresize + 35).toString() + "px";
document.getElementById("pibox").style.top = (innerHeight - 120).toString() + "px";

}
else{
squaresize = innerWidth - 100;

document.getElementById("sun").style.left = "50px";
document.getElementById("sun").style.top = ((innerHeight - squaresize)/2).toString() + "px";
document.getElementById("sun").style.width = (squaresize).toString() + "px";
document.getElementById("star").style.left = "50px";
document.getElementById("star").style.top = ((innerHeight - squaresize)/2).toString() + "px";
document.getElementById("star").style.width = (squaresize).toString() + "px";

document.getElementById("zerothetabox").style.left = "20px";
document.getElementById("zerothetabox").style.top = (innerHeight/2 - squaresize/2 -20).toString() + "px";

document.getElementById("thetabox").style.left = "20px";
document.getElementById("thetabox").style.top = (innerHeight/2 - 20).toString() + "px"; ;

document.getElementById("pibox").style.left = "20px";
document.getElementById("pibox").style.top = (innerHeight - 150).toString() + "px";

document.getElementById("zerophibox").style.left = (0.5*innerWidth - 0.5*squaresize + 20).toString() + "px";
document.getElementById("zerophibox").style.top = (innerHeight - 170).toString() + "px";

document.getElementById("phibox").style.left = (0.5*innerWidth - 10).toString() + "px";
document.getElementById("phibox").style.top = (innerHeight - 170).toString() + "px";

document.getElementById("twopibox").style.left = (0.5*innerWidth + 0.5*squaresize - 50).toString() + "px";
document.getElementById("twopibox").style.top = (innerHeight - 170).toString() + "px";

}

let osc, fft,osc2,osc3;
oscon = false;

f_earth = 69;
f_air = 99;
f_fire = f_air;
f_water = f_earth;

document.getElementById("earthinput").value = f_earth.toString();
document.getElementById("airinput").value = f_air.toString();

document.getElementById("earthinput").onchange = function(){
f_earth = parseFloat(this.value);
}
document.getElementById("airinput").onchange = function(){
f_air = parseFloat(this.value);
}

theta = 0;
phi = 0;
vx = 0;
vy = 0;

function setup() {

createCanvas(squaresize,squaresize);
osc = new p5.SinOsc(); // set frequency and type
osc.amp(1.0);
osc2 = new p5.SinOsc(); // set frequency and type
osc2.amp(1.0);
fft = new p5.FFT();
// osc.start();
//osc2.start();

osc.freq(f_earth);
osc2.freq(f_air);

if(innerWidth > innerHeight){
document.getElementsByTagName("MAIN")[0].style.left = ((innerWidth - squaresize)/2).toString() + "px";
document.getElementsByTagName("MAIN")[0].style.top = "50px";

}
else{

document.getElementsByTagName("MAIN")[0].style.left = "50px";
document.getElementsByTagName("MAIN")[0].style.top = ((innerHeight - squaresize)/2).toString() + "px";

}

document.getElementById("sun").style.opacity = (Math.cos(theta/2)*Math.cos(theta/2)).toString();
document.getElementById("star").style.opacity = (Math.sin(theta/2)*Math.sin(theta/2)).toString();

document.getElementById("star").style.transform = "rotate(" + (phi*180/Math.PI).toString() + "deg)";

clear();
stroke("#ff2cb4");
fill("#ff2cb4");
circle(mouseX,mouseY,50);

}

function mouseClicked() {

if(mouseX > 0 && mouseX < squaresize && mouseY > 0 && mouseY < squaresize){
if(!oscon){
osc.start();
osc2.start();

}
else{
osc.stop();
osc2.stop();
}
oscon = !oscon;
}
}

codesquaresize = 80;
marginsize = 40;
fontsize = 12;
//globalurl = "http://www.trashrobot.org/qrcode.html";
globalurl = window.location.href;
qrcode = new QRCode(document.getElementById("qrcode"), {
text: globalurl,
width: codesquaresize,
height: codesquaresize,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});

</script>
<style>
body{
background-color:black;
color:#ff2cb4;
overflow:hidden;
}
main{
border:solid;
border-width:10px;
border-color:#ff2cb4;
position:absolute;

}
input{
width:2em;
font-size:60px;
background-color:black;
color:#00ff00;
font-family:courier;
z-index:1;
}
a{
color:#ff2cb4;
font-size:1em;
}
#elementsbox{
position:absolute;
left:0px;
top:0px;
}
#sun{
position:absolute;
z-index:-1;
}
#star{
position:absolute;
z-index:-2;
}
.mathlabel{
font-size:40px;
position:absolute;
}
#replicatorlink{
position:absolute;
right:0px;
display:block;
bottom:0px;
border:solid;
border-color:#ff2cb4;
width:100px;
height:100px;
text-align:center;
z-index:1;
}
#replicatorlink img{
height:100px;
display:block;
}
.elemental{
font-size:60px;
font-family:Comic Sans MS;
}
.elemental img{
width:100px;
}
#qrcode{
position:absolute;
right:10px;
top:0px;
border:solid;
border-width:10px;
border-color:white;
}
#mainequation{
position:absolute;
bottom:0px;
text-align:center;
width:100%;
font-size:20px;
}
@media only screen and (orientation: portrait) {
.elemental img{
width:40px;
}
.elemental{
font-size:25px;
font-family:Comic Sans MS;
}
input{
font-size:25px;
}

}
@media only screen and (orientation: landscape) {

}

</style>
</body>
</html>

Show thread

Tecno & Soft 🔻🐧17h ago

@elblogdelazaro Yo lo hice con bg #ffffff. Fue solo una prueba rápida, a ver si mejoraba.

Mitchell Report 1d ago

Parsley, Pot Roast, and Changing Tastes

Food Republic @foodrepublic.bsky.social · Mar 30, 2026 🦋 BLUESKY From steak dinners to bowls of soup, 1980s restaurants topped nearly every dish with a sprig of parsley. But why was this garnish so ubiquitous? Why 1980s Meals Were Always Garnished With Parsley – Food Republic www.foodrepublic.com View original post → [...]

https://michaelmitchell.blog/parsley-pot-roast-and-changing-tastes

Food Republic (@foodrepublic.bsky.social)

From steak dinners to bowls of soup, 1980s restaurants topped nearly every dish with a sprig of parsley. But why was this garnish so ubiquitous? https://www.foodrepublic.com/2130936/1980s-meals-garnished-parsley/?utm_term=Autofeed&utm_campaign=Echobox-FoodRepublic&utm_medium=Social-Distribution&utm_source=Bluesky#Echobox=1774818710

Bluesky Social

Show thread

worldday May 2

3/5**
```
🤍 このプロジェクトの特徴：
😻 配色は2色のみ：#0a1929 + #ffffff
🥩 9言語対応：JA • EN • ES • ZH • PL • GA • NO • FR • NL
💝 多言語SEO + フルアクセシビリティ
🐾 追跡・クッキー・広告一切なし
🍗 ページ容量100KB未満・超高速読み込み
#Language #story

Somerville YIMBY Apr 30

The Basic Economics of Home Building

.bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #C0C0C0; } .bh__table_cell { padding: 5px; background-color: #FFFFFF; } .bh__table_cell p { color: #2D2D2D; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; } .bh__table_header { padding: 5px; background-color:#F1F1F1; } .bh__table_header p { color: #2A2A2A; font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif !important;…

https://somervilleyimby.org/2026/04/30/the-basic-economics-of-home-building/

The Basic Economics of Home Building - Somerville YIMBY

.bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #C0C0C0; } .bh__table_cell { padding: 5px; background-color: #FFFFFF; } .bh__table_cell p { color: #2D2D2D; font-family: ‘He…

Somerville YIMBY

Show thread

Robert Birming Apr 30

@alexandra I noticed your blog isn’t readable in dark mode. Seems it’s this thing messing it up:

Cublex Apr 29

i need a godot shader that replaces #FFFFFF with a texture

☨もりゃき.xyz☨Apr 23

Stylusで投稿入力Textareaを黒背景にした
こんな感じ

/* ==UserStyle==
@name fedibird.com
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document url-prefix("https://fedibird.com") {
textarea, .compose-form__upload-wrapper {
background-color: #282c37 !important;
color: #ffffff !important;
}

.compose-form .compose-form__buttons-wrapper {
background-color: #282c37 !important;
color: #ffffff !important;