@NEBULA_X

So I worked on the drag feature for the window, that and the opening and closing as well.
I encountered a problem where the code refusing to run properly but after looking at it for a few minutes, I saw it was a variable naming error (probably from the guide, not really a major issue)
I made the handle a blackhole impression which the window is only moveable from that spot (the idea behind it is like a singularity pulling in the cursor and not wanting to let go, atleast thats what I want it to feel like)
The close button is also functional now and I made the underlined SpaceOS text at the top corner be what would open the welcome screen again. ohh, yes, there was this issue where after I closed and reopened the window, the positions will be all wrong and cluttered, I did a little search and found a fix for it by changing the display function from flex to block.
Ive also switched from inline CSS to external CSS file (although I had already used an external file for some earlier already.)

Alright, This is my attempt at the WebOS mission. I decided to make a space themed OS. As of right now I want the OS to work like a sort of exploration guide for different objects in space. I had a bit of an issue positioning the image, I was already getting a bit frustrated and almost went doom scrolling in frustration 😪, but guess what, I discovered the issue, it was just a simple sizing issue, everything else was okay. Can you IMAGINEEE, just sizing.
Well anyways, this is what ive done as of now, the frog game about the flex attribute in the tutorial was quite helpful cause i was struggling with positioning otherwise.
Theres a lot more features I want to add so ill need to do a little research first (especially for the javascript parts).

Alright, I kinda forgot to devlog the whole process and since I was kinda learning mid way too, but its all good. This is a personal website I made for the website mission. I probably spent a whole lot more time here than I needed to, but hey, atleast I learned more than a couple things. along the way.
I did a alot of color mixing on it cause I thought making a uniform site would be way to boring, as such it may look kinda mehh but I like it that way.
Building on the base tutorial, I added background images, borders, specially colored and sized text to the 3 initial sections. I gave them a sea, desert and space theme which I thought looked cool. I achieved that by creating unique ids containing the properties I wanted for them in the CSS style sheet as with other features.
Getting the images beside the text in the second section was pretty problematic cause it either took up all the space or just jumped out of the container entirely until I learned about the flex style which quickly fixed the issue.
For the third section, I used a combination of unordered lists to get everything where I wanted.
Finally the image section, I implemented a scroll feature for this. At first I thought it may need javascript for this, but after a little digging, I found out I could do it with just CSS.
Well thats pretty much it, enough talk, check it out for yourself!

Alright, Ive finally completed the bot (version 1 atleast).
Ive added 3 unique commands to the base tutorial bot. /langusteen-fact, /langusteen-mood, and /langusteen-pic. The names are pretty self explanatory, the first brings up a random crustacean fact, the second acts as a sort of mood indicator for what the bot is feeling, and since it ISSS based on a crustacean, i made the moods sound like a real langoustine trying to talk to youuu!!
I learned how to create and import arrays from other files into my project code, since thats what i used to create those two features.
The last command, brings up a random crustacean image. I used the pexels API for this but quickly encountered a problem, it kept spamming the same few images. Thats when i thought, what if i designed an array of search terms just like the first two commands, that way, the images are much more diverse, and it worked. Although the exact search term had to be modified multiple times before i found something that would actually give me nice images.
There was this other issue i ran into where the command only gave me the links to the images instead of the actual image. After a bit of digging, I discovered how to use an image block, which ensures that the image actually gets rendered in slack instead of just spitting out a link.
I also edited the help function to appropriately list the available commands on the bot.
I tested the commands in order in the image below. The pic command is definately my favourite. Just looking at all the cool pics is pretty fun, and knowing i made it makes it feel even better :D.

Hiii. Just started stardance and decided to go with the slack bot mission. I named my bot Langusteen, why? I dont know either ;), It was honestly a spelling mistake, but I decided to keep it since I thought it would be funny to add a description that makes people know it kept the name intentionally. Following the tutorial was pretty straightforward but thats not the point here. There was this minor problem I encountered where my commands didnt work in slack, i wondered about it for a while, then realized i had forgotten to declare the commands back in the slack API dashboard, silly mistake. After I got comfortable with the tutorial, I started to mess around just a little. I changed the ping commands response, and since my bot ISSS based on a crustacean, I made it respond with “Im gonna pinch you!”. I also changed the error messages too but thats a secret unless you try it (wink), although it shouldnt throw any errors though. Im going to add other custom commands too. Im thinking maybe langoustine (correct spelling btw) and crustacean facts and other useful stuff too. Stay tuneddddd!!! or ill have my little friend crawl into your socks at night (not really, I hope…)