#codeitkarl

[ajcrwl]

me after updating my website: wdym the art is not showing. wtf do you mean the comics are showing but the art is not. everything worked fine on localhost™®©, why does it not work now???! me after two hours of debugging: *realizes that the code splits the path to a file by "/data/" but there's only one /data/ in the path on localhost and whole two /data/ for some reason on the server*

[ajcrwl]

working on updating my gallery, a whoooole bunch of new and old art will be up on my website soon 👀

along with some ui fixes, and new bells and whistles. as always.

is it worth staying up until 6 in the morning? yes.

i'm stealing design bits from tumblr

except all of my tags are special, so all of them get to enjoy the pink-purple colour scheme.

[ajcrwl]

I was working on uploading my Tapas contest comic to my website, and THIS

HIT ME STRAIGHT IN THE FEELS.

The stars in the page background blend with the dust in the comic. You just don't get this on either Tapas or Webtoon type of platforms. Maybe on ComicFury with custom css, but not on those sites stripped of all personality.

And it IS so personal and important to me how THE TWO BLEND TOGETHER.

But also I managed to shrink the size of all the files pretty much two times (41MB -> 19 MB) thanks to webp format which Tapas doesn't support. And didn't even have to use Photoshop for anything in the process (I have to use it to make GIFs for Tapas, because sometimes they need to be sliced a certain way).

Can't wait to roll out this update soon.

[ajcrwl]

okay okay okay a really quick and dirty way

open developer tools -> console -> paste and enter.

you can multiply some lines for extra boops. if something goes wrong, just F5.

best used on your dash, and without infinite scrolling. just paste and wait until it processes every boop button.

i still can't figure out how to super boop and evil boop. but this will do SO MANY normal boops.

----------------

var paws = document.querySelectorAll("button.TRX6J.juYLo").length;

const wait = (ms) => new Promise(resolve => setTimeout(resolve, ms));

const loop = async () => { for (let i = 0; i < paws; i++) { document.querySelectorAll("button.TRX6J.juYLo")[i].click(); await wait(300); document.querySelectorAll("button.TRX6J.cYyad.coRbX.Cg4tf")[0].click(); await wait(300); if (i < paws ) {await wait(500);} } } loop();

what if i wrote an auto-bopper 🤔

time for some coffee with a little bit of javascript.

[ajcrwl]

my coding adventures

So, I'm making a user and commenting system for my website. From scratch. Because I didn't like any existing comment systems, and most of them couldn't be linked to a customisable user system.

I kinda want to share some cool bits (most of which I have already shared in my discord, so pls join if you're curious, link in bio).

---

i am making all sorts of forms, and they need names for actions associated with them. so, login form's action is called log, registration form is reg. but then i needed a name for "forgot password" and it naturally became fog. now i'm making "change password" form, and it's going to be, that's right, pog. what's next? change display name? dog. change avatar? userpog. change email? dogog? .... wait what ok, so in russian @ sign is called "little dog". potentially this could be sobakog bc (female) dog is "sobaka" (haha i just typoed it as femail).

yeah, or that.

---

an insane amount of tryharding has happened here

i am still testing only on my local machine, but BUT, if all goes well, this means you will be able to login from different devices independently, securely, and will be able to see what other sessions have been saved elsewhere.

profile tab will be for userinfo, kind of like this

but i haven't worked properly on it yet, this is just a bunch of non-editable info.

yes, that is the default avatar style.

---

there is something in the Settings tab

(spoiler: we already had eyes in the server)

later i made the switch look like an actual eye. it does VERY BAD THINGS.

---

I am planning to add a whole reaction system. Kind of like on Discord, or like Tumblr's April Fools thingy. Yes, also written from scratch. And with custom emotes. And emoji.

But for now there is only the heart button. Baby steps! It can be used anonymously. When you login all those likes will be saved in your account. Anons can add only hearts, they can't remove them from the server though, but can clear cookies and add more hearts 😏😎

---

I also started building my art gallery, but I haven't added any new art recently. I will after I roll out the next update for users, so peeps could properly sign up and like stuffs.

---

If you'd like to see more snippets from my coding adventures, pls like this post.

[ajcrwl]

coding adventures part++

it's been a little over a month since the last one. i'm almost done with building some basic stuff including comments!

last time comments were completely non-existent. i had already picked a text editor which i wanted to use, but it was so hard to understand how to configure it, so i switched to tinmyce.

i added it to the page and started figuring out what i wanted to do with the design:

i immediately somehow made the toolbar become a rainbow that changes colours, and decided to keep it that way 😂

took me a while to figure out how to implement character count, submit button and notify button all within the editor's toolbar. but honestly, tinymce is so good, their docs describe pretty much everything i needed, so it was only a matter of learning what it can offer and figuring out how i could use it.

what you see above was just a bunch of lorem ipsum coded directly into the page. so the next step was to write the whole post -> save -> display pipeline and show some actual comments.

why use lorem ipsum when you can adfadsfsdfsdadf ¯\_(ツ)_/¯

then i did the thing which i always wanted to add: my own emotes! btw, we use all of these plague doctors and others in my discord, and i keep drawing more and more of them.

and then i tried to use them along with a better emoji font, and uhh

oops xD yes, you can stretch an image, even an emote, but you can't unstretch it back and return it to its original proportions.

figured out how to ban people, because honestly, no comment form should be released in the wild without the ability to restrict annoying users, you know? x)

and another thing which i figured out: how to make emotes big if there's no text next to them. same as in discord. took me about half an hour ¯\_(ツ)_/¯

now i'm fixing bugs and adding some small unseen things here and there.

the next step will be uploading all of this to the live website and testing there.

and after that.. whooo boooy, do i have so many more features planned. just some of them off the top of my head:

display names. that bit in lighter text before "@ yourname". i want to let people set a different name.

upload your own avatar.

badges. currently only a moderator has a badge. i want to add badges for people who support me on Boosty too.

non-email notifications. i get only 1000 free emails from mailgun, and we could quickly run out if everyone subscribes to reply notifications. however, i learnt to keep my expectations low, so this may never happen due to low engagement (sadge). some non-email options via bots could be: discord, telegram.

ability to keep track of your own comments.

profile pages to look at other people's profiles?

linking tumblr/discord/etc/whatever. still need to think how i could use that. maybe link your tumblr, so that people could see your blog? or for alt login options.

btw, none of this will be ever released as a stand-alone piece of software. it's heavily linked to my current cms framework, so i can't be arsed to separate it, and also i have no idea what i'm doing 😎

-------------------------

here's the first post

ps. managed to fix a few bugs while writing this post :)