#Web Development Stuff

[thunderlina]

In the wake of the TikTok ban and revival as a mouthpiece for fascist propaganda, as well as the downfall of Twitter and Facebook/Facebook-owned platforms to the same evils, I think now is a better time than ever to say LEARN HTML!!! FREE YOURSELVES FROM THE SHACKLES OF MAJOR SOCIAL MEDIA PLATFORMS AND EMBRACE THE INDIE WEB!!!

You can host a website on Neocities for free as long as it's under 1GB (which is a LOT more than it sounds like let me tell you) but if that's not enough you can get 50GB of space (and a variety of other perks) for only $5 a month.

And if you can't/don't want to pay for the extra space, sites like File Garden and Catbox let you host files for free that you can easily link into NeoCities pages (I do this to host videos on mine!) (It also lets you share files NeoCities wouldn't let you upload for free anyways, this is how I upload the .zip files for my 3DS themes on my site.)

Don't know how to write HTML/CSS? No problem. W3schools is an invaluable resource with free lessons on HTML, CSS, JavaScript, PHP, and a whole slew of other programming languages, both for web development and otherwise.

Want a more traditional social media experience? SpaceHey is a platform that mimics the experience of 2000s MySpace

Struggling to find independent web pages that cater to your interests via major search engines? I've got you covered. Marginalia and Wiby are search engines that specifically prioritize non-commercial content. Marginalia also has filters that let you search for more specific categories of website, like wikis, blogs, academia, forums, and vintage sites.

Maybe you wanna log off the modern internet landscape altogether and step back into the pre-social media web altogether, well, Protoweb lets you do just that. It's a proxy service for older browsers (or really just any browser that supports HTTP, but that's mostly old browsers now anyways) that lets you visit restored snapshots of vintage websites.

Protoweb has a lot of Geocities content archived, but if you're interested in that you can find even more old Geocities sites over on the Geocities Gallery

And really this is just general tip-of-the-iceberg stuff. If you dig a little deeper you can find loads more interesting stuff out there. The internet doesn't have to be a miserable place full of nothing but doomposting and targeted ads. The first step to making it less miserable is for YOU, yes YOU, to quit spending all your time on it looking at the handful of miserable websites big tech wants you to spend all your time on.

[numbpill]

BONKERS, BANANAS, BOZOS, BLINKIEEEEEEZ!

(i need extensive dental work no cap T_T LMAO plz donate on my ko-fi)

[stranger-avenue]

misc sites for building/decorating sites!

basically part 2 of this [some of these are now down/defunct unfortunately but we always have more!!] semi organized..

website building intro to html in depth explanation on making a website tiled bg css gradient generator layout generator hugeeee resource list another resource site css animation library shiny button generator tiled bg minifier retro website templates decor userbar generator [flashing] buttons assorted links to graphics collections kewl text [flashing on hover] blinkies, stamps, and userboxes stickers [flashing] more 88x31 buttons [flashing] another graphics collection xbox 360 gamerpics 80x15 button generator wmp archive cursors geocities blinkies search [flashing] pixels and 88x31 buttons search internet bumper stickers userbox generator

sites like glitter graphics zwani jelly muffin zingerbug

fun! status cursor effects motherfucking website better motherfucking website best motherfucking website poll maker mood counter tamanotchi webgarden web ring list gify pet

[artie-trash-hyena]

some skeleton gifs found off of GifCities !! none of these are mine I just found them archived :33

[draculasdaughterrr]

⭒ ⋆ 🩹 random stamps ⋆ฺ࿐🧷⁎˚

[huellitaa]

learning to code so i can take over the world

[elamorsys]

what do you want in a system app?

What apps and tools do you use for being a system and why?

What do you like about the apps and tools you use for being a system

Is there anything you dislike about the apps and tools you use for being a system

What would you like to see in a sys app?

[i-pickleu]

Folks. Question. At what exact moment did you realize your folks have no idea what it is you do??

I'll start! My mom keeps sending me medical coding jobs. My dad just asked me if I do the same coding as the zodiac killer...

Bro I make websites😭

[digipixelhub]

When you are irreplaceable...even on vacation

[julesbilee]

JUBILATION! Saturday Update!

First things first, for those of you who’ve no idea what’s going on on this page, howdy! :o)

Our friends who made their way here down the tree of links will probably know this already, but by way of introduction to the site where I am actually posting this particular update (Update? Devlog? It’s sort of a log, but I do like the term Update, gives it some kind of nebulous significance doesn’t it?), a little about the “what’s going on here” part. I’m Julesbilee, a constitutional law scholar, founder of the (honestly sort of unfounded as yet) Jubilant Party, and author of the upcoming game JUBILATION!, whose first chapter will be releasing later this year! Coming soon to an abandoned theater in a collapsing society near you! Or you can just download it and play it on your device, I guess.

