#html tutorial point

[bf-rally]

okay so im back in navbar hell (when i thought i escaped...!!!) but ive managed to get this set up today :D

[catt-nuevenor]

A Brief Guide on Uploading ChoiceScript Demos to Itch.io

Since Dashingdon is shutting down, and there will be a lot of folks wanting to host their ChoiceScript demos elsewhere, I thought it'd be a good idea to provide a brief guide on how to do so for itch.io.

This is for Windows in the folder actions, but it shouldn't be too difficult for folks to translate for Mac. This also assumes you haven't changed any of the files within your game folder other than those found under 'scenes'.

Within your game folder, locate the 'web' subfolder, right click it and select 'Send to' then 'Compressed (zipped) folder. Name your newly compressed file something sensible, and I recommend moving it to a new folder outside of your game files, just to keep everything neat and tidy.

2. Assuming you already have an itch.io account, navigate to your dashboard, and click the 'Create New Project' button.

3. Name your project as you like, and under 'Kind of project', select the 'HTML' option.

4. Set the 'Pricing' to 'No Payments', you cannot use ChoiceScript for profit unless it is with the Choice of Games or Hosted Games publishing labels. No one wants to get in trouble unnecessarily here.

5. In the Uploads section, upload your newly zipped file we made in step one. After it's finished uploading, you'll be given one drop down and two tick boxes. You need to tick the 'This file will be played in the browser' option.

6. I've found so far that 'Viewport dimensions' work quite well for desktop at 1080 x 640. Either use these numbers or experiment and find what works best for you.

7. You must tick the 'Enable scrollbars' option for your game to display properly, otherwise options, text and buttons can be clipped off the bottom of the viewport.

8. Continue filling out the rest of the form, or skip it for now and scroll all the way to the bottom to the 'Visibility & access' section. Here make sure you have 'Draft' selected. This prevents others from finding your game until you're ready, and I always recommend play testing things before you make your work public.

9. Finally, hit the 'Save' button, then go and have a look at your creation by hitting the 'View page' link. And there you go! When you're ready for public release, just change the option in section 8 to 'Public'.

---

A few things to bear in mind about hosting on itch.io:

There isn't currently any way for your readers to save their game. I'm sure someone could write in a plugin similar to Dashingdon's at some point, but as for right now, this isn't available. See addition/edit below.

Make sure you properly tag your game with the 'choicescript' and 'interactive-fiction' tags. There are an awful lot of games on itch.io and it's easy to get lost in the crowd. Make sure folks can find you by having the right tags.

I hope this brief guide was useful to folks.

Best of luck to you with your writing!

---

Addition/Edit:

Thanks to @hpowellsmith for bringing this to my attention. You can add save functionality to your game by using this addon:

The ChoiceScript Save Plugin

Just tried it out on my own game and it works perfectly.

Rather than run through the addon author's own tutorial here, I'll just forward you to the Readme on their Github page.

One small note I would add is when it asks you to make the two small additions to your index file, make sure you right click the file and open it with your coding program, don't double-click it as this will just open it in an internet browser, and it won't give you the access to what you need to change.

[sesamestreetkid]

!!! my tag system is below all of this,,, I moved it under a cut because people reblog this post for the links :P

edit: thx for the love on this post. im going to try and continually update this!

⇩ ⠀sites FULL of web graphics ⇩

blinkie maker : make your own blinkies!

DOLLZ REVIVAL : a revival of pixel dolls where you can create and share your own. very cute!

GlowTxt : create glowing transparent text gifs that say whatever u want

HOARDER'S PILE : contains blinkies, buttons, stamps, and teddies

plasticdino.neocities.org : blinkies

Glitter Graphics : contains gifs, blinkies, dividers, and just sooo many web graphics

Cute Kawaii Resources : contains gifs, blinkies, stamps, favicons, dividers, buttons, fonts, literally everything you need. its an insane resource

Adrian's blinkie collection : collection of blinkies, stamps, and buttons

☆ (supplies.ju.mp) : blinkies, stamps, buttons, & favicons

twigbranch.carrd.co : blinkies

lallys.carrd.co : blinkies, stamps, dividers, and other resources

Bugleeblinkie.carrd.co : blinkies, and 3 very special gifs at the end ;)

unshinesblinkies.carrd.co : blinkies

The 88x31 GIF Collection : buttons. there are 5 parts! huge collection!

Bonnibel's Graphic Collection : blinkies

WELCOME TO GIFCITY : blinkies, dividers, favicons, stamps

cass-tastrophe.carrd.co : blinkies, stamps

kotatsuOS : blinkies

Cute web graphics : blinkies, stamps, dividers, and a LOT of other graphics, all very cute

⇩ some html tools! + tags below cut ⇩

MDN (mozilla.org) : if you're just starting out like me this is super helpful HTML Tutorial (w3schools.com): same here! (offers other programming languages as well!) Accessibility Checker(Free Scan) : a site you can use to check accessibility/ADA compliance when making your website! it will point out what needs to be changed. it is free, but they also offer paid services if you need more help imagecolorpicker.com : hex code picker. i use this one because you can upload an image, paste clipboard, OR type in the website and it'll grab a screenshot for you! something simple that was made really well. cssgradient.io : helps you make css gradients for backgrounds or whatever else you need them for smartgb.com : a free guestbook service FC2 Counter! : free "site visits" and "online now" counters. fully customizable Unclosed Tag Checker by Alicia Ramirez : does as it says, checks for unclosed tags (although I recommend using a program that does this as you write anyways. I use Visual Studio Code. Status Cafe : an updateable and embeddable status that you can stick anywhere on your site! it is mostly customizable with CSS but I have noticed a few small quirks with it

my tagging system :))

#graphics

#blinkies

#stamps

#buttons

#dividers

#html/css

#resources

#code

e10's web (neocities.org) <- shameless site plug. show it some love :P

[roksik-dnd]

For everyone who asked: a dialogue parser for BG3 alongside with the parsed dialogue for the newest patch. The parser is not mine, but its creator a) is amazing, b) wished to stay anonymous, and c) uploaded the parser to github - any future versions will be uploaded there first!

UPD: The parser was updated!! Now all the lines are parsed, AND there are new features like audio and dialogue tree visualisation. See below!

Patch 7 dialogue is uploaded!

If you don't want to touch the parser and just want the dialogues, make sure to download the whole "BG3 ... (1.6)" folder and keep the "styles" folder within: it is needed for the html files functionality (hide/show certain types of information as per the menu at the top, jumps when you click on [jump], color for better readability, etc). See the image below for what it should look like. The formatting was borrowed from TORcommunity with their blessing.

