#how to create heading in html

[genericpuff]

I'm sorry, but this should come as a shock to absolutely no one.

Just a little bit of 'insider info' (and by 'insider' I mean I was a part of the beta testing crew a few years ago) Webtoons has been messing with AI tools for years. You can literally play test that very same AI tool that I beta-tested here:

Mind you, this is just an AI Painter, similar to the Clip Studio Colorize tool, but it goes to show where WT's priorities are headed. I should mention, btw, that this tool is incredibly useless for anyone not creating a Korean-style webtoon, like you can deadass tell it was trained exclusively on the imports because it can't handle any skin tone outside of white (trying to use darker colors just translates as "shadows" to the program, meaning it'll just cast some fugly ass shadows over a white-toned character no matter how hard you try) and you just know the AI wouldn't know what to do with itself if you gave it an art style that didn't exactly match with the provided samples lmao

And let's be real, can we really expect the company that regularly exploits, underpays, and overworks its creators to give a damn about the ethical concerns of AI? They're gonna take the path of least resistance to make the most money possible.

So the fact that we're now seeing AI comics popping up on Webtoons left and right - and now, an actual "Webtoon AI" branding label - should come as zero shock to anyone. Webtoons is about quantity over quality and so AI is the natural progression of that.

So yeah, if you were looking for any sign to check out other platforms outside of Webtoons, this is it. Here are some of my own recommendations:

ComicFury - Independently run, zero ads, zero subscription costs (though I def recommend supporting them on Patreon if you're able), full control over site appearance, optional hosting for only the cost of the domain name, and best of all, strictly anti-AI. Not allowed, not even with proper labelling or disclosure. Full offense to the tech bro hacks, eat shit.

GlobalComix - Very polished hosting site that offers loads of monetization tools for creators without any exclusive contracts or subscriptions needed. They do offer a subscription program, but that's purely for reading the comics on the site that are exclusively behind paywalls. Not strictly anti-AI but does require in their ToS that AI comics be properly labelled and disclosed, whether they're made partially or fully with AI, to ensure transparency for readers who want to avoid AI comics.

Neocities - If you want to create your own site the good ole' fashioned way (i.e. HTML / CSS) this is the place. Independently run, offers a subscription plan for people who want more storage and bandwidth but it only costs $5/month so it's very inexpensive, and even without that subscription cost you won't have to deal with ads or corporate management bullshit.

Be safe out there pals, don't be afraid to set out into the unknown if it means protecting your work and keeping your control as a creator. Know your rights, know your power.

[apod]

2024 October 28

STEVE: A Glowing River over France Credit & Copyright: Louis LEROUX-GÉRÉ

Explanation: Sometimes a river of hot gas flows over your head. In this case the river created a Strong Thermal Emission Velocity Enhancement (STEVE) that glowed bright red, white, and pink. Details of how STEVEs work remain a topic of research, but recent evidence holds that their glow results from a fast-moving river of hot ions flowing over a hundred kilometers up in the Earth's atmosphere: the ionosphere. The more expansive dull red glow might be related to the flowing STEVE, but alternatively might be a Stable Auroral Red (SAR) arc, a more general heat-related glow. The featured picture, taken earlier this month in Côte d'Opale, France, is a wide-angle digital composite made as the STEVE arc formed nearly overhead. Although the apparition lasted only a few minutes, this was long enough for the quick-thinking astrophotographer to get in the picture -- can you find him?

∞ Source: apod.nasa.gov/apod/ap241028.html

[shehimin]

Edgaring time!

Tutorial on how to make your own responsive Edgar :D I will try to explain it in really basic terms, like you’ve never touched a puter (which if you’re making this… I’m sure you’ve touched plenty of computers amirite??? EL APLAUSO SEÑOOOREEES).

If you have some experience I tried to highlight the most important things so you won’t have to read everything, this is literally building a website but easier.

I will only show how to make him move like this:

Disclaimer: I’m a yapper.

Choosing an engine First of all you’ll need something that will allow you to display a responsive background, I used LivelyWallpaper since it’s free and open-source (we love open-source).

Choosing an IDE Next is having any IDE to make some silly code! (Unless you can rawdog code… Which would be honestly impressive and you need to slide in my DMs and we will make out) I use Visual Studio!!!

So now that we have those two things we just need to set up the structure we will use.

Project structure

We will now create our project, which I will call “Edgar”, we will include some things inside as follows:

Edgar

img (folder that will contain images) - thumbnail.png (I literally just have a png of his face :]) - [some svgs…]

face.js (script that will make him interactive)

index.html (script that structures his face!)

LivelyInfo,json (script that LivelyWallpaper uses to display your new wallpaper)

style.css (script we will use to paint him!)

All of those scripts are just literally like a “.txt” file but instead of “.txt” we use “.js”, ��.html”, etc… You know? We just write stuff and tell the puter it’s in “.{language}”, nothing fancy.

index.html

Basically the way you build his silly little face! Here’s the code:

<!doctype html> <html>     <head>         <meta charset="utf-8">         <title>Face!</title>         <link rel = "stylesheet" type = "text/css" href = "style.css">     </head>     <body>         <div class="area">             <div class="face">                 <div class="eyes">                     <div class="eyeR"></div>                     <div class="eyeL"></div>                 </div>                 <div class="mouth"></div>             </div>         </div>         <script src="face.js"></script>     </body> </html>

Ok so now some of you will be thinking “Why would you use eyeR and eyeL? Just use eye!“ and you’d be right but I’m a dummy who couldn’t handle making two different instances of the same object and altering it… It’s scary but if you can do it, please please please teach me ;0;!!!

Area comes in handy to the caress function we will implement in the next module (script)! It encapsulates face.

Face just contains the elements inside, trust me it made sense but i can’t remember why…

Eyes contains each different eye, probably here because I wanted to reuse code and it did not work out and when I kept going I was too scared to restructure it.

EyeR/EyeL are the eyes! We will paint them in the “.css”.

Mouth, like the eyeR/eyeL, will be used in the “.css”.

face.js

Here I will only show how to make it so he feels you mouse on top of him! Too ashamed of how I coded the kisses… Believe me, it’s not pretty at all and so sooo repetitive…

// ######################### // ##      CONSTANTS      ## // ######################### const area = document.querySelector('.area'); const face = document.querySelector('.face'); const mouth = document.querySelector('.mouth'); const eyeL = document.querySelector('.eyeL'); const eyeR = document.querySelector('.eyeR'); // ######################### // ##     CARESS HIM      ## // ######################### // When the mouse enters the area the face will follow the mouse area.addEventListener('mousemove', (event) => {     const rect = area.getBoundingClientRect();     const x = event.clientX - rect.left;     const y = event.clientY - rect.top;     face.style.left = `${x}px`;     face.style.top = `${y}px`; }); // When the mouse leaves the area the face will return to the original position area.addEventListener('mouseout', () => {     face.style.left = '50%';     face.style.top = '50%'; });

God bless my past self for explaining it so well, but tbf it’s really simple,,

style.css

body {     padding: 0;     margin: 0;     background: #c9c368;     overflow: hidden; } .area {     width: 55vh;     height: 55vh;     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%,-50%);     background: transparent;     display: flex; } .face {     width: 55vh;     height: 55vh;     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%,-50%);     background: transparent;     display: flex;     justify-content: center;     align-items: center;     transition: 0.5s ease-out; } .mouth {     width: 75vh;     height: 70vh;     position: absolute;     bottom: 5vh;     background: transparent;     border-radius: 100%;     border: 1vh solid #000;     border-color: transparent transparent black transparent;     pointer-events: none;     animation: mouth-sad 3s 420s  forwards step-end; } .face:hover .mouth {     animation: mouth-happy 0.5s forwards; } .eyes {     position: relative;     bottom: 27%;     display: flex;   } .eyes .eyeR {     position: relative;     width: 13vh;     height: 13vh;     display: block;     background: black;     margin-right: 11vh;     border-radius: 50%;     transition: 1s ease } .face:hover .eyeR {     transform: translateY(10vh);      border-radius: 20px 100% 20px 100%; } .eyes .eyeL {     position: relative;     width: 13vh;     height: 13vh;     display: block;     background: black;     margin-left: 11vh;     border-radius: 50%;     transition: 1s ease; } .face:hover .eyeL {     transform: translateY(10vh);     border-radius: 100% 20px 100% 20px; } @keyframes mouth-happy {     0% {         background-color: transparent;         height: 70vh;         width: 75vh;     }     100% {         border-radius: 0 0 25% 25%;         transform: translateY(-10vh);     } } @keyframes mouth-sad {     12.5%{         height: 35vh;         width: 67vh;     }     25% {         height: 10vh;         width: 60vh;     }     37.5% {         width: 53vh;         border-radius: 0%;         border-bottom-color: black;     }     50% {         width: 60vh;         height: 10vh;         transform: translateY(11vh);         border-radius: 100%;         border-color: black transparent transparent transparent;     }     62.5% {         width: 64vh;         height: 20vh;         transform: translateY(21vh);     }     75% {         width: 69vh;         height: 40vh;         transform: translateY(41vh);     }     87.5% {         width: 75vh;         height: 70vh;         transform: translateY(71vh);     }     100% {         width: 77vh;         height: 90vh;         border-color: black transparent transparent transparent;         transform: translateY(91vh);     } }

I didn’t show it but this also makes it so if you don’t pay attention to him he will get sad (mouth-sad, tried to make it as accurate to the movie as possible, that’s why it’s choppy!)

The .hover is what makes him go like a creature when you hover over him, if you want to change it just… Change it! If you’d rather him always have the same expression, delete it!

Anyway, lots of easy stuff, lots of code that I didn’t reuse and I probably should’ve (the eyes!!! Can someone please tell me a way I can just… Mirror the other or something…? There must be a way!!!) So now this is when we do a thinking exercise in which you think about me as like someone who is kind of dumb and take some pity on me.

LivelyInfo.json

{   "AppVersion": "1.0.0.0",   "Title": "Edgar",   "Thumbnail": "img/thumbnail.png",   "Preview": "thumbnail.png",   "Desc": "It's me!.",   "Author": "Champagne?",   "License": "",   "Type": 1,   "FileName": "index.html" }

Easy stuff!!! 

Conclusion

This could've been a project on git but i'm not ready and we're already finished. I'm curious about how this will be seen on mobile and PC,,, i'm not one to post here.

Sorry if I rambled too much or if i didn't explain something good enough! If you have any doubts please don't hesitate to ask.

And if you add any functionality to my code or see improvements please please please tell me, or make your own post!

[notalostcausejustyet]

Behold and See if There be Any Sorrow

A bit late, but here's my holiday GO fic. This one is very, very personal to me. Many thanks go out to the @goodomensafterdark writer's guild and the always spectacular @adverbian for their help betaing and sorting my sorry lack of HTML skills lol.

Excerpt:

The vaults of St. Bartholomew’s transform the sound of the human voice like nothing else on earth, as the church has done since its inaugural services almost a millennia ago. Even from here, beyond the heavy doors, well away from the hallowed grounds. The ancient façade shimmers in the wavering illumination cast by  halogen streetlamps and the sound of the organ and chorus swells out into the frigid night air. It is forty-one minutes past midnight on the morning of December 25th and Handel’s Messiah is well underway inside the historic church.

A lone figure tips his head back to the night sky from where he is lounging against the side of a classic Bentley that is darker even than the shadows it sits in. Waiting, always waiting. He has stood sentinel over midwinter rituals longer than the gargoyles that flank the walls of the garden here, and he will stand guard over this one as well. London has blessed them with an unusually clear evening for December, and while the city will not grant him the stars he so loves, the brilliantly cold night has brought the moon into beautifully sharp relief, its cold glow casting diamonds into the frost that has formed on every surface, creating something miraculous out of the mundane.

Crowley looks upon the impassive face of the moon and reflects on the irony of how he worships still. He cannot stand in the nave, nor partake in the terrible, bone-aching beauty of the choir first-hand. Only once, in his long history on this pale blue dot, has he trespassed upon sanctified ground. His soles ache distantly at the memory; the scars of that night are deeper than the fragile flesh of this corporation. Cont. on A03, Link embedded above.

[izicodes]

Convert HTML to Image: A Step-by-Step Guide ✨

Do you want to turn some HTML code you've made that's on your website and have a way to convert it into an image for you to save?

Well, look no further! I too wanted to do the same thing but funny enough, there weren't any straightforward tutorials out there that could show you how! After hours of searching, I finally discovered the solution~!

This is an old tutorial I made 🐼

💛 Set your environment

Before we dive into the conversion process, I'll assume you already have your HTML code ready. What you want to learn is how to turn it into an image file. You should have a good grasp of HTML and JavaScript. For this tutorial, we'll use the following HTML code example:

We won't include the CSS code, as it doesn't affect this tutorial. The JavaScript file (script.js) at the bottom of the body element is where we'll add the functionality for the conversion.

Your page should resemble the following:

As you can see, the "Click me" button will handle the conversion. We aim to convert everything within the div.info-div into an image.

💛 Using the html2canvas JavaScript Library

The html2canvas library allows you to take screenshots of webpages and target specific elements on a screen. Here are the steps to include the library in your project:

The steps to put the library in your project:

Visit the html2canvas website for more information.

Copy the CDN link from here

and include it in a script tag in your project's head tag in the HTML file:

That's it for including the library on the HTML side. Now, let's move on to the JavaScript code.

💛 JavaScript Functionality

Here's the JavaScript code to handle the conversion:

In this code, I want to turn the whole div.info-div into an image, I put it into a variable in const div = document.querySelector(".info-div");.

I also put the button into a variable in const button = document.querySelector("button");

I added a click event listener to the button so when the user clicks the button, it will follow the code inside of the event listener!

You can find similar code like this in the documentation of the html2canvas library:

What is happening here is:

We add the div (or what the element we want to take an image of) into the html2canvas([element]).then((canvas)

Added the image file type url to a variable = const imageDataURL = canvas.toDataURL("image/png"); - You can replace the png to other image file types such as jpg, jpeg etc

Created an anchor/link tag, added the href attribute to imageDataURL

The download attribute is where we will give the default name to the image file, I added "dog.png"

Perform the click() function to the anchor tag so it starts to download the image we created

And that's it!

💛 The End

And that's it! You've successfully learned how to turn your HTML into an image. It's a great way to save and share your web content in a unique format.

If you have any questions or need further clarification, please comfortable to ask. Enjoy converting your HTML into images! 💖🐼

[greenhorn-art]

All The King's Horses | As You Are Now, So Once Was I by @samwpmarleau (grumkinsnark)

All The King's Horses [LiveJournal ch1] [Fanfiction.net ch1]

As You Are Now, So Once Was I [LiveJournal ch1] [Fanfiction.net ch1]

Fandom: Supernatural, Criminal Minds

Rating: Teen | PG-13

Category: Gen

Words: ~36,192

All The King's Horses: Protect and Serve. Fidelity, Bravery, Integrity. To what lengths would you go to uphold those oaths? When it comes to a particularly brutal and unsolvable case, the BAU just may have to resort to some more unorthodox methods. SPN/Criminal Minds crossover.

As You Are Now, So Once Was I: Sequel to "All the King's Horses." When Dean catches J.J.'s press conference on the news about a current case and notices a few...inconsistencies, he realizes the BAU is definitely going to need his help. Again. ON HIATUS

About the Book

FORMAT: Letter quarto, flatback bradel binding, french link stitch, no tapes

FONTS: EB Garamond [via Google Fonts], Supernatural Knight [via DaFont], D-Din [via Font Squirrel], Daniel [via DaFont], Permanent Marker [via Google Fonts], Arial

IMAGES: Seal of the FBI [via Wikipedia], Dean's handprint scar [by greenhorn-art]

MATERIALS: 24lb Xerox Bold Digital paper (8.5"x11"), 80pt binder's board (~2mm), 30/3 size waxed linen thread, embroidery floss (DMC #721), 1.9mm cording, brown cardstock, black Cialux bookcloth, gold foil transfer sheet (came with We R Memory Keepers hot foil pen)

PROGRAMS USED: Fic exported with FicHub, word doc compiled in LibreOffice Writer, Typeset in Affinity Publisher, imposed with Bookbinder-JS, title pages designed in Affinity Designer/Photo

.

I first read these stories on LiveJournal back in 2013, some time after I first encountered Tumblr, Supernatural, and the wider world of online fandom. Once I discovered SPNxCriminal Minds crossovers I devoured so many of them. Something about POV Outsider on the Winchesters, the existing connections with investigating monster vs human-crazy cases, and run-ins with the FBI... it's just works so well.

Of all the SPNxCM fics I read and enjoyed, All The King's Horses is among those that bookmarked themselves in my brain. Since it's been living there all these years, I thought it deserved a place on my bookshelf too.

(Rambling below)

Sourcing the Fic

I used FicHub to download the fics off of Fanfiction.net as HTML. Then I pasted them into LibreOffice Writer and created rich text documents of each fic, so I could Place them into Affinity Publisher.

The stories were crossposted, first on LiveJournal and then Fanfiction. I included the metadata from both sites in the appendices.

(It's fascinating to see the differences in the same work between platforms. FFN requires genres, so if the author doesn't add them on LJ then by default there's more info on FFN. But FFN limits listed characters to 2, so authors have to pick and choose the most important. Then there's the author's amusing disclaimers and spoiler warnings for these fics, which are only included in the LJ version)

Shoutout to the author for how they linked/listed their accounts on other platforms! Thanks to that I was easily able to track down all the tags/metadata for the fics, and find them here to express my appreciation for their stories!

Typesetting

Fonts

EB Garamond is my new favourite body font, 11pt as per my usual.

The title page is entirely Arial: 1) it was the closest match I have to the case file prop I was copying, and 2) if it was a government doc they wouldn't be using anything but the most basic fonts.

Headings and the the bullets bracketing the page numbers are set it Supernatural Knight, a free font in the style of Supernatural's title.

The location segments are in D-DIN, the closest free match to the font Criminal Minds uses (which is probably DIN).

Daniel is used for Dean's 'rushed but legible' note.

Permanent Marker for the 'thick black Sharpie' case file labels.

Artwork

Title pages designed as FBI case files, copied from a prop found online (specifically Etsy's propfictionstudios', but it's all over the web so no idea who actually created it). I had fun plugging in all the fanfic/bookbinding meta!

The ID# above the author's name is the FFN story ID, and the date is the date originally posted on LJ.

The handprint used in the headings of ATKH is Dean's scar. I traced off of a screenshot from s4e01 Lazarus Rising. I chose to use the handprint instead of the anti-possession tattoo or a Devil's Trap as my SPN art element because 1) it's specific to Dean, and 2) indicates/reminds that the story is not set during the season 3 Agent Henriksen/FBI arc.

Grabbed the FBI seal off of Wikipedia.

Construction

Both fics typeset and printed separately, then sewn together into one book. Title page for the sequel was tipped in like an endpaper prior to sewing.

Endbands sewn with orange embroidery floss (DMC 721) around 1.9mm cording. I chose orange because Dean's being in jail brought to mind the orange prison jumpsuits Sam and Dean wore in s1e19 Folsom Prison Blues.

Black bookcloth for the cover, like the Winchesters' beloved black '67 Chevy Impala. (I'd wanted a Supernatural reference to balance out the Criminal Minds-ness of the FBI case files).

I'd originally planned to make lineart of the front of the car, and have it stretch across the bottom of the cover (maybe even wrap around to the back). Even found a useful reference to trace [from here], but it didn't look as good as I'd hoped. Instead I reused the FBI seal and swapped out its text with the titles.

(The effect of shiny foiled FBI symbol on small black book reminds me of one of those FBI badge wallets!)

The foiling process was an unnecessarily long and gruelling affair. My laptop served as a massive power bank for the hot foil pen as I spent 2hrs ever so slowly tracing the image, and then 15mins on the author name and touch-ups. Did it need to take so long? Moving slowly, pushing down hard, going over everything at least three times? I'm sure it didn't. BUT I did not want to chance peeling up the foil to check how I was doing and risk shifting it. It was worth it in my books (haha) ‒ I feel giddy and kick my feet like a schoolgirl whenever I see it!

New Things

Used 24lb paper for the first time, and I love it! It's a little thicker and heavier then regular 20lb printer paper, feels more substantial.

The page numbers & running/section headers are along the outer margin, instead of in the header/footer. This was my way around Affinity's buggy-ness regarding pinning things inline in master pages. (More about that below). If I had been thinking, I could have formatted them like the tabs on a file folder and cut the textblock to match. Oh well, the things you notice once it's printed 😔

This time I also started new chapters/sections using text flow & paragraph spacing settings, instead of using a master. As always, there are pros and cons.

Pro: much faster and less involved. (find chapter start, apply paragraph style VS working from the end cutting text, inserting a frame break, unlinking frames, inserting new pages with master, relinking, pasting, and adding chapter title to a different text box)

Con: images need to be added manually (whether by adding image directly, or by applying a master with the image). I forgot to do this for the second fic, so only ATKH have Dean's handprint scar.

Difficulties Encountered

Affinity Publisher is fighting me on pinning things inline on master pages. They like to disappear on regular pages I've applied the master to. Sometimes it works, sometimes it doesn't, sometimes it only works on some of the pages. Idk what's up. (The bullet character only faces one way so I had use textboxes, flip/mirror one, and pin them inline to the page number).

So instead of having page numbers in the footer, bookended left and right by text boxes with Supernatural Knight's bullet, I put it vertically down the side.

Updated Publisher and all my paragraph styles' fonts changed/went funny. Something to do with the update's variable font support, I think. What was previously 'EB Garamond' regular, was now something along the lines of 'EBGaramond-Regular' which isn't a font. Issue seems to have ironed itself out in my original (near-complete) doc while I was busy remaking it. 😐

On the bright side, the update brought QR code generation to Affinity!

[graciedollie]

hi girl!! i was wondering how you do gradient text on your posts! i keep looking for tuts but all of them are using features that tumblr removed…. anyways, whenever you’re free, i’d love a tutorial! thank you!🩷🩷

OFC!! i got you bby!!

Go to image color picker (this is for the color of your words) and scroll down a little until you see ‘use your image’ and upload the photo to your choice for color theme! Once you’re done with picking your photo, you can choose a color out of the palette and copy it! (Pick two colors for the start and end color for your text!!)

After you copy it, you wanna head over to another website: stuffbydavid (this is where you’re gonna get the gradient style for your text!!) You’re gonna enter your text in the first box, then choose the way you want your gradient like (I usually use horizontal gradient!!)

After that, you’re gonna paste the hex code of your color you picked from the image color picker website and paste your end and start color in the slots. When you’re done with that and feel like it, you can choose your font, size and either have your text bold or italic. Your choice! (I usually just let it be)

After you got your text all ready, you want to scroll down and get the HTML code, NOT THE BBcode cause it will not work. You’re gonna copy the HTML code and there you have your gradient text ready to be pasted!

For this part, i’m gonna put a video for this one, but i’ll still explain it anyway :) So with this part, after you copied your HTML code, you’re gonna open your tumblr account on the website on a browser and go to create or if you have any asks, you can click ‘answer’ and begin the steps. Once you open a inbox or create a new one, you’re gonna click the setting icon (⚙️) on the top right corner and click it! After you do that, you scroll down to text editor and see that it’s set on ‘RICH TEXT’, you’re gonna change it to ‘HTML’ for your code. After you do that, you’re gonna paste your code in the blank spot and then click ‘preview’ and now you have your gradient text!!

6. Next you’re gonna change to ‘post now’ to ‘save as draft’ and exit out of the website to open the app back up and there, you should see the saved draft with your gradient text!!

Hope this helped bby🫶🏾

[pvposeur]

Useful F2U Programs (and 1 F2U Website) For Writers

Can't afford Microsoft Office?? No problem, just download LibreOffice or OpenOffice, both in which are not-for-profit + open source, and you're good to go.

Need a dictionary to use when you're offline and have no internet or just need to know what something means + synonyms/antonyms?? No problem, just download WordWeb and you're good to go.

Need to create some fictitious deities for your fictitious race?? No problem, just go to Chaotic Shiny Productions, press CTRL + F, and type in Pantheon Generator Portable. Once downloaded, you're good to go.

Need to know how many words you need to write a day to reach your monthly goal of _____ number of words?? No problem, just go to Chaotic Shiny Productions, press CTRL + F, and type in NaNoWriMo Calendar. Once downloaded, you're good to go.

Want something that's better than Notepad because it auto-backups every-so-often and has a countdown word counter?? No problem, just download yEdit2 and you're good to go.

Need a program that allows you to do a scene-by-scene play for your works?? No problem, just download yWriter7 and you're good to go.

Want to be able to use ProWritingAid Pro without needing to purchase it?? No problem, just head to The ProWritingAid Team Trial Signup, get a Temporary Email (almost any of them will suffice), and create a new account every seven (7) days which will lead to an infinite number of #7DayTrails. You'll also need to download ProWritingAid and you're good to go.

Want to create your own Wikipedia?? No problem, just download this Wikipedia HTML-CSS-JS Template from HTML5 Templates, create an account on Neocities, and download Brackets to edit said Wikipedia Template. Once finished, you're good to go.

[lorkai]

.⁠｡⁠*⁠♡ A/N: Silly and self Indulgent scenario that's been living in my head since I've started learning coding like javascript and html awhile ago, like pls let Idia teach me, I'll listen to everything he has say. Or not. Probably not. I would probably be looking at him all the time like 👀💞.

Coming from someone as quiet as Idia, people would think that he only hides inside his room and that only silence surrounds him. But that was far from true, Idia laughed, screamed or hummed all the time when he was safe and sound inside those comforting walls and, like now, his fingers tapped the keyboard keys frantically.

"What's that supposed to be?" You asked, pointing to a series of strange codes on Idia's dimly lit computer screen. How he could see with all the lights off, you didn't know. But at least, you now knew why he complained about his eyes hurting.

Idia replied without turning around, "They're called arrays. They're used to store more than one code inside a variable, Yuu-shi."

You made an understanding sound even though you didn't understand what that meant. You remembered a thing or two about your world's programming, but the memories were blurred and as today was an especially calm day, you decided to pull a chair close to his desk and sit next to Idia to watch him work. Maybe it would help to understand what those "arrays" were for if you could watch him, besides it was fun.

You noticed how his fingers trembled slightly against the keyboard and the ends of his hair turned pink at your sudden approach, but you preferred to spare him the embarrassment and just watch him create his codes. It was almost peaceful the sound of his fingers and his soft humming.

"That's an opening tag right there, right?" You pointed again not sure and he nodded.

"Yuu-shi..." He mumbled as if unsure of his proposal. Even though you're friends, he's too scared to voice his ideas sometimes and you don't force him to say anything while you wait for him to search for the right words. Finally after a few seconds Idia turns to you with a small smile on his face. "S-sit closer, you'll be able to see better that way. I can even explain what each code is for if that doesn't bore you."

That was his shy way of saying that he would like to have you around and that he didn't mind your questions, and you readily nodded, pulling the chair closer and resting your face in your hand. Idia kept working, fingers practicing typing over and over entire columns of tags and other codes that you gradually remembered the name.

"Yuu-shi, you never told me that you, uh, liked programming." He mutters uncertainly. But then a wide smile spreads across his lips and he looks at you sideways, laughing sinisterly. "But that means I can teach you everything I know, and after I've stuffed all possible coding knowledge into your little pretty head, Yuu-shi, you will evolve from an R card to a UR+."

You shudder comically, wondering if it was too late to run. But Idia's cool hand closes over your wrist and his slender fingers find their way to yours, lacing them together as he opens another page on his computer.

"Let's start with your lesson, Yuu-shi, and... And, uh... And if you get everything right, I have a reward in mind." Idia declares, a rosy blush taking over his face.

And truly how couldn't you deny him that?

[ghost-bxrd]

GIRL CODED JASON !!!!! HI HELLO OMG TUMBLR USER AND AMAZING AO3 WRITER GHOST BIRD YOUR POSTS AND STORIES JUST ACTIVATE BRAINWORMS IN MY HEAD 😭😭😭😭 holy fuck hi I'm too shy to come off anon but I love the discussions you've been having, so just chipping in !!!

I love the many many looks on how people interpret him being girl-coded, exploring his feelings towards domestic violence, towards victims, women etc, extremely good points that you brought up ! And I'd like to bring up that on a more meta level, the way his character is treated by DC and by people in canon as a whole is also so... girl-coded ? Going to try my best to articulate since eng is my 3rd language 😔😔 Sorry if it's not consise 😭😭 I have FEELINGS AAAAAAAAAAAA

I think the core of this "girl-codedness" stems from a few things, two things I can point to currently are how he's treated as a victim and fridging. Fridging is the easier one to see imo, it's something that's usually associated with female characters but fits Jason a lot. It's not about him and his trauma/pain being feminine inherently (nothing can be categorised in that way honestly) but how it's dealt with by people and the narrative.

Let's take a look at its counterpart which is 'Dead Men Defrosting' trope coined by John Barton. Here's the source for that: https://www.lby3.com/wir/r-jbartol2.html, and a quote from the Women in Refridgerators website I feel is really encapsulates this whole situation.

"...women heroes are altered again and never allowed, as male heroes usually are, the chance to return to their original heroic states. And that's where we begin to see the difference."

Sounds familiar, doesn't it? Additionally, the grief that his death bought is made to be even more objectifying than it should have been. It's made to be Bruce's and everyone else's more than it is Jason's. The image of the dead character is, by necessity, distorted and is served as fuel towards a different character. He's reduced to his death and the pain associated with it is milked for like... 16 yearsish??? A perverted memorial, a perverted memory, an altered legacy. He was just 15. A boy. (Still, I wouldn't say Jason was fridged per say, as the term is created in reference to female characters and they have little to no agency in their stories there, but that 'feel' is there. So I understand where the girl-codedness comes from!)

It’s that the way a lot of characters treat him and a lot of the tropes used on him are things that are typically associated with feminine characters. It's also about how he's treated since he's not a perfect victim. Every attempt Jason has made to express his pain and his anger just gets him labelled as emotional, unreasonable and hysterical (which are again, unfortunately terms associated with women.)

There's many different points people have brought up about Jason, such as his bleeding compassion as Robin, the tears at the end of UTRH, and so on. Nonetheless, I think there's a lot of nuance that comes with gender discussions, since these things are deeply personal to people, and there's disagreements to be had. And that's cool !! There's many points loads of other people also being to the table that I love !! Contradictions too !!

Anyhow, so many cool PPL and analysis these days,,, ILY ANON WHO BROUGHT UP TITANS TOWER (anonanonanon pls chip in again and my life will be URS) Also ILY TUMBLR USER MAGIC-CRAZY-AS-THIS FOR PUTTING THE WEDDING DRESS IMAGERY IN MY HEAD, ALSO ILY GHOSTBIRD FOR THAT AMAZING REPLY AND ANALYSIS,, I LOVE THIS LITTLE POCKET OF COMMUNITY U HAVE CREATED this is so beloved 🥺🥺🥺💞💞💞💞

All very good points!

I don’t have much to add here except perhaps the argument with the memorial case. You’re absolutely right. I never realized how similar it is to the classic hero trope of protagonist mourning their dead love interest/family and dedicating their entire life to a memory of them, citing the actions they take to be in honor of the dead person.

On one hand, I tend to enjoy that trope. On the other hand with Jason, it all became horribly twisted so very quickly and lead to a hard downward spiral of Bruce having a real assholish phase.

But yeah that’s a whole other can of worms better left unopened for now ksksks.

I’m very happy you’re enjoying this blog 💚 it’s honestly super rewarding to hear people say that when it was one of the main goals to have this be a safe and harmonious space for everyone 💚💚✨

[ourloveiselectrifying]

Hi...!

I saw your game update post and I have to ask, how did you make the character custom thing? I'm a noob in creating games, so honestly the amount of options you've got there terrifed me! It's awesome but the work... Nevermind, would it be possible for you to do a tutorial? Or at least give some tips, or maybe suggest a person who explains stuff like that? I would be very, very thankful 🙈

Btw, amazing job, you're talented ;)

Hello! :3

I don't normally do these on the blog because it's not Kevin/OLiE, if you want to join the OLiE discord server you're welcome to and if you're stuck on someting me or another dev might be able to help out!

But- a small tutorial!

It's just tons of variables and condition switches within condition switches, this is most of them for the customiser! :3

This is the hair colour button. It's action is to increase the "haircolour2" variables number! there are 30 different hair colours. I don't want the button's action to let the variable go past 30 so that's why there's the If statement, which sets the variable back to 1 and then it can go back up to 30 again. ("If(haircolour2 > 29")

the "at customiserbutton" is a transform so I don't have to make a hover/idle image and it's 29392394X cooler than having an image change on hover, there's a very simple guide on doing a transform at the bottom of this ask :3

This is one of the condition switches for a hairstyle, you can display something different for each variable. This condition switch changes the secondary colour for the first straight and short hairstyle. The hair is is uncoloured/greyscale. The image is the same but theres a transform applied to each variable number (" matrixcolor=TintMatrix("#212121")) ") This changes the grey uncoloured hair to like black! The #numbers are a hex/html colour code and you can goog "html colour picker" and goog will give you one. :3

This is a composite. It's like layers in an art program, the first is the bottom and the last is the top layer. For the hair there's three layers, the bottom colour, the second colour, and the line art! The first set of numbers is the size of the image/canvas. The other sets of numbers next to each layer determines the placement of the layer. I've got it set to (0, 0) the first number moves it left/right and the second is up/down, I wanted it to be exactly where I saved it in my art program so I've not increased/decreased the numbers.

that composite then went into a condition switch for each hairlength (hairstyle)! Theres one of these for each hair texture too, then a whole set for the hair on the back of the head, and another set for a few that needed middle layers (parts of the hair behind the head and infront of the body.

Then each of these hairlength condition switches went into another

and finally these hairtex condition switches went to the the displayed image/character/composite!

I fucked up the placement of the eyebrows and the entire character, so that's why the placement for each layer is -15, and the eyebows are 1! Didn't have open everything in my art program and move it! :3

The amount of switches and variables for this was insane and actually managed to lag the game. So I don't know if I can say I'd recomend my stupid way of doing a customiser until I can figure out how to let Renpy/OLiE have some more crumbs of ram to preload the hundreds of images for the customiser Sdkfskdfjl

Have a tip! Add this to the end of every single condition switch!

( "True", "gui/playericon/nothing.png", )

Make it an image that's easy to recognise mines the players thoughts icon. It will display when your variable is set to something your condition switch doesn't have a displayable for (for example if my hair colour variable somehow went over 30) instead of just crashing your game and giving a confusing error code or none at all.

Another is if your game is crashing when you make the condition switch/composite, make sure you've put a capital C and S, ConditionSwitch and Composite, I've made tons of these and still forget a " , " and capitalisation all the time.

Don't get discouraged because your game keeps thowing out errors/crashes that's just how it be, take a few deep breaths and have a break before looking over your code again! :3

I hope some of this was useful lol, and I wish you good luck on your project!!! 🍀🍀🍀

[kinglazrus]

How to rewrite a fic

Step one: Decide that your writing has improved drastically since you first started the fic and you need to rewrite everything if you want to continue.

Step two: Make notes of the existing storyline and characters to create a bare bones outline and keep track of where the story was originally heading.

Step three: Decide to date the fic to 2008 and start feverishly researching message boards, blogs, and other forms of social media at the time because the fic you chose to rewrite is only told through media outlets and wasn't that sooooo smart and totally not limiting to the story at all

Step four: Start learning HTML apparently because Ao3 lets you do cool shit and if your fic is supposed to have a 2008 message board then by god it's going to look like a 2008 message board.

Step five: die I guess?

[sea-angel-blu]

I haven't posted much for a while but I've actually been doing a lot so here's an update! First, I've been learning html and a little javascript so I can build a website from scratch on Neocities. It's a pretty cool place and filled with tons of passionate people all doing the same as me, trying to create their own fun corner of the web.

The site's still as a whole a work in progress but there's some fun stuff to look at. Link to my website if you want to check it out. Second, I've also been learning how to code in the game engine Godot! I want to make fun free web games with it, and I've made a lot of progress on one so far. The hang up on it is actually the art and not the code because I am drawing all the frames for these fish swimming by hand. It's a simple game where you're a small fish trying not to get injured or eaten by the bigger fish around you.

Sneak peak of how it's looking so far, the rudderfish (the white and brown striped fish to the left), has placeholder art and will have its final look with shading later on.

Also here's the swim cycle for the big fish (Goliath Grouper). It's technically done but specifically the spines on the top don't move with the body on the one frame where the fish turns its head towards the viewer, so I will attempt to fix that at some point. But other than that I like the goofy fella's lil animation.

I don't know when I will have the game done, because I have way too many projects I'm working on all the time, but it will get done eventually!

[firewasabeast]

Hi, I was going to leave this comment on AO3, but the formatting was plain and I'm too sleepy for html. I hope you don't mind me sending it over here.

I just got done reading the first three chapters of Time in a Bottle and it is remarkable. I’m absolutely in love with your exceptional descriptive skills. It’s amazing how you vividly bring to life the pitch-black sky, the rickety farmhouse, the eerie cellar, Tommy's harrowing captivity, and subsequent rescue creating a real sense of anxiety as you read these chapters. I love it and I’m here for it. 

The metaphor of the “spider on the wall” and the “drip, drip, drip” sound used to symbolize Tommy's effort to endure and distract himself from unbearable pain are absolute perfection.

I'm so glad "Now" and "Then" were chosen over italics. I must say, it was probably the only poll of yours that didn’t give me heart palpitations. Seriously, your BuckTommy polls scare me. 

Back on topic - I'm really enjoying the shifts between the present and the past. They flow beautifully without disrupting the story. At no point do I ever feel confused about what I’ve just read.

I want to highlight a scene from each chapter that really resonated with me in a gut-wrenching way. 

In chapter one, the following scene: 

Using what little strength he had, Tommy scooted toward Buck, resting his head in his lap. “Evan,” he whispered. “Evan, Evan.”

Buck fought to control his breathing. He couldn't hyperventilate right now. He ran his hand through Tommy's curly, mangled, dirty hair. Tommy sighed into the touch.

“I'm so sorry,” Buck cried, unsure of how to even touch Tommy without hurting him somehow. “I'm so sorry, Tommy. I- I didn't know. I didn't know.”

“S'okay.” Tommy tried to sooth him by patting at his thigh. It only helped Buck notice how some of his fingers had been broken, crooked and fragile where they used to be straight and strong. “S'okay,” he repeated. “D- Didn't think anyone w- would find me anyway.”

Once again, I must emphasize your exceptional descriptive skills. I could vividly picture this scene. I don’t usually get teary-eyed when reading, but this moment was so beautiful and heartbreaking that I couldn’t help it. Despite only being 121 words, it carried so much emotional weight with me. What stood out the most and what broke my heart was when Tommy said, “S'okay,” he repeated. “D- Didn't think anyone w- would find me anyway.” That line completely gutted me because it gave the sense that Tommy had already accepted being abandoned and never being found.

In chapter two, the scene I found particularly gut-wrenching was Buck’s fumbling attempts with the voicemails. While he was leaving those messages, completely unaware, Tommy was enduring unimaginable physical and emotional torment at the hands of “the man” – truly heartbreaking.

In chapter three, the ending scene with Tommy’s hallucination of Buck is both powerful and bittersweet. I found the hallucination seemed to provide Tommy with a connection to Buck, offering an escape from all the torment he had endured. So, when Tommy told Buck, “No,” Tommy stopped him, slowly shaking his head. “You saved me.” I truly understood what he meant.   

I do have to admit that I was a bit disheartened that Dr. Valdez revealed to the entire 118 and Maddie about the sexual assault that Tommy endured. I felt that disclosing such deeply personal and traumatic details without allowing Tommy to have control over who knows and when feels like he was being violated again. After Dr. Valdez gave her summary about his injuries and treatment, I felt that she should have pulled Athena (as law enforcement) and Buck (who Tommy kept asking for) aside and disclosed that information privately to them. You did a wonderful job at depicting the scene of Tommy’s rescue and the 118 got a sense of what Tommy endured without having to say it. So, I was wondering what your thought process was and if this reveal by Dr. Valdez will have consequences for her in later chapters?       

Lastly, I’ve been debating with myself on how I want to comment on the actions of the 118, particularly Eddie while Tommy was in captivity. But I’m finding it very hard to articulate about it in a diplomatic way. I know one of the tags is forgiveness. If Buck and/or Tommy do end up forgiving Eddie’s actions, I feel that things will never be the same – because one thing that I feel Eddie has lost is their trust. I look forward to what’s to come and I have absolutely no sympathy for the 118, especially Eddie.  

TLDR: I apologize if my comments are extensive. I tend to get carried away with angsty stories. Please don’t hesitate to tell me to STFU and just enjoy if it’s too much. I promise I won’t be offended.

This is… the best ask I’ve ever gotten. I’m teary-eyed right now. Comments like this mean the absolute world to me. People grabbing onto the little things that I add in a fic, not knowing if it’ll be recognized or not, makes my heart so happy.

As for the doctor, that was simply something I did so I wouldn’t have to go over that part of the story individually, over and over again. They basically all knew he’d been sexually assaulted anyway (besides Maddie, I suppose), it was just hearing it confirmed that made them all a little queasy.

Thank you so much for sending me this ❤️ you’ve made my day!

[aurelim]

Heyy aurie!! Im a writer with a head packed full of ideas and I wanna try making an if!! Previously, I have written poems and snippets but never a whole story. I've alr downloaded twine and everything but ITS SO CONFUSING?? if you have any tips i would be so grateful omd 😭

hii! I am honored you asked me to help, but really before trying to do anything you should look into trying out the different formats on Twine! You basically do that by creating a new game and go to Story, then Details, and check it out (type something into the empty passage to at least see something and what the font looks like). By looking into them and seeing the designs of each one, you can figure out what works best for you. I personally love Sugarcube because it uses CSS, HTML and JavaScript to work, and there are currently a lot of resources for it!

I feel like I would do a better job if you had any specific questions to ask about how to start designing a game, so feel free to DM me. I can also help with coding as well ^^ though my JavaScript knowledge is nonexistent.

I can throw out some resources to look into as well:

Sugarcube v2 Documentation

100% Good Twine Sugarcube Guide

Megathread of Resources

Also, I’d be interested to know just what exactly you want to write, since you have so many stories. I know I have a lot, but I began working on each one at different times, so it would probably be best to settle on your favorite one for now. Maybe read it in the future too lol.

[herearedragons]

i think i fooled myself into believing i sent an ask before whoops can i get 5, 7, 17, 25, 31, 33, 39, 40, 43, 45, 50!!!

5. If you could make only one of your OCs popular/known, who would it be?

well honestly Selene is already what I would consider a popular oc because like. more than a handful of people know who she is and have said nice things about her and people have ??? drawn her ??? unprompted ??? which is WILD shoutout to the Selene fandom once again. so if I had an option to make one (1) oc popular on a larger scale it would probably be her because I already know she'd click with people (and also she's my favorite and I'd never get sick of talking about her/seeing other people talk about her).

but also as a secondary option, Aqun and/or Adina because I feel like they have some fun nuance to them and I'd be kind of curious to see different people's takes/opinions/interpretations of them

7. Are your OCs part of any story or stories?

BDJDBSJSHSJSBSJDJDKS well?????? yes?????????

most of them are part of the story of their associated videogame, and then there's all the fic I'm writing. I do also have some non-fandom characters/settings rotating in my brain, but it's nothing concrete enough to talk about

17. Any OC OTPs?

no OCxOC ones, but a lot of OCxcanon ones tbh. if we narrow "OTP" down to One True Pairing as in "I can't envision them with anything else" then it's Selene and Edér (surprising no one) and Mae and the Devil of Caroc (which also shouldn't be surprising). if we interpret it as "favorite ship regardless of whether this PC has other ships", then I'm adding SolAqun to the list bc they've also been on the brain lately. the holy trinity of Doomed Yaoi, Undoomed Yuri and Impending Doom Het Ship

25. The OC that resembles you the most (same hobby, height, shared like/dislike for something etc?)

funnily enough probably Aqun. we look nothing alike but Aqun🤝me (multicultural, multilingual, single child, STEM, Logic and Rationality as a coping mechanism, inclined towards Making Things, burning hatred of Social Overcomplication)

31. Pick one OC of yours and explain what their tumblr blog would be like (what they reblog, layout, anything really)

Adina would 1000% be on here and her blog would be red-themed with yellow/blue/green accents, have a custom HTML theme she edited herself with artwork BY her, and it would be just all of her interests in one big pile with a barely functioning tagging system. she posts her vitaar designs a lot and her pfp is Her Actual Face with her favorite vitaar design up to date. she uses all caps/keysmashes a lot and vibes perfectly with tumblr's more absurdist kind of humor. Funny Nonsense comes to her effortlessly

33. Your shyest OC?

LORENZO. he's trying so hard to figure out how to People and having the physique of a Death Omen + an evil voice in his head is not helping. also he was a slave for the first 24-ish years of his life and old habits of Be Quiet Be Helpful Don't Speak Unless Spoken To die hard

39. Introduce any character you want

making you look at: the guy from the previous question. he's a runaway slave. he's a Ghost Bard. he was briefly possessed by the god of death and killed everyone in his master's estate with a song. he can sing ghosts into existence. he's haunted by his evil past life. he doesn't speak Aedyran (Eoran English) that well yet. HE'S SHY.

40. Any fond memories linked to your characters? Feel free to share!

@curiouslavellan I have to shout you out again because brainstorming Selene and Helaine plotlines in real time in DMs has been one of this year's highlights for sure. the people don't even know about the soul merging in POE1 and the Selene Is Dead drama in POE2. they don't even know about the werewolf au (well. one other person knows about the werewolf au)

43. Do you have any certain type when you create your OCs? Do you tend to favour some certain traits or looks? It’s time to confess

I'm going to be real, my OC creation process IS just like. *spins wheel* so what's the source of YOUR deep set feeling of alienation

45. A character you no longer use?

shoutout to this girl who is an old creepypasta OC of mine. I still care her

50. Give me the good ol’ OC talk here. Talk about anything you want

subjecting you to the mental image of Aqun and Eldritch Wolf Solas chilling together in some nice scenic place. they never got to do that but I think they should have