this page exists for my own reference, but I made it look ~nice since it’s linked in the changelog. no explanations no gods no masters
| layout | title (slug) | tags | date | typ | font | main & alt | img-class | css | cp* |
|---|---|---|---|---|---|---|---|---|---|
| 00 | blockydob.blend (/blockydob) | [3d,fanart] | 2026-03-24 | b3d | - |
blockydob_53-kden.gif
A low-poly anthropomorphic blue Dobermann, wearing a navy-and-gold uniform. The image is a gif, with a slight side-to-side camera shift; the dog has subtle movements, including a blink.
|
vert | #img{transition:.5s ease-in;} #img:active,#img:focus,#img:hover{transition:.65s ease-out;} |
|
| 00 | moff.blend (/moff) | [3d,fanart] | 2026-04-27 | b3d | - |
moff_3-tweak.gif
A turnaround of a low-poly purple bug, the pokémon Venomoth. The moth is flapping its wings as if in flight, with a little “jump” in its movements to match.
|
sqh | #cp{text-align:center;} h1{font-size:2em; font-style:italic; border-bottom:1px solid #4a4a4a; padding:.25em 0;} #cp ul{list-style-type:none;} #cp li:before{content:'￮'; margin-right:.5em; margin-left:-1.5em;} |
|
| 00 | japhet.blend (/japhet) | [3d,fanart] | 2026-05-28 | b3d | - |
japhet_12-smooth.png
A shiny low-poly bird-creature, wings spread as though landing from flight. There is what appears to be a catskin hanging from the neck.
|
sqh | #cp{text-align:right;} #cp ul{list-style-type:none;} code{padding:0 .25em;} #ff{background:#fff; color:#000;} |
|
| 00 | brame animal. (/brame) | [3d,bodyhorror] | 2026-06-11 | - | <link rel="stylesheet" href="https://rsms.me/inter/inter.css"> |
- | - | body{background:#000; color:#fff; font-family:'courier new',courier,monospace;} .wrap{max-width:42rem; padding:0 1rem;} main,footer{padding:0 1rem;} ::selection{background:#000; color:#404040;}
#img{text-align:center; padding:5rem 1rem;} .img{border:1px solid #000; display:inline-block; line-height:0;} .img:hover,.img:focus,.img:active{opacity:.75; border:1px dashed #bfbfbf;}
#info{color:#808080; overflow:auto; width:100%; padding-bottom:3.5em;} h1,#info small{width:50%; float:left;} h1{letter-spacing:.075em;} #info small{text-align:right; font-style:italic;} #info+hr{max-width:44rem; margin:2.5em auto; border-color:#404040;}
p{margin:1.25em 0;} .txt p:first-of-type{margin-top:0;} .txt p:last-of-type{margin-bottom:0;} a{color:inherit; text-decoration-style:dashed; text-decoration-color:#9f9f9f;} a:hover,a:active,a:focus{color:#808080; text-decoration:none;} .txt{background:#202020; border:1px solid #808080; padding:1em; margin:1em auto; line-height:1.5;} .txt ::selection{color:#808080;} .em::after{content:'—';}
details{font-family:'inter',calibri,sans-serif; border:1px dashed #9f9f9f; margin:1.25em 0; color:#efefef;} summary{padding:.5em 1em; color:#bfbfbf; letter-spacing:0.025em;} summary:hover,summary:active,summary:focus{background:#000; color:#efefef;} #dt{padding:.5em 1em; border-top:1px dotted #9f9f9f;} ul{margin-left:1em;} li{margin:.5em 0;}
figure{text-align:center; margin:3em auto;} small{font-size:.875em;} figcaption{color:#bfbfbf; line-height:1.25; padding:0 1em;} figcaption.wrap{text-align:left;}
#multi img{max-height:500px;}
footer{padding:2em 0;} footer a{text-decoration:none;} footer span{color:#fff;}
#footnote{/*color:#9f9f9f;*/ padding:1em; line-height:1.25;} hr{margin-top:1.5em !important; border:1px dashed #808080;} |
- |
| 00 | hipster ’yote (/hipster-yote) | [2d,sladeauctor] | 2026-06-21 | fa | - |
hipster-yote.png
Slade, drawing of an anthropomorphic coyote. Clothed, wears glasses, and holding a chocolate milk bottle with a straw.
|
nobg | - | - |
| 00 | movie day (/movie-day) | [2d,404] | 2026-06-22 | fa | - |
movie-day.png
Four characters on their way to see a movie. Left to right: 1 marches along, declaring “I think this will give me an existential crisis!”; 2, shrugging away, grumbles “you’re always having an existential crisis.” (“Touché!”, says the first); 3, holding the popcorn which 2 is picking from, adds “Mm. Personally, I think the pertinence of its themes makes it all the more relevant to—”; 4, interrupting, “will u slowpokes /hurry tf up?!!!/”. Last one is walking backwards, as to better yell at the others. There’s a poster in the background of a jester on a cross.
|
- | #f2019{margin-top:0 !important;} #f2019 .fg{border:0;}
#fa #endnote{border-top:1px solid #fff; max-width:900px; margin:3em auto;} #fa main{padding-bottom:2em;} @media (prefers-color-scheme:dark){#fa #endnote{border-top:2px solid #000;}} #endnote+.wrap{text-align:center;} |
- |
| 00 | them arts sure do fight (/artfight) | [forXYZ,flightrising,3d] | 2026-08-01 | - | - | - | - | /*i had Noto Sans here but it didn't work. page looks fine without tho go figure*/
body{font-family:'noto sans','segoe ui',sans-serif; background:#222; color:#fff;} ::selection{background:#e0434a; color:#ffff;} h1 ::selection,figcaption ::selection{color:#000;} section,#card ul,.border{margin:0 auto;} a{text-decoration:none;} a:focus{outline:#e0434a 3px solid;} hr{display:none;}
#card{text-align:center; background:#000; padding:1em 0 0;} #card ul{max-width:700px; list-style-type:none; line-height:0; padding:5px 0 5px;} #card li{display:inline-block; padding:5px;} #card ul a{display:inline-block; overflow:hidden; border-radius:5px; border:1px solid #e0434a; padding:5px; transition:.5s ease-out;} #card img{opacity:.75; border-radius:3px; transition:.75s ease-out;} #card ul a:hover,#card ul a:active,#card ul a:focus{border-color:#fff; transition:.25s ease-out;} #card ul a:hover img,#card ul a:active img,#card ul a:focus img{opacity:1; transition:.5s ease-out; filter:saturate(150%);}
.border{background:#e0434a; height:3em; max-width:670px;} .b1{background:linear-gradient(to bottom,#000 1.5em,#e0434a);} .b2{border:0; background:linear-gradient(to top,#000 1.5em,#e0434a);} h1{color:#fff; font-size:50px; font-style:italic; text-align:left;} h1 a{color:#fff; transition:.5s ease-out;} h1 a:hover,h1 a:active,h1 a:focus{color:#000; text-shadow:0 0 5px #e0434a,0 0 3px #e0434a; transition:.25s ease-out;} .b2 small{float:right; margin-top:.5em; padding-right:10px; color:#fff; opacity:.65; font-size:.85em;}
#desc{line-height:1.65; padding:0 1em;} .box{max-width:670px; background:#2f2f2f; border:1px solid #3d3d3d; margin:1.5em auto; padding:.75em 1em 1em;} p{max-width:35rem; margin:0 auto;} p+p{margin-top:1em;}
figure{text-align:center; margin:1.5em auto;} .fg{display:inline-block; line-height:0;} .fg:hover,.fg:active,.fg:focus{opacity:.75;} figure img{border-radius:3px;} figcaption{font-size:.825em; color:#bfbfbf; letter-spacing:.0375em;} figcaption a{color:inherit; text-decoration:underline; text-underline-offset:.15em;} figcaption a:hover,figcaption a:focus,figcaption a:active{text-decoration:none; color:#fff;} figcaption small{font-style:italic;} figcaption span{display:inline-block;} figcaption p:last-child{text-align:left;} s{color:#9f9f9f; text-decoration:none;}
footer{background:#000; border-top:1px solid #3d3d3d; padding:.5em 1em .75em; text-align:center; margin-top:5em;} footer a{color:#9f9f9f; text-decoration:none; transition:.5s ease-out;} footer a:focus,footer a:hover,footer a:active{color:#fff; transition:.25s ease-out;} |
- |
| 00 | danger: strangers (/danger-strangers) | [2d,disasterCrew] | 2026-08-04 | fa | - |
danger-strangers.png
“No, thanks,” says one of a young couple, “we really don’t have time for—” “Well,” interrupts the other one, “first of all—”; the speech bubble cuts off there. He misses being a tweenage Vine star, and is pretty enthusiastic about the phone camera pointed their way. There’s no joy in her smile, though.
|
- | - | - |
| 00 | The Amazing Digital 404 (/tad404) | [404] | 2026-08-05 | fa | - | - | - | body{background:#000;} header,#first.box,footer{background:#000; color:#fff;} #fa header ::selection,#fa footer ::selection,#s404 ::selection{background:#000; color:#808080;} #fa img::selection{background:0;} #fa header,#fa footer{font-family:consolas,monospace; font-size:.85em; color:#b7b7b7;} h1,footer b{font-weight:normal;} header span{color:#000; cursor:default;} header span::after{content:'2026-08-05'; color:#808080;} header span::selection{color:#000 !important;}
#fa main{background-image:url(./assets/24x24.png); background-attachment:fixed; background-size:24px; background-position:center; border-top:1px solid #000 /*getting rid of it altogether messes with the margins*/} .box#first{text-align:center; margin:2.5em auto;} #s404 .box p{font-family:serif;} #fa a:hover,#fa a:active,#fa a:focus{background:#484848; color:#fff;}
details{text-align:center;} summary{list-style:none; cursor:default; display:inline-block; border:0;} summary::marker,details>summary::-webkit-details-marker{display:none;} #pt1{background:rgba(255,255,255,.85);} #pt2{background:rgba(0,0,0,.75); padding-bottom:5em; background-image:url(./assets/art/tad404_tinycaine.png); background-position:center; background-attachment:fixed;} #pt2 summary{width:100%; background:linear-gradient(#000,rgba(0,0,0,0) 25%);} #fa details.comic .wrap{padding:0 1em 3em;} .script{font-family:consolas,monospace; text-align:left; padding:1em; line-height:1.5;} .script br{margin-bottom:.25em;} .script p+p,.script ul+p{margin-top:.75em;} #pt1 .script{background:#fff; color:#000; border:2px solid #000;} #pt1 .script ::selection{background:#efefef; color:#000;} #pt1 .script i{color:#808080;} #pt2 .script{background:#000; border:2px solid #fff;} #pt2 .script ::selection{background:#484848; color:#fff;} #pt2 .script i{color:#efefef;} .s1{color:#cc0000;} .s2{color:#4f4f80; font-family:arial,sans-serif;} .s2c,.script ul,.s3{color:#3f3f4d; font-family:georgia,serif;} .s3{color:#e6ca87;} .s4{color:#00cc00; font-family:'comic sans ms',verdana,sans-serif;} /*specific weird shit*/ i i{text-decoration:underline;} .script ul{margin-left:1em;} .script ul li:last-child{margin-top:.25em;} big{font-size:1.5em;}
@media only screen and (min-width:50em){ #s404 .box p,.script{font-size:1.15em;} }
#cmt{margin-top:3.5em; text-align:left;} #cmt summary{cursor:pointer; text-align:center;} #cmt summary .box{border:2px solid #000; box-shadow:4px 4px 0 #000;} #cmt br{margin-bottom:.5em;} #cmt details[open] summary .box{background:#b7b7b7; box-shadow:none; border-width:1px; color:#484848;} @media (prefers-color-scheme:dark){#cmt details[open] summary .box{background:#000; color:#808080;}} #bla{text-align:left;} #cmt figure{margin:5em auto 2em;} |
- |
| 00 | hawkbane.mdp (/hawkbane) | [2d,flightrising] | 2026-08-17 | fa | - |
hawkbane.png
An angular lineless dragon, hunched over an indistinct glob of meat. The dragon’s horns, maw, and claws are spattered in blood. It is a good feast.
|
nobg | main img{max-height:100vh;} #main,#fa #img{background:#1d0608;} #fa #main{padding-bottom:1em;} #fa #img{border:0; transition:.75s ease-in;} #fa #img:hover,#fa #img:focus,#fa #img:active{opacity:.25; background:#1d0608; transition:.75s;}
#fa header{background:#80111b; color:#f7e6e9;} #fa main{border-top:0;} #fa header ::selection,#fa #img ::selection{background:#3b234d; color:#d6a08b;} |
- |
| 00 | take the (screen)shot. redraw (/shot) | [painterly,miscFanart] | 2026-08-18 | fa | - |
shot.png
A semi-rough painting of a character aiming a lens towards the viewer. She looks mad.
|
- | #fa #main{background:#000; padding:3em 0;} #fa #img{border:0;} #fa #img img{max-height:100vh;} #fa header{background:#08142f; color:#3D7686;} #fa main{border-top:0;} #fa header ::selection,#fa #main ::selection{background:#000; color:#fff;} |
- |
| 00 | people who don’t smile and people who smile maybe too much (/cmyk) | [disastercrew] | 2026-08-20 | fa | - |
-
Squares of character portraits. Detailed descriptions in the alt text, or skip to the overall art description.
|
- | #fa #main{padding:0;} #main ::selection{background:#000;} #main ul{list-style-type:none; line-height:0; background:#000; padding:.5em;} #main li{display:inline-block; margin:.5em; overflow:hidden; border-radius:2px;} .cmyk{display:inline-block;} .cmyk:hover,.cmyk:active,.cmyk:focus{opacity:.75;} @media only screen and (min-width:1010px){ #main li{width:30%; max-width:500px;} #tara{width:100% !important; max-width:100% !important; margin:.5em 0 !important;} } #cmyk-list p:first-of-type{margin-bottom:0;} #fa .box ul{margin:0 1em;} #cmyk-list li{margin:.5em 0;}
#thin{display:none;}
@media only screen and (min-width:750px){ #float{text-align:center; max-width:1000px; margin:0 auto;} #float figure,#float>.wrap{text-align:left; width:49%; vertical-align:middle; display:inline-block;} #cmyk-list{margin-bottom:2em !important;} #thin{display:inline;} #wide{display:none;} } |
- |
cp = caption, for b3d pages