If you want to run the parser yourself instead of downloading my parsed files, it's easy:

run bg3dialogreader.exe, OPEN any .pak file inside of your game's '\steamapps\common\Baldurs Gate 3\Data' folder,

select your language

press ‘LOAD’, it'll create a database file with all the tags, flags, etc.

Once that is done, press ‘EXPORT all dialogs to html’, and give it a minute or two to finish.

Find the parser dialogue in ‘Dialogs’ folder. If you move the folder elsewhere, move the ‘styles’ folder as well! It contains the styles you need for the color coding and functionality to keep working!

New features:

Once you've created the database (after step three above), you can also preview the dialogue trees inside of the parser and extract only what you need:

You can also listen to the correspinding audio files by clicking the line in the right window. But to do that, as the parser tells you, you need to download and put the filed from vgmstream-win64.zip inside of the parser's main folder (restart the parser after).

You can CONVERT the bg3 dialogue to the format that the Divinity Original Sin 2's Editor understands. That way, you can view the dialogues as trees! Unlike the html files, the trees don't show ALL the relevant information, but it's much easier to orient yourself in.

To get that, you DO need to have bought and installed Larian's previous game, Divinity Original Sin 2. It comes with a tool called 'The Divinity Engine 2'. Here you can read about how to unstall and lauch it. Once you have it, you need to load/create a project. We're trying to get to the point where the tool allows you to open the Dialog Editor. Then you can Open any bg3 dialogue file you want. And in case you want it, here's an in-depth Dialog Editor tutorial. But if you simply want to know how to open the Editor, here's the gist:

Update: In order to see the names of the speakers (up to ten), you can put the _merged.lsf file inside of the "\Divinity Original Sin 2\DefEd\Data\Public\[your project's name here]\RootTemplates\_merged.lsf" file path.

Feel free to ask if you have any questions! Please let me know if you modify the parser, I'd be curious to know what you added, and will possibly add it to the google drive.

[spiders-around]

YOU MUST MAKE A WEBSITE

Oh wow, look at that! YET ANOTHER post urging you to make a webbed site! What a completely new thing that people haven't made a thousand masterposts for already!!

• Making a website might look scary. It is Not.

At first, I too thought making a website was too much work. It really isn't! It turns out that all you need is

an HTML file,

a web hosting service and

w3schools tutorials,

and that's about it!

This post will point you towards these resources, and others I found useful while figuring out how to make a website.

• VERY QUICK EXPLANATIONS:

What's HTML and CSS?

HTML is the content of your webpage, the skeleton of it. What shows up in a webpage is what's written in the HTML file!

CSS is the way the HTML is styled; the colour of the background and the letters, the size of elements, the font, all that!

Do I absolutely NEED JavaScript for a website?

Not at all! You don't need to worry about learning it before getting started.

• What do I make a website for? What do I put in there?

ANYTHING AND ALMOST EVERYTHING. Here's some ideas for pages from a post of mine were I was very normal about websites:

You can make a page that's only pictures of your pets.

You can make an interactive adventure.

You can make your own academic blog full of your own essays or articles.

You can just post a ton of art or make a full music page.

You can make a blog and infodump eternally, give book reccs and reviews. You can host a thousand virtual pets and nothing else.

Upload entire books in a single html file. Make a wikipedia for your ocs. Make a fake site for a random fictional place (restaurant, hotel, whatever). You can make a thousand fanpages/shrines about your favorite media. You can upload your own webcomic and make it all like a fancy website and shit.

I could keep going but, for the sake of "brevity", I won't.

• WEBSITE EXAMPLES!

If I started listing the websites I know, this post would be bottomless. Here's only seven:

https://publictransit.neocities.org/ - A webbed site, for sure

https://ribo.zone/ - A personal site

https://leusyth.neocities.org/ - An art archive

https://solaria.neocities.org/ - Personal website with A Lot of stuff (it'll come up in a bit, because it offers web making resources)

https://hog.neocities.org/ - The Hogsite

https://thegardenofmadeline.neocities.org/ - Another personal site! It also has a web resources page and has made another masterpost like this one (but better)

https://spiders.neocities.org/ - My own website, which must be weird to see in mobile . sorry

• You've convinced me. I want a webbed site. Where do I start?

https://neocities.org/

FIRST OF ALL: Neocities. It is a free web hosting service, and it's the one I and the sites I linked use!

When I first started, my website was a black page with red letters and a drawing, and nothing else! It was like that for a month, till i started picking up on how to do things.

Here's what helped me get an idea of how to make things work:

https://sadgrl.online/learn/articles/beginners-guide-neocities

An absolute beginners guide to neocities -- while when you make an account there you get a tutorial page from the site, this one's extra support for that.

https://www.w3schools.com/

Learn HTML, CSS, JavaScript and MANY other coding things for free. All the tutorial/reference pages have live testing windows for you to mess with!! helped me a LOT while figuring this stuff out!

https://htmlcheatsheet.com/

https://htmlcheatsheet.com/css/

Cheatsheets for HTML and CSS, respectively. It includes a JavaScript one too!

https://sadgrl.online/webmastery/

Sadgrl's webmastery resources! Also includes the next resource listed here:

https://sadgrl.online/projects/layout-builder/

Sadgrl's layout builder; not a lot of customization at a first glance, but I've seen wildly different websites all using it as a base, plus it works using CSS Flexbox, so it generates a responsive layout!

(basically, a responsive layout is one that translates well in different sized screens)

https://www.tumblr.com/fysa/728086939730919424/wikitable-code?source=share

Tumblr user fysa made this layout imitating a wiki page!

https://brackets.io/

At some point, you might want to do things outside the Neocities code editor and get one outside the site. I recommend Brackets, because my old as fuck computer can run that and absolutely nothing else apparently, and it works wonderfully! Though I recommend either turning off the code autocomplete or using it after a good while of already using the Neocities code editor, so you get used to coding on your own.

http://www.unit-conversion.info/texttools/text-to-html/

Turn your text into HTML code! i use this kind of pages for my lengthy blog entries that I don't feel like formatting myself.

https://imagecompressor.com/

COMPRESS YOUR IMAGES.

The heavier an image is, the more your site weighs and the more time your page will spend loading. You don't want that, specially if your site is heavy on graphics. This might help!

https://solaria.neocities.org/guides

Some CSS, JavaScript and Accessibility guides! Worth checking out!

https://eloquentjavascript.net/