Speaking of JUBILATION!, those of you who haven’t scoped it yet may want to take a look at our first teaser for the game over at https://youtu.be/59_3KrwYNyY. Go on, give it a peep. And while you’re at it, feel free to hop on over to https://linktr.ee/julesbilee and follow everything on there (who knows what might be relevant later!) then head back here for the remainder of this juicy little morsel of update.

Go on, we’ll wait. I’m sure the rest of the audience will need a moment to get over the fact that I just used the phrase juicy little morsel (twice in a row now, so you’ve got extra time).

Alrighty, everybody back in your seats?! Got your popcorn at the ready? Ringers off? Great! I mean, there’s no movie today, I don’t know why you brought popcorn. Uh, unless you watched the little movie up above, in which case why did you just get popcorn?? This feels like some kind of breach of protocol. And now half of you reading this are going to be thinking “mm I want some popcorn” and people are going to be shuffling in and out of the theatre, god, what have I done.

Well, I guess there’s hardly ever a bad time for some good old fashioned hydrogenated Iowa gold. Orville Redenbacher and his Colonel of Kernels probably thank me for my service.

So, it’s been about a week and a half since I dropped that first teaser for JUBILATION! Eleven days, that’s something right? Hmm, elevensies? No that’s 111. I’ll just check a few pages in my future and see what I decided to call this post… Saturday update? Okay sure, it’s the second Saturday since the teaser was shown. What an amazing milestone, hooray!! (Why not, that makes as much sense as anything else.)

ANYWAY

First look got a nice little bit of interest, some eager eyes one might expect to accumulate with time and further information becoming of an actual video-game studio. But as you can see, I’ve since furnished NO further content whatsoever for the teeming masses, hungry hordes, beloved audience, etc.

And so now seemed like the perfect time to set up this little temporary residence and give you all (whoever is even looking so far) a proper update. Or rather, several weeks ago would probably have been the perfect time to set up here, and definitely the perfect time for this update would be uh, somewhere before today. But hey, one mustn't be too self-effacing when setting out to start a revolution (and make no mistake darlings, that is EXACTLY what we’re doing here), or so I hear.

Unless the self-effacery is funny of course; personal dignity is never worth the sacrifice of a good joke.

You can’t just go around missing punchlines, not in this economy.

Now the more eagle eyed and also the blind and deaf of you and just about everyone in between may have noticed that so far this update contains a whole lot of no information whatsoever, to such an extent that one might imagine some kind of popcorn metaphor working here if the author were forethoughtful enough not to make a non-sequitur joke about popcorn further up the post…

But at any rate, we should probably get into the nuts and bolts of it, give you something to actually get excited about beyond the promise of an infinite quantity of my waffling. Peel back, if only for a fleeting glimpse, the veil into which you no doubt eagerly peer, the churning maw of my shadowy organization and its seething content mills, the future objects of beholdment inching their way towards your eyes and ears.

Let’s see… oh! We’re working on a website. Well, I’m working on a website really. It’s like five people over here and mostly they’re furnishing music or helping me with [REDACTED] for the [REDACTED] when we announce the [REDACTED], although I suppose that’s way too big to talk about just yet, heheh.

And seriously you guys this site, it’s gonna be so rad.

I don’t wanna spoil too much but let’s just say there’s more to JUBILATION! Than what comes on the cartridge. Some games are best played with the use of everything that comes in the box, if you get what I’m putting down ;o)

So, you know the mysterious pseudo-mmo earthbound style twin peaks inspired city used as the home menu screen on the satellaview add-on for the Super NES?

Really, you do?! No way!! Oh, you’re messing with me. Rude. But okay yeah I figured you wouldn’t, that was a bit of a reach. Hmm… okay imagine club penguin, a mother romhack, an AOL chat room, and an old Web 1.0 blog all had some kind of multibaby together, or paired off and made babies who made grandbabies or something. This is gonna be sort of like that.

And if you have any idea whatsoever what any of that means, you probably just clicked the follow button. Thanks for that by the way! If you have no idea what I’m talking about, don’t worry, you can click the button too, it’s all very cool and exciting and your trendy friends will be so mad at you later for finding it first.

Oh, and of course there’s gonna be more animated content coming soon too! I mean, nothing special really, probably just a lot of totally ignorable promotional type materials. Nothing to do with that “everything in the box” analogy, so definitely don’t go subscribing to the channel waiting around on some kind of weird avant-garde peripheral content or story additions, there is definitely absolutely nothing of that variety churning in these here content mills, nosireebob.

(please intuit the above as some kind of very high effort eldritch abomination and definitely not just a lot of character sketches layered obscuratively over top of each other to create some enticing garbage, the author gets tired sometimes, work with me on this one)

