• she/her

Caff on Drenden(H) TTGF: Gamer/Knitter/Mom/Pokemon Trainer/ etc

My favorite vegetable is bacon.


Stayed up until 2 am playing Pokemon. This is fine except 2 kids acting like 🦃 , like gobble gobble flappy arm turkeys, came and woke me up at 6am. Love visiting Jeff’s brother but 4 year olds are so hyper so early!

Gonna take a wee nap, finish knitting Jeff’s hat, and then pokemon some more. Love my lil fuecoco.



Corncycle
@Corncycle
coquest!
firefox and chrome only (desktop recommended)
Welcome to my post! Pretty neat, huh? Press A again to close signs!
This thing is so ridiculously hacked together! I'm surprised it's functional at all!
Everything in this post is raw HTML with inline css!
That means I can put anything I want in here! On this last screen I'm going to put the Eraserhead baby and turn you into eggbug!
That's it! Thanks for playing my game :D
Controls:
Use  dpad to move the hero and collect items
Press  A when below a sign to start/stop reading it
INFORMATION
HOW DO YOU MAKE SOMETHING LIKE THIS?
The "smallest" post I found on this site that I had no idea how to replicate at first was this post made by @blackle. If you're able to dissect that post on your own, you'll find that they use the width of a diplay:inline-flex element to "store" a variable that we can access from other elements using calc()!
This is an incredibly clever idea which is the basis of this post. If you understand the css from that post and know how to generate HTML in a programming language, you can probably make a post like this one (not to say that it will be easy, though!)
If you like this post and somehow aren't following blackle yet, you should! It has made various mindblowing posts since then that I can't even begin to understand the creation of.
WHY FIREFOX/CHROME ONLY?
I don't know much about how css is implemented, but in my experience Chrome and Firefox have the most similar implementations and are both widely used. Safari is kind of annoying and requires some special care for some css styling, but this post could work on safari for all I know. I'm just not going to go out of my way to support it. If you are on an iOS device and using "Chrome" or "Firefox" but this post doesn't work on your device, I encourage you to read this article!
BEHIND THE SCENES
I used Python and the xml.etree API to make this post. If you want to see the code that generated this post, you can find it here This code is extremely brittle and I would heavily recommend not using it but you might find it interesting.
You can also see a debug version of this post which (somewhat) shows how it works here.
RESOURCES USED
Hovering animation taken from this post by @oatmealine because I haven't learned how to do css animations yet!
Most sprites from The Legend of Zelda, found at spriters-resource.com
Sign sprite is a recolor of the sign sprite from A Link to the Past
NES controller image taken from this Amazon listing lol (not sponsored, it's just what I found on google)
Eraserhead baby image taken from the "Villains Wiki"


This year’s Stephen West mystery knit along, called Twists & Turns is complete. Off the needles, ends woven in, and blocked. Totes finito.

For the uninitiated this mystery knit along worked such that there was recommended yarn thickness, and we were told how much and how many colors. We also got suggestions on how to pick your three colors. We knew what tools we needed and that it would be a shawl. No other information.

Then once a week for 4 weeks we waited for the next piece of the pattern. It’s fun but also a little hair raising since you really don’t know what will happen week to week.

Here’s my shawl in all it’s beauty. I’m really happy with how it turned out, but also glad to have wrapped it up so I can move on to other projects. (It was a lot of stitches.)