This is a free, interactive book for learning JavaScript! NOTE: It is very intuitive, but JavaScript is HARD!! I still haven't learned much of it, and my website does fine without so don't worry if you end up not doing much with it. It's still useful + the exercises are fun.

And now, accessories!

• Silly stuff for your page :]

https://gifypet.neocities.org/

Make a virtual pet, copy the code and paste it in your HTML file! You'll get a little guy in your webbed site :]

https://www.wikplayer.com/

Music player for your website!

http://www.mf2fm.com/rv/

JavaScript silly effects for your site :]

https://blinkies.neocities.org/geoblinkies

Blinkie search engine!

https://www.cbox.ws/

Add a chatbox to your site!!

https://momg.neocities.org/

Infinite gallery of gifs. i've spent hours in there looking at moving pictures and out of them all, the ONLY gif i actually ended up using on my site was a rotating tomato slice. it is still there. trapped.

https://wrender.neocities.org/tarotinstructions

A widget that gives you a random tarot card!

https://www.websudoku.com/widget.php

Sudoku widget!

That's about it for now! I don't know how to end this!!! Remember to have fun and google everything you don't know :]

[pseuddamntired]

Needle Lace Resources

This is a very long post, so I'm including a cut.

Tutorial-like Things, Others' Work

An overview of the stages of needle lace (specifically learning from Alençon, I believe. They link to a documentary type of video on Alençon lace): https://www.taixtile.com/needle-lace-first-steps/. This blog has links to other resources (one link is broken, if I recall correctly).

A very approachable first project, I think. From a lace maker who has done very cool illustrations with lace, Maggie Hensel-Brown: https://youtu.be/OLuRpJ96p4Q?si=gqBWqYxa755gFozr

This channel has videos of the stages of needle lace making. They specifically demonstrate Irish lace, I believe. But the stages are very similar to or the same as the stages in Alençon lace. https://youtu.be/dZVagIFCnLc?si=d8lRnPsmz5iTM0Z_

Pierre Fouché has a video about making dense filling stitches and even doing short rows to makes curves (something I tried but did not yet succeed at): https://youtu.be/DK5cMQND3b8?si=qySmT9yaoTcpsUV9 He also does really cool bobbin lace illustrations by constructing patterns in cell-like units.

An embroiderer tries needle lace in two videos. In one of them she tries different styles from different places: https://youtu.be/eTO7dA4oyl4?si=VInx35kql115bIIo https://www.youtube.com/watch?v=A9Wa6-Qf5xw

Example of a different style of needle lace. Unsure what it is exactly. Some sort of cut work or reticella, idk: https://youtube.com/shorts/7DFogWC3tDI?si=uju74sPFbRj3_wrn

Sampler directions: https://youtu.be/oDKBfjDYBnU?si=shQYvaT4kAZD7BgV

Again, a more geometric style of needle lace. I don’t know the particulars of this style (styles?), since I’ve mostly been looking into styles similar to Alençon because I’m aiming for more illustration-like lace. This channel has multiple videos demoing and explaining that process: https://youtu.be/gJd6mkrsUCQ?si=AfVIiwljHvfismrX https://www.youtube.com/watch?v=R6dk721UwW4

Not so much instructions but video of a very skilled lacemaker working on a project: https://youtu.be/01H2GdEXLrs?si=2suFHSG4Kwa6Yl2m

Another lacemaker's work on their blog. I don’t know if they do as much lace making as they do other needle arts https://www.robesdecoeur.com/blog/needlelace-my-work-so-far

A lacemaker's work... the site is older and kind of tricky to navigate. Like. there's no home button, as far as I can tell. Album of their work: https://www.lacemakerslace.oddquine.co.uk/album/index.html Home page, I think: https://www.lacemakerslace.oddquine.co.uk/

Useful/Interesting Things to Know

Alençon lace -- specific French style from the Alençon region, which has a history of point lace and a current institution dedicated to preserving the skills and producing lace. This is the style that I was looking at examples of to try and learn from.

Search terms like different styles of lace that I’m not qualified to talk about but you can look into and do research on: Battenburg, point de gaze (very very fine work, like gauze)… More to be added as I learn about them.

The terms "needle lace" and "point lace" are both used to refer to lace made with a needle. I'm unclear on if there are subtle distinctions between them or if it's simply a matter of location. But having versions of a search query for both terms should help find more results than just using one.

Encyclopedia of Needlework by Therese De Dillmont is an excellent resource to learn how to do different stitches. It seems these stitches mostly come from Irish lace, according to the book. HTML copy of book available on Project Gutenberg here: https://www.gutenberg.org/files/20776/20776-h/20776-h.htm I recommend using ctrl+f to search for "lace stitch" on the page. The end of each chapter in the HTML version seems to have a link to the Table of Contents that is at the end of the entire document. It has chapters for plenty of other needle arts, so it's a good resource all around.

If you want to find examples of needle lace, look on Wikimedia Commons! Using a variety of search terms will help you find more material for inspiration/observation than otherwise

If you want to design your own needle lace depicting objects, it might be worth looking at stained glass to see how larger shapes are broken up into smaller shapes that still feel complete.

You can use multiple colors! Let yourself use multiple colors, like stained glass!

Thoughts from the Learning Process So Far (some terminology used here, look them up so you know what the actual definitions are, but I’ll define what I mean by them)

Tacking vs Couching... I'm unsure about the actual definitions so I may be using them wrong here. In the videos I’ve seen tacking seems to be making a stitch that runs along the way the cordonnet will run. Couching seems to be just when the thread that secures the cordonnet comes up through the backing and goes down through the backing at the same point. With these definitions… Tacking went faster for me than doing couching, but it feels a lot less secure and precise for the form of lace I’m making. Unless I made the tacking stitches perpendicular to the cordonnet's path, the outline cord moved too much due to tension. If it's perpendicular and not a very short stitch, it might get in the way of your filling stitches or binding off stitches. Which might be fine, since you pull them out anyways. But it would also mean more holes in the backing, and at some point the holes are too close together and might tear the backing and pattern. I don't like that. Couching—much, MUCH more tedious for me because I’m not practiced at making the needle come up in exactly the right spot. but it feels more secure to me. The outline seems to be less affected by tension as you work. And I took some shortcuts for couching that helped. I don’t couch the doubled cord, instead I whip stitch back over the already-secured cord. I might make a post to demonstrate what I mean. It kind of messes with the shape/placement of my cordonnet, but for the sake of my impatience I’m willing to sacrifice the precise shape.