Anything left to note, hmm.. oh, I’m gonna try to put out some speed paints soon! I finally figured out how to record those properly without the hassle of rotating footage all over the place, by which I of course mean I discovered clip studio paint’s extremely obvious button for recording that exact kind of capture. Big achievement there, very proud of myself for noticing the button. And these digi-art tools be dropping buttons out of every pocket like a kleptomaniac kid in cargo shorts in a button store, so I’m only like 80% kidding on that one.

But yeah, may be furnishing some visually interesting dev-vlogs (say that three times fast) by way of this amazing discovery, accompanied of course by whatever I happen to draw for that. As soon as I climb the additional hurdle of clearing some hard drive space to actually store and edit those videos that is. Nobody said Sisyphus had to work quick. But hey, let’s give that one a solid Soon^TM.

Oh and the other big thing of course, I am just over the moon to finally announce [REDACTED] to y’all! Though of course I can’t give myself the luxury of unredacting it until [REDACTED] also comes together, but that sure was a nifty callback to that joke wasn’t it? Really advanced stuff. And I didn’t even excessively metatextually pat myself on the back about it or anything.

So yeah, I guess that’s pretty much everything on your need to know basis bases covered for now! I’ll try to keep posting updates here semi-regularly, as well as maybe some concept art and stuff, especially in any particular droughts of other content as we pick up the pace over here at the mills in moving towards launching an actual game. But for now, that’s today’s program, thanks for tuning in!

See you next time!!

[numbpill]

PLANTS PART 3 OF 9

[omeletcat]

guys we gotta stop this, literally all i do is draw pixel art for my games and code, and i go on the godot discord to see some GENIUS SAY WORDS THAT PROBABLY HAVEN'T EVEN BEEN INVENTED YET.

QUATERNION?? NOWAY THATS A REAL WORD.

[artie-trash-hyena]

some kitty gifcities graphics!! none of these are mine :3

[scout-stims]

bear blinkies for @70spuppy !!!!!

[the-nox-syndicate]

SysNotes devlog 5 - Editing profile (part 2)

Welcome back to my SysNotes update! SysNotes is a system management app for people with DID, OSDD, and those who are otherwise plural.

This is part 2 of 3(?) about editing profiles.

Phew, it has been a hot minute! To be honest I had this devlog 80% done in drafts for months and just didn't have the spoons to finish it off... But I gained quite a few followers since the last devlog so I feel bad keeping you all waiting.

Not gonna lie, I'm not the same person who wrote up the previous devlogs so this may read kinda odd, but I'm tired of putting it off. Hopefully this still reads coherent.

First Devlog (1) | Previous Devlog (4)

To recap, these are the fields available to a blank profile. In the previous devlog I covered how the user would add the header information as well as an image. The description and history are text fields, while the remaining fields are presented as a collection of "badges". Traits, likes, dislikes, and triggers are collectively called "categories".

In this devlog I will cover the editing of description, history, characteristics, and categories. I will also brainstorm some ways to add relationships towards the end.

Image edit demonstration

Last devlog I reached the image limit for the a post so I couldn't show you the result of editing an image. Well, here it is now!

Editing description and history

These 2 sections are intended to be used as a sort of a self-discovery journal, where you can explore the alter in-depth. I prefer using generalized free-form fields rather than lots of specific custom fields because I find it to be less rigid and therefore easier to fill out. Plus, not every alter will know the specifics about themself so it is more inclusive.

Formatting text

Editing the description and history fields is pretty much the same as editing the name, but one thing that's different about them is that they support formatted user input.

Originally, I wanted to add support for HTML input as it is more customizable. However, it is more technical than markdown which makes it less accessible to users. I also heard that embedding user-submitted HTML code into the page can have security risks, and I'm not sure how to do it safely.

Instead of rendering HTML, I installed the Spatie package to allow support for markdown rendering. Though I have never used SimplyPlural myself, I read that it uses markdown to format text, so SP users would feel more comfortable using SysNotes. Now my app will display markdown (but not HTML) in the description and history sections.

Would you prefer HTML or markdown? Let me know! I can switch the code from using markdown to using HTML quite easily if the need arose just by editing a couple of lines:

(I can also combine HTML and markdown compatibility to maximize flexibility if needed)

I added a semi-transparent "markdown" badge to the corner of the text area as you will see in the following screenshot to let the user know that they can use markdown syntax in the text area.

Editing description

I have added a placeholder with prompts to guide the user through writing a description. These prompts are a rough draft, and I'm not sure what else to add (that wouldn't be covered by later sections) so if you have any ideas, shout them out!

Here is the full user journey for adding a description:

