Smallweb Chatter Post

[kalloway]

How's it going, smallweb?

This is an open post to talk about what you're working on, what you'd like to show off, cool resources, things that maybe aren't working so well, etc.

Any plans for June?

Comments

[luckyzukky]

got an off-site uptime kuma page for my homelab services, running on a digital ocean VPS at the cheapest price possible. i figured off-site was best because even though it'd be easy for me to self-host, it'd be useless to alert for downtime if it was within my homelab. so i used patreon money (which i am very grateful for!) to decide on a VPS. i'm quite happy with it.

i collected some resources for the astro static site generator over here on my site. i've slowed down on messing with astro but i wanna pick it up again. i toyed with making an icon image gallery with it and my friend ms boba actually wrote a custom content collection loader to make it work, which i am super grateful for!

june plans.... ok i gotta lock in and replace one of my servers because it's from 2008-2010 and is really showing its age. so many problems and crashes lately. it's frustrating. i have the money but no energy to research!

i also want to work on more personal projects, like my custom PHP fan listing site and some prompt generators i generate with bash scripts. they're tons of fun but i've been so busy with fujocoded and personal server work haha!

[axolotls]

Ohh hell yeah! I've been thinking about setting up some downtime monitoring, but also see it as a tad pointless if it's in the same place lmao.

[axolotls]

I got the issue that was slowing down access to my site solved! It was DNS in the end, some records got cached multiple times and that got things confused and resulted in regular timeouts.

I want to get back to working out a simple semantic HTML stylesheet so that I can slap it on and start putting together pages and changing it as needs and issues become more apparent. Just gotta remind myself I can afford to get sucked in now actually.

[tre.praze.net]

Just been CSSing tbh … trying to give my site a bullet journal vibe to make up for the fact that I don't use a real bullet journal because I track everything digitally, but simultaneously I'm envious of everyone else's cute stationery.

Rec for this pure CSS tape effect (https://www.kalechips.net/projects/snippets/tape), which was the final touch!

[tarlanx]

I've not made the time to get anything done in ages! I have a huge list of things I want to do but equally huge lists of other things *sigh*

[thepasteldyke]

Recently I've made a page dedicated to my physical games collection. I think it turned out pretty cute, and I'm glad I found the music player I used for that specific page through someone I follow.

I don't know if I'll finish it in June, but I kinda wanna finally start on asking a shrine for one of my favourite characters (Takeuchi from Mars Red). I've never made a shrine before so I'm gonna do a bunch of peeking at other shrines first though. (^o^)

[thepasteldyke]

Ooh I love the tape effect, definitely a nice touch.

[kalloway]

Your games page is super-cute!

[kalloway]

I know this feel so very much. ^^;; I want to archive stuff but I also want to do other hobbies and also have other general things to do... Need more hours in a day.

[kalloway]

Hopefully, June will be for archiving. I don't know why I have such an obnoxious mental block, but I sure do.

[tarlanx]

I end up wasting a lot of my time on meaningless things - playing mobile phone games! - that could have been put to better use. I do find things go in cycles and at some point I will focus solely on the websites for a few weeks.

[kalloway]

It's not meaningless if you're having fun, though. I know I'm having a good time with my current hobbies (mostly model building) and I'm the kind of person who works in cycles, too. We'll get to our stuff when the time is right. ^_^

[tarlanx]

So true! Sometimes you do need to just have fun :)

When that cycle does come around I will get quite a lot cleared form my lists quickly :)

[thepasteldyke]

Thank you! (˶◜ᵕ◝˶)

[alaterdate]

Nice games page! The games kind of look like little stamps it's really cute.
When I was working on my shrine I browsed the directory on this site amassment.org

[thepasteldyke]

Thank you!
Oh this is a really cool resource, thank you very much for sharing. (˶ˆᗜˆ˵)

[falkner]

I've been thinking about reviving my old fanlistings a lot recently, but I'm wary of using the old script at this point... it would be amazing if a new up-to-date one existed!!

[luckyzukky]

i can't guarantee i'll finish the project, but i've been wanting to get back to it so hopefully i can get it somewhere close to finished :')

[le_gaosaure]

I made a silly little page just for myself, to use offline, but I figured I could share in case it sparked inspiration or helped someone with a tricky bit of code, so here it is!

I would not recommend using this for a public-facing page because of a series of problems I'll list below, but feel free to grab it for yourself and/or frankenstein it in any way you see fit =)

Features

• Purely HTML and CSS.
• Each bookmark-like "tab" is a filter, only showing the items of the corresponding category.
• Each item can be in as many categories as you want.
• "Post-its" automatically color-coded depending on their category.
• "Polaroids" show text on mouse hover, emulating notes taken on their back.
• Arrow automatically added after links to help recognize them as links.
• Colors for post-its and tabs easily changed.
• Font file directly on the site, ensuring most users see the same font.

Limitations

• Dubious adaptation to different screen sizes (the items are doing fine, the tabs very much not once the screen gets too small); definitely not mobile-friendly.
• Colors picked to my taste with no care for accessibility standards.
• Font picked to my taste with no care for accessibility standards.
• "Back" side of the "polaroids" only appears on mouse hover, can't work on touch-screen or with keyboard navigation.
• Impossible to select or click anything on the "back" of the "polaroids".
• I genuinely don't know if the slight animated effect when you mouse over a "polaroid" can cause accessibility problems, better double-check that if you want to use it!

Direct links: HTML • CSS • Font • Background image 1 • Background image 2

If you have any question about how this works, don't hesitate to ask =)

PS: I saw someone else sharing a bit of code for a tape effect, I considered trying to make one at some point then decided I liked it enough without it, but apparently there's a scrapbook vibe going around xD