Backing material... To use fabric in backing like the instructions usually say, or not? Idk. For me, it’s hard to find the right hole for the couching stitches when I can't see my pattern from the back. It took a lot of trial and error until I got a feel for how to predict where my needle would come up. I don't like the way the poke-and-check method of stitching the cordonnet down tends to rip the pattern up (at least, with my easy-to-access materials. Probably better with better materials and more practice. Using my thumb to find approximately the right spot helped, but not enough). So I just used a sandwich of tape/paper/tape as my backing. If you're willing to fuss around with fabric in your backing, it might make it easier to remove the couching threads after you're done, and when I tried. The directions I've seen usually say to use a backing of doubled-up fabric, clay paper (I'm unsure what this is. might be a thicker paper than cardstock, or it might be paper made to contain clay particles. Probably more like the first option), and contact paper. My last attempt at making a backing used notebook paper (or other type of paper) with packaging tape on both sides to provide a smooth surface and structure. I think it worked fairly well, and I didn't have to figure out where to buy contact paper (or figure out exactly what contact paper was).

[geoledgy]

your oc website is SO SO SO SO INCREDIBLY COOL how the hell do you even start learning how to do this ?? if you learned how to do this by yourself online, are there any tutorials or resources you can share with us? was making this website free??

omg THANK YOU SO SOOOOOO MUCH!!! It makes me so happy to hear that folks like my little site. I code my site with Phoenix Code (for the live viewer and number dials) and I host my site on Neocities - it is all free. Phoenix can be used in browser or on desktop, but I like having it on desktop more for big projects in case my files get deleted. I use the browser version when I just want to test something quickly.

The 2 videos I use and can not recommend enough to anyone who asks me are this HTML tutorial and this CSS tutorial. They are simple and easy to understand, but I recommend watching it the first go, and then following along the next few watches until you get the flow of basic parts to a website, how they're organized, and what order they go in. At this point, I've memorized exactly where everything goes, and it is all thanks to these 2 videos.

If I am being honest, I learned how to code by myself, not quite even with online tutorials but just from being stupid and messing around myself (1, because I was a kid, and 2, because I didn't understand English very well to know what tutorials are saying.) I used to do html coding for Neopet pages when I was a kid with too much online time, first by just editing the default petpages and adding info and images, and then just doing trial and error with the html. I'll just try something and then if it doesn't turn out the way I want it, I try to find out why it didn't work and also get inspiration from other similar sites to figure out where things go or how they coded (with this nifty thing called right click > inspect page or right click > view page source). And BOOM, working webpage.

It was rudimentary, white blank background without any boxes or anything, you just scrolled down the page and sections were separated by a horizontal bar. OH and every text was centered! I had no idea how to make scrolling boxes or fancy assets, but damn I still had so much fun working on it every weekend. When you find authentic selfmade sites from the 90s and 2000s, most of them aren't super fancy either unlike what modern nostalgia makes you think. So I hope you don't feel discouraged if you begin making a website and feel it isn't "fancy", you're already doing a first big step which is making a webpage and learned your first set of html code!

It was over a decade later before I coded webpages with html again. I've gotten lazy and started relying on site builders, but nothing was quite as versatile as html. I wanted to try coding my own OC site again, so that was when I started working on OutKrop (the site I posted). Until I started coding again, I had literally no idea what CSS even is (and let me tell you, it's a game changer!)

Personally, I work best when I can do things hands on. I don't read through tutorials, I code first then go back and read through coding help sites like w3schools when I find myself stuck and unable to figure something out. Sometimes I grab existing codes and play around with them to see what changes and what I can do with it, cuz having visual context is what helps me a lot.

I can also share my process:

Once I gather up some ideas, I make a sketch, including what boxes (divs in css) should approximately go. It is very rough, but shows me exactly what I need to know.

Next I load up my coding app (Phoenix Code in my case) and "sketch" the layout. Nothing fancy going on here, just putting things where they need to be, and fixing size of boxes and margins if needed. I give my boxes all a background color so I can easily see how big they are and where they are located.

After some adjustments like moving stuff around and adding assets like backgrounds and images, and changing colors of the boxes, rounding off corners, etc., we get this!

so recap + additional useful sites I use:

Coding app: Phoenix Code

Site hosted on: Neocities

Video tutorials: HTML and CSS

Sites for learning code: w3schools, also lissa explains is a great site that is written for kids to learn html so it's easy to understand. Finally, sadgrl has a lot of great resources for coding as well!

I recommend looking through these sites AFTER you tried taking a spin at coding - it doesn't have to be anything fancy just follow the HTML video tutorial I linked!

Thanks for the ask, and I hope this helps you and many others out there who are interested in building a site with html/css! Don't be afraid to get things "wrong" or have an "un-fancy" site. This is how you learn to code, and it'll become so easy once you get the hang of it.

Anyone is always more than welcome to reach out for coding help and advice :-]

[mrghostrat]

Hi sorry to bother, I've been trying to figure out how to add a skip button for a smut in a fic I'm writing for Ao3 and haven't been able to find a tutorial. I looked through the tutorials you have bookmarked and couldn't find one. Do you happen to know of one? Unfortunately google results aren't being very helpful pointing me in the right direction.

i just use footnotes HTML for it! but instead of it sending you to the end of the page, i put the anchor at the end of the nsfw scene

[SKIP] button - <a href="#skip1">[SKIP]</a>

at the end of the nsfw scene - <a name="skip1" id="skip1"></a>

and just like with footnotes, if you have multiple scenes you want to skip over, change “skip1” to “skip2” and so forth (even if they’re in different chapters)

[toskarin]

how did you get started making music, tools-wise?

I've talked about this a bit before and I don't necessarily recommend doing this, so skip the following two paragraphs and go right to the one under the break if you actually want the method I recommend

I lied to a girl I liked from my school and told her that, because I could play guitar I could also play piano, so I could teach her to play piano. both of these statements were lies.