The green text is a markdown heading (#) and a markdown subheading (##). I wanted user-inputted tags to be visually distinct from the app's own headings and subheadings, so I gave them the color green. If you have any better ideas on how to display them, I would be happy to listen. Another type of styling I will eventually add is some spacing between headings and paragraphs so it doesn't look so squished 😅 However, currently I am just focused on making the technical parts work correctly.

Editing history

The history section works and looks exactly the same as description, except the prompts are different. This section is for summarizing the alter's formation and activity within the system. Note that while some of the prompts ask about fronting, this is not intended as a place for front tracking. This is more about how the alter's presence and activity has impacted the dynamics between alters and the system as a whole. You are, of course, free to use this field however you like.

Editing characteristics and categories

To edit characteristics (such as traits, likes, dislikes, and front triggers) and categories, I wanted to do something similar to Tumblr tags. The idea is that the existing traits show up in self-contained boxes and you can type the name of an existing trait into the search box to add traits. Also there would be a cross icon for removing the trait:

I found the JavaScript library Select2 that does exactly this, which was a relief because I didn't need to code this from scratch!

Challenges

Installation

I couldn't get JQuery and Select2 installations to work properly so I resorted to using a CDN, which basically means that all the files necessary for the searching to work live on someone else's server. This isn't recommended for production builds - at work, we had a few instances of CDN servers going down, and we had to scramble to minimize the impact this had on our own web-app by looking for alternative CDNs. This will need to be sorted out eventually, however I just wanted to get the ball rolling so this will do for now.

Event listener

Another big problem I ran into is getting Select2 to work with Livewire lifecycle hooks. The way my app works is:

The input box does not exist when the page first loads

The user clicks the edit button

This renders the input box on the page for the first time

The app needs to "listen out" for the component rendering in order to know that Select2 needs to be initialized on it. This is done by attaching an event listener to the page. I struggled with figuring out the correct syntax for attaching this event listener for my specific case.

I think the main problem was that I was trying to use Livewire-specific event listeners instead of native JavaScript. They weren't working, so I resorted to a DOM mutation observer, which worked:

Getting a list of all characteristics

Initially, I told Select2 to pull suggestions from a list of the user's likes/dislikes/whatever trait is being edited. However, a clear problem with this was that it could only give you suggestions for the traits that the alter already had selected, and couldn't access the full list of traits for you to add to the alter.

To get around this I had to build a quick internal API that gets a list of ALL existing traits, and have Select2 access it using an internal URL instead of getting the user's existing traits.

This sounds like a bunch of tech mumbo-jumbo, but basically an API is just a script that gathers all relevant data from the database and then formats it in a way that is ready to be used, usually in JSON format. Instead of calling it like a function, you access it using its own URL that you define.

Variable sync

The final issue I encountered was syncing the selected values with the Livewire variable. JavaScript (which is what Select2 uses) operates on the front-end, while the Livewire component operates on the back-end. Livewire has a built-in way of syncing front-end and back-end data, however since I'm using Select2 to manipulate front end data, I can't use this way or it will clash with Livewire's data and cause issues

I managed to solve this using a JavaScript event listener which listens out for the "save button" click and tells Laravel to call its save function:

(This is the function for saving categories, the function for saving characteristics is very similar to this so I won't bore you)

Result

Now when the user clicks the edit button, they get this Tumblr-esque textbox with their existing characteristics, and they can search for additional characteristics as well:

(Here is the user searching for a term containing the letter "b":)

This way, you can add existing traits to the profile. We will cover adding new traits to the list in the next devlog.

Owner ID

In the Alter-Char-Values table, you can see a column called "owner_id". This relates to the user who the trait belongs to. This means that the app only gives you a list of traits that you have created yourself, not the traits that other users have created. This is done for both privacy and list length concerns.

(My test user's ID is 1)

Adding relationships - ideas

This is the last field that I have yet to add to the profile functionality. Currently, the app can display existing relationships, but the user cannot add new relationships.

Since relationships have 2 components (relationship type and alter name), it wouldn't make sense to add them the exact same way as traits and characteristics. However, I'm not quite sure what the best way to add them is. Here is my current idea:

There is a pair of Select2s, one for the relationship type and one for the alter's name. The user will select the value of each input to set a relationship. To add more relationships, they will click on the "+" (add another relationship) button and another pair of selects will appear.

My biggest concern with this implementation is that the number of select pairs may get unreasonably large for systems with many alters and relationships. If you have any other ideas on how to implement the relationship inputs, I'd love to hear them! I will make devlog 5.5 with my implementation of it.

...And here we go!

If you have made it to the end, I'm very grateful for your support! And a big thank you for being patient with me. I look forward to continuing the development of SysNotes :)

[seunglixee]

My neocities site!! heres my profile link to if you want to follow!! Im also looking for some resource sites (for coding/graphics anything) so email me please!!! my email is seunglixee@gmail.com

Link to my site profile:

https://neocities.org/site/seunglixe