I had to panic and learn both guitar and piano one week ahead of the lessons I was giving her as an excuse to hang out. so I self-taught in a haze of panic and "maybe she'll like me" (she did not) (but she kind of did) (but she was bicurious) (but she was wishy-washy on if she wanted to get together and her parents didn't like me) (and her parents were homophobic) (I think she might have texted me at one point years down the line to tell me she had a girlfriend but it was after I deleted our text history and I'm chronically unable to remember to put people's names into my contacts so who knows)

but that's all an aside. that's a bad method.

anyway if you want to start making music in earnest, doing what I did when I got serious about making songs instead of trying to impress girls whose parents wanted to destroy me with their minds here's a better answer

go acquire FL Studio. it's apparently really easy to do this because people have been acquiring it for years, or so I've heard. FL is good for learning because you've got 20 years worth of free tutorials available to you on youtube to dig through and plenty of stock vsts to play with out of the box

FL Studio is, realistically, the only tool you actually need to start making music. you could get away with less, but it's what I used, and as long as you don't pick up Specific Bad Habits, your experience with it will transfer to other DAWs if you decide to switch it later

that's all, really

if you go this route, the golden rule I'm going to impart on you right now is that you need to have a limiter on your songs. the default FL studio song templates have one, so you should keep it until you know enough to know why you might adjust something like that

it doesn't matter if it sounds fine in the editor without a limiter. everyone thinks it's not a big deal at the time, but as you get more experienced, there's literally nothing short of getting in legal trouble that you'll regret more than realising that your old work is almost entirely unsalvageable because you didn't put a limiter on it and now half of the audio is just lost data to clipping

I'm gonna put a few more recommendations for things I've used, just so you can consider them if you need something else to chew on. everything past this point is entirely optional and you'll do just fine with FL Studio alone. in fact, probably don't worry about everything below the line

-=-

items marked with [F] are free.

DIGITAL AUDIO WORKSTATIONS THAT AREN'T FL

for tracker-based editing and chiptunes, use Renoise. you'll either love or hate trackers, and while they have a steeper learning curve than piano roll DAWs, they might come more naturally to you. I personally think that Renoise is a lot of fun to use. it kinda has an "addictive" quality to it, as funny as that is to say

for quickly sketching songs, use [F]Jummbox. it's an html workstation (multiplatform!) that writes your sketches to a url, meaning it's pretty easy to collaborate on musical sketches. Jummbox is good for making chiptune style instrumentals, but what makes it especially accessible is the fact that it works on a piano roll system, which will be familiar to you if you're working in FL

for writing sheet music, I recommend starting with [F]Musescore. I'll warn you right now that there aren't really any good notation editors and you're making lesser-of-evils decisions when you pick any of them, but it's probably the best compromise out there right now. it's the one I use when I need to hand something to a physical musician. you can also export pieces as midi, although there's better ways to do that lol

-

VSTs

if you can acquire Pianoteq, do that. if you feel uncomfortable with acquiring it, [F]Keyzone Classic is free and can sound pretty nice with a bit of work, but you really have to learn to work with it

if your workstation can handle it performance-wise, go pick up [F]Vital - Spectral Warping Wavetable Synth. there's tons of free presets for this out there and it sounds good. cool synth. Serum: Advanced Wavetable Synthesizer is also good and has plenty of presets, but it's on the pricy side, so consider how comfortable you are with [finding a friend to buy it for you]

[F]Decent Sampler doesn't do much out of the box, because it's just a tool for playing sample banks, but if you go to [F]Pianobook, you can find tons of weird and fun sample packs of just about everything you can imagine. sounds derived from folk instruments, industrial equipment, lego sets, stylophones, choirs, whatever. incredibly useful.

Valhalla VintageVerb. this is the reverb plugin. you want this one. [F]Valhalla Super Massive is also good but it's more focused on alien-sounding reverb effects and enormous spaces, so it's kind of got a niche use case and you should be a little careful with it

if you've heard a lo-fi hip hop song on youtube, it probably used [F]iZotope Vinyl. this one can save you a lot of time if you're going for that sound because it comes with all the little vinyl flourishes outside of compression (like dust crackling) that you'd otherwise have to add yourself

[F]Genny VST is advertised as giving a genesis/megadrive sound, but what actually makes it shine is that it's an actual synth emulating the YM2612 and SN76489 sound chips. this means you can create your own sounds that work within those specs, which is a lot of fun! definitely beats just using samples, if you ask me

-

HARSH VSTS THAT I PERSONALLY LIKE BUT WHICH ALSO MIGHT !!HURT!! YOU. SO BE VERY CAREFUL USING THESE.

[F]Tritik Krush is a bitcrushing plugin. it does a good job of bitcrushing and downsampling. I use it a lot in my songs, but you've really gotta know how to keep this one under control, because it's fully capable of making painful sounds on accident and can completely devour your mix

[F]FSA Latcher is a gorgeous noisebox. it screams in horrible ways and makes dying machine noises in various colours. this is the musical equivalent of working with radioactive material, so be extremely careful using this in anything you don't want to hurt the listener's ears

girlfriend just told me I have to recommend [F]Noise Engineering Ruina to you if I'm making a category with this heading. I don't personally use it, but she likes it (she's better at music than I am) and it's free, so you should go pick it up. "it annihilates sounds very deliciously" (maybe I should use it)

-

hope that helps a bit!

[zoeythebee]

This is THE single largest milestone in my entire 7 year game programming career.

I don't think I've ever gone over my history with moving platforms before, but basically. Back in my sophomore year of highschool I had a programming class! I hadn't chosen to take it, but the class I wanted got cut so I got this instead. And I already knew how to program, and the teacher was chill so I was like "can I like just work on whatever?" and she said sure. The rest of the class was doing an online html+css class.

Anyway I was like "yo I have an entire class period to program! I am gonna make a game!" That game was the first version of ThreeEye, and it's scope was very small. My plan was some like 8 levels, and the only mechanics were movement, spikes, and moving platforms. Spikes were extremely easy.

But there are no words for the difficulties I faced trying to impliment moving platforms.

I spent... Every. Single. Class period.

For. A. Semester.

Trying get them working.

I tried making the game in Gamemaker and Godot.

In Gamemaker I had a strange issue with the player sorta hovering above the platform, instead of cleanly moving on top of it. And also sinking a pixel inside of the platform when moving up. I never fixed it.

I then tried Godot, and I continued to struggle.

Oh I struggled, I struggled and struggled and struggled.

And was it worth it? No.

I found the bug, and it was caused by my refusal to actually read documentation and instead follow tutorials. The tutorial I was reading had the arguments for a 'move_and_slide_with_snap` function out of order.

So I fixed the bug.

And immediately found another bug that was even more dramatic and hard to debug.

And I quit.

I quit game dev for 2 years, and never looked back. At that point almost all I had done was watch tutorials and ineffectively debug. And I was so hyper focused on fixing this ONE issue that I never grew. I burnt out and I declared that programming wasn't for me.

2 years later I discovered a video of someone making a game without a game engine, but in C. And I thought it looked fun. So I decided that I would try programming again, but I wouldn't focus on trying to FINISH something. I would program as a hobby, and try to enjoy the act itself.

And I got that spark back, and now, 2 and a half years later. I solved moving platforms with the following 2 lines of code.

And it's not these lines specifically, my skills as a programmer and EVERYTHING surrounding these two lines is what brought me here. My code structure was good enough, such that actually implementing the moving platforms took 5 minutes. I copy and pasted some code, cut some stuff out, and added the above lines.

I know I am technically a better programmer than when I first faced this challenge, but after having actually beat it. I feel like I have made it further than I ever had before.

Also that means this game is also further along in progress then anything else I've made before.

Yippie!

[johannestevans]

Do you have any tips or tutorial recommendations for making your own website?

I actually really do like the Wordpress client now I've gotten the hang of it!

I did tell 1000 of my subscribers to kill themselves in an email header by accident, and also battered those poor 1000 people with something like 100 emails in increasingly frantically apologised for errors over the course of the same three days, but that was before I really Got it.

With the above oopsies in mind, if you want to import previous newsletters or posts, for the love of God, do not import your existing newsletter subscribers until after all of your backposts have been imported across. That is the main lesson I have learned.

I had such a vision in mind of a triumphant surprise email going "Hey, look what I did! Surprise! Isn't it sexy?!" and instead everyone got 30 notifications about chapter updates from 2 years ago and an email that said "It's Your Responsibility to Kill Yourself" followed by multiple deranged apologies from me.

So. Don't do that.

Other than that, I'd actually wanted a proper website for quite a few years even before Patreon got so antsy with hiding my content - I tried to set one up a few years back with Wix, and I cannot recommend that less, it's a fucking awful site to use, and it's far less user intuitive than Wordpress.

Part of my issues with Wordpress were actually that a lot of website clients, unless you're building from scratch in HTML/CSS or another code, give you everything in Blocks, and because I remembered like 10 years ago where you didn't have to do that, and you mostly altered everything on the website with like, 10000 options tickboxes and sliders, I was like "wow this is awful". I will admit now, crotchety bastard that I am, that the Blocks system is better and more intuitive once you start to understand it. I just don't always do well thinking of things in three dimensions, so to speak, and I was shooting myself in the foot by going "WELL BACK IN MY DAY--"

Wix doesn't have a very good help section because they want you to talk to their people for help, but most sites for stuff like this do have really robust FAQ and help sections, and obviously, rely on those as much as possible.

At one point I was so upset with my inability to do something that Lorenzo literally came over and told me to leave the apartment (that was the day that I went to Pets at Home and spent a ridiculous amount of money on gifts for the cat), and while I was very grumpy about doing it at the time, taking breaks is crucial, especially if you get as frustrated as I do.

I realise that most of what I have said so far is niche tips for if you're stubborn and mentally ill, so in terms of actual website building, I would say it's important to have an idea of what you want the site to do.

Do you just want a landing page, so that if people search for your name or whatever, that this is the first result? That it links people to your books or your store, your socials? Do you want to have a gallery of work on display, or an archive of writing like I've made? Do you want people to be able to contact you, give tips?

I always wanted a robustly tagged archive with an in-depth tag page like the one I've set up now, and the goal for my Directory of Work on Medium and elsewhere was always that it would later be transferred to my website once it was built.

Then, I have an about page for people who are just curious about who I am and who I look like; commission info and information about booking me for events or inviting me to cons and such; the books I have for sale, publications I've been a part of, interviews and presentations on YouTube; my events calendar with conventions and such; the gallery where I'm showing off both art of my characters and where I'll later show art that I buy for my home and myself, such as the stuff framed in the stairwell or jewellery I buy from makers at markets and such; and then, of course, the subscriber benefits.

All of the above to go my goals which are, in order, to encourage people to read my work and make it easy for them to do so, to pay me money for my existing work or to offer me money for new work, and to show support for other events, artists, friends, and queer creators.

I would definitely advise thinking carefully about how visual or how word-based you want your site to be - I had to look for a recipe blog theme to find one that was stripped back in terms of images. Especially for adult websites, I'd be careful about payment providers and so forth.

Stripe is the default on the site, and I've been very careful about making sure none of my titles or descriptions that the Stripe client will see have words like erotica or adult in them - if someone from Stripe clicks through and sees the site, they might take issue with it, but that's another thing. I do get paid by Stripe through Medium, so I do already use them.

Most payment providers hate any kind of adult content, but are willing to give a tiny bit more wiggle room on erotica, or at least, they just don't notice it in the same way they do Real Porn, but there's nothing I can say other than "be careful and more importantly, be lucky" on that front.

Most of all, I'd say to try to have fun with it and try to enjoy the actual building process if you can - make something pretty and fun to navigate as much as you can, and if you can get some enjoyment out of it, your site users will as well.

[mariyekos]

Doing a basic HTML/CSS tutorial and MAN is it very fun/satisfying to learn how to make a website. I've stumbled my way through it to add things to my tumblr blog before, but I want to make one from (mostly) scratch to have a backup in case tumblr dies at some point. That and it would be fun to customize my own site, even for tumblr itself. We're making progress!

[luciaintheskyainthi]

Hi!! I just reed the last chapter of EMC and by the gods!!! I LOVE IT!! The newspaper format?!? FUCKING AMAZING!!! I do want to ask how you did it? I knew you could do many things in ao3, but that?! You're so creative!!!

🥰🥰🥰

Thank-you so much!! As the texts in ECM would probably suggest, I really love mixing up the narrative with these kinds of things (I did something similar in my other fic, A Permanent Fixture).

I used Work skins and CSS for the formatting - nothing ground-breaking! Just fonts. That and using the H1, H2 and H3 headings in AO3's html. I will not claim anything more than slightly above average skills at this stuff!!

This is the CSS I used for the fonts with the work skin:

#workskin .News-name { font-size: 200%; font-family: Old English Text MT, Copper Plate Gothic Bold, Rockwell Extra Bold, serif; }

#workskin .font-serif { font-family: Georgia, Cambria, Constantia, Palatino, serif; }

Here's AO3s guidance on work skins

Here's a bunch of tutorials on the amazing things you can do with skins!

Honestly it took me ages! Mostly because there was a lot of hit 'preview', check, hit 'edit', change CSS/HTML, rinse and repeat while growing increasingly more irate.

I tried a billion times to do something with the images: I wanted them aligned with the text, but also needed the caption to float with it. However my abilities are relatively limited and AO3's HTML coding is equally limited so in the end I gave up and just added the captions onto the image in paint lmao. Paint these days lets you save with transparencies, which is a nice thing to know! But that's why the font in the captions is big and looks a little funny.

If you want to know how to get text to wrap around an image, then you do this:

<img src="IMAGE URL" alt="TITLE OF YOUR IMAGE" width="x" height="Y" align="right/left" />

(the underlined bit is what you add to put in the alignment)

It's not perfect: the text sticks tightly to the image when it wraps, which is why they're both aligned to the right so it was harder to notice, but it works well enough. I know you can use CSS and work skins to give the image a bit of a border, but by that point I was getting the shits and figured it was good enough lol.

I would note that skins sometimes don't work on things like phones (for instance, on my phone the Old English font doesn't appear for the name of the newspaper)!

Hope this is helpful!

[sebstanaddict]

The Debuggers Assemble

Sebastian Stan x Reader Unhinged One Shot (Feat. The Avengers)

Summary : Behold! The 2nd version of this chaotic and unhinged story of Seb as a wannabe coder and this one features the Avengers!

A/N: This is just another stress induced story I came up with as I try to debug actual code on my project XD Hope you guys like it.

Warning: none at all, just an all out funny, unhinged and ridiculous story, somewhat like a sitcom XD

Word count: 1.7k words

Read more Sebastian and Bucky one shots here

---

It started as a normal Tuesday. Y/n was working on a client's website, surrounded by empty soda cans, a half-eaten granola bar, a cup of coffee that had been refilled countless times, and the dim hope that this web application project wouldn't kill her. She was almost done when she hit a wall—an infuriating wall in the form of a bug so elusive it might as well have been a mythological creature.

"What in the name of Jeff Bezos is wrong with you?!" she yelled at her laptop, slamming her hands on the desk.

"BOOM, BABY!"

She jumped, nearly knocking over her coffee as Sebastian burst into the room like Kramer from Seinfeld. He was wearing an Avengers bathrobe, a Viking helmet, and inexplicably wielding a hockey stick.

"Seb," she said, already exhausted by his mere presence. "What are you doing?"

"Helping," he said, dramatically tossing the hockey stick aside. It hit a lamp, causing it to crash to the floor.

"You're not helping. You're breaking my furniture."

"Pfft. Material possessions are temporary. But debugging is eternal."

"No," she said firmly. "Not this time. You're not touching my laptop. The last time you helped, the TV turned on by itself, showed me a cooking tutorial in Portuguese, and called me by name."

Sebastian gasped, clutching his chest like she'd insulted his honor. "You loved that tutorial. You said the flan recipe looked great."

"That's not the POINT!"

"Come on," he said, sitting next to her and grinning like a kid who just found a pack of fireworks. "I'm serious. Let me help."

She gave him a withering look. "Do you even know what CSS stands for?"

"D'uh. It's..." He paused, clearly making something up on the spot. "Cool, uh... Code... Stuff."

Y/N smirked. "What about HTML? Know what it is?"

"Of course I do," he said confidently. "It's... um... Hot Tacos Make Life better?"

She stared at him, deadpan. "Seb, I bet you don't even know what Javascript is."

"No, but I know about.. scripts?" He answered innocently and she rolled her eyes.

"Seb, just leave me alone and do whatever it was you were going to do with this.. outfit." She said, gesturing towards his Viking helmet.

But Sebastian ignored her, dragging his chair closer to her. "No way. I can help. I've acted as a hacker in movies. I know all about... coding stuff."

"Seb, no you haven't, and do NOT touch my laptop." She warned.

"Relax, babe. Let me at least look at it."

She reluctantly slid the laptop toward him. "Fine. But if you break something, you're sleeping on the couch."

Sebastian cracked his knuckles, grinning. "Alright, let's see what we've got here."

He squinted at the code for a solid thirty seconds like it was written in ancient Greek. "So, what's the problem?"

She sighed. "The JSON data isn't parsing correctly."

"JASON? Who's Jason?"

She groaned. "JSON. JavaScript Object Notation. It's a way to structure data."

Sebastian's face lit up. "Got it. So, it's like... Legos?"

"Sure, whatever helps you sleep at night." she rolled her eyes.

Sebastian cracked his knuckles and typed furiously.

—

<script>

let data = {

name: "Sebastian",

talent: "Acting",

debuggingSkill: "undefined"

};

console.log("Fixing everything like a boss"); // Motivational

data += "magic sauce"; // This'll work, right?

alert("IT WORKS... probably.");

</script>

—

He hit "Save" and refreshed the page. The screen went completely white, then flashed red like it was possessed.

"What did you do?!" she screamed.

"Magic sauce!" Sebastian said, pointing at the code.

"Magic sauce?! That's not a thing!"

"Not with that attitude," he muttered.

"Just give it back." She said, trying to grab the laptop back but he held it tight.

"No, no, babe. Let me try something else." He insisted, holding the laptop hostage.

She sighed, "Fine, just one more thing and if it doesn't work, give it back to me."

"Okay, okay, hold on. This will work. I can feel it!" He said enthusiastically, his fingers typing furiously.

—

<script>

let data =[ {

name: "Y/n",

character: "beautiful",

debuggingSkill: "powerful"

},

name: "Sebastian",

character: "chaotic",

debuggingSkill: "questionable"

},];

let love = data["Y/n"] + data["Sebastian"];

console.log("Y/n, you're the light of my life, and this code is dedicated to you.");

alert("Success, just like us.");

</script>

—

"Seb, that's not how you call JSON data." She protested but she couldn't keep a smile from escaping from her lips.

"Sometimes you have to go outside the box. Besides, love fixes everything." He said, winking at her and she rolled her eyes. He then pressed enter with a dramatic flourish.

The website blinked. The error message was gone, the navigation bar worked, the grid was perfect, the contact form sparkled like it had been kissed by the gods.

Sebastian turned to her with a smirk. "Told you. Love fixes everything."

Y/n's jaw dropped. "Wait... did you just—"

Before she could finish, the screen exploded into chaos. Every element on the page multiplied, filling the screen with hundreds of buttons labeled "Love you, Y/n" and an animated gif of a dancing cat in a tuxedo.

Sebastian leaned back, hands behind his head. "Well, it's the thought that counts."

She buried her face in her hands. "This is a nightmare."

"Okay, okay," he said, "Time to bring in the big guns."

Before she could grab the laptop back, Sebastian's hand flew over it again.

—

function callTheAvengers() {

alert("Avengers, assemble. We have a coding emergency.");

}

callTheAvengers();

—

"Seb, that's not gonna work." She protested.

"Wait for it." Sebastian said, raising his index finger to silence her and he hit the refresh button dramatically.

"Just give me the laptop back before I hit you with the hockey stick." She threatened.

"Babe, please. Trust me. Wait for it." He insisted and sure enough, suddenly she could hear the sound of a jet overhead. She glanced out the window and nearly fell out of her chair. The actual Quinjet was descending in the middle of their suburban street.

The neighbors were peeking out their windows in confusion, one even snapping pictures. "Sebastian, what did you do?!"

He smirked, "You saw the code, I called the Avengers."

Before she could protest, there was a knock at the door. Sebastian jumped up and opened it with a flourish.

Standing there were Steve Rogers, Tony Stark, Thor, Natasha Romanoff and Bruce Banner.

"We heard there was a coding emergency," Steve Rogers said seriously, stepping inside.

Y/n slapped her forehead. "Oh my God, I can't believe this is happening."

"What's the situation?" Tony asked, sunglasses on with a latte in hand.

Y/n sighed. "It's just a stupid JSON error."

"Ugh, JSON," Tony said, grimacing. "The silent killer of sanity. Move over."

Natasha Romanoff rolled her eyes. "Why am I even here? I don't code."

"Neither do I!" Thor announced, holding aloft his Mjolnir. "But I shall bring thunderous ideas!"

"Don't touch anything!" Y/n cried.

Bruce Banner set up his laptop. "Let's divide and conquer."

Sebastian handed everyone a keyboard which came out of nowhere and connected to nothing.. "Alright, team, let's do this."

Tony was the first to dive in.

"Alright, Y/n, let me show you how it's done." He typed on her laptop furiously:

—

<script>

function fixJSON() {

let billionDollars = true;

if (billionDollars) {

console.log("Hire someone else to fix it.");

} else {

console.log("Do it yourself, cheapskate.");

}

}

fixJSON();

</script>

—

"Tony," Y/n said, glaring, "that doesn't even make sense."

"It makes sense if you're a billionaire," he quipped. He hit refresh and the website turned all red and an iron man logo blinked in the middle.

Y/n slapped her forehead. "This is a nightmare."

"Here, let me try." Bruce Banner said. His approach was more... scientific.

"I think we need to test various inputs."

—

<script>

let gammaInput = [1, 2, "Hulk"];

let result = gammaInput.map(x => x + " smash");

console.log(result);

</script>

—

He hit refresh and the code ran. The screen displayed: '["1 smash", "2 smash", "Hulk smash"]'.

"Great, Bruce," Y/n said dryly. "Now my website is smashing things."

"You're welcome," he replied, adjusting his glasses.

Natasha sighed and leaned over. "Let me show you how to be efficient."

—

<script>

let secretSpyHack = () => {

console.log("Bug? What bug?");

};

secretSpyHack();

</script>

—

"That didn't do anything," Y/n pointed out.

Natasha shrugged. "Neither did I."

"Alright, alright, my turn." Steve said and he started typing with the enthusiasm of a soldier going in for battle.

—

function captainAmericaFix() {

let website = "running on freedom and justice";

let bugs = "punched out by the good ol' stars and stripes";

console.log("This code stands for something bigger.");

}

captainAmericaFix();

—

The website loaded. Patriotic music blared as an eagle soared across the screen, dragging the American flag behind it.

Y/n put her head on the desk. "I'm going to scream."

Thor stepped forward. "Stand aside, mortals! BEHOLD! I SHALL WRITE CODE AS MIGHTY AS MJOLNIR!"

He slammed Mjolnir onto the desk, causing the laptop to spark.

"Thor, no!" Y/n cried but Thor was already typing furiously.

—

<script>

let hammer = "Mjolnir";

function summonThunder() {

return hammer + " strikes!";

}

console.log(summonThunder());

</script>

—

He hit refresh and the website now displayed nothing but lightning bolts and the phrase "FOR ASGARD!" in Comic Sans.

Sebastian was laughing hysterically, tears streaming down his face. "This is the best debugging session ever!"

All of a sudden Peter Parker swung in through the window. "Hey, I heard there's a coding emergency?"

Tony groaned. "Of course the kid's here."

"Don't worry, I've got this!" Peter said, taking her laptop.

—

<script>

let webFix = bug => 'Spidey fixed ${bug}!';

console.log(webFix("JSON error"));

</script>

—

The website turned into a Spider-Man fan page.

Y/n buried her face in her hands. "I'm doomed."

"Enough!" Sebastian shouted, standing on a chair. "It's time for my genius to shine."

"Seb, NO!" she screamed.

"Seb, YES!" he yelled, typing with reckless abandon.

She glared at him as he continued to type nonsense but he suddenly stopped.

"Wait, I think you just missed a comma here." Sebastian said, deleting everything he typed before and adding the comma into her code.

He hit "Enter." The page refreshed. Miraculously, everything worked perfectly.

The room went silent. Even Tony looked impressed.

"How, how did you know?" She asked, her jaw dropped.

"Sometimes JSON is finicky like that." Sebastian shrugged.

Tony looked over his shoulder. "I was just about to say that."

As the Avengers packed up and left (after Tony insisted on taking credit for everything), Sebastian sat beside Y/n, who was still staring at her now-functioning website.

Sebastian leaned back on the chair, looking smug. "Told you I'd fix it."

"That was just beginner's luck." she shrugged.

"Oh come on, babe. What I did was genius." He insisted.

"I wouldn't say genius, but I think you know enough JSON now to be able to debug code."

"Yeah.. who's Jason again?" He asked, eyebrows furrowed and she threw a pillow at him.

"You're lucky I love you." She commented and he smiled as he pulled her by her waist and leaned in to kiss her.

For the rest of the day Sebastian strutted around the apartment, still wearing the Avengers bathrobe, Viking helmet and adding sunglasses while carrying a hockey stick and singing "We Are The Champions".

Y/n just stared at him and rolled her eyes, accepting her fate that she was dating a chaotic but somehow genius boyfriend and she wouldn't trade him for anything.

[laptoparmageddon]

Updated My House Game on Neocities!

This is a point and click adventure horror game (kinda) made entirely on Neocities! No downloads, flash player, or login required. It's only workable on PC (just barely), and I don't know how it fairs in all browsers. I can make a video on how it's ment to work if requested.

There are jumpscares, and loud noises, so be warned!

This is in no way finished, nor a proper game. This is just something I'm working on to test my knowledge of HTML and get more practice in. More will be added when I feel like it. Please remember this is being held together by glue and spaghetti code I've hobbled together from across multiple tutorials and stuff. I'm no professional, just an artist!

Here's the link to check it out.

Things added

The Freezer

The hall

Left and right halls

Wolf room

Pink room

Added music to several rooms

Added something to make sure everything is aligned on your screen at the beginning (hopefully it actually works :p)

Added recursion