#i give up on trying to edit the html of this post

[usa-hana]

My website

cutie club

[furiouszealot]

UPDATE: As of 25/04/2025, 4chan is back up and running again. This post and its addendum will be kept as is, and will no longer be updated unless it goes back down again. If you were on /ghost/, it was a pleasure shitposting with you.

All right, I know no one gives a shit, but let me give you a recounting of the fall of 4chan from the perspective of someone who was there and has been lurking both 4chan and tumblr for a few years now.

I'll try to provide as much context as I can, but a lot of images were either lost or im too lazy to look for them in the +5000 reply thread in soyjak party.

Anyways, info below:

So, necessary context: a few years back, 4chan had a board called /qa/, which if you know little about the page, you may think every board is like /b/ or /pol/, which means a containment cess pool of grifters, (you) baiters, incels, and other deranged individuals. The thing is, /qa/ was somehow worse. The entire board was plagued and infested with soyjack edits, board culture was a nuclear disaster, anons were incredibly hostile in there, you know the drill, the big bad 4chan, but this time its actually true.

One day, moderation deleted /qa/, anons that posted there got mad, tried to raid other boards, failed, and then moved on to an altchan called soyjack party, which entire purpose you can guess from its name alone.

Apparently, the boards that allow pdf uploads (paper and origami, for example) didn't check if the uploaded file was actually a pdf file, so postscript files could be used to get access. This is as far as my understanding of web backend goes, sorry.

The hacker claims to have been working on this since 2021, and that he had access since about a year ago, but was recopilating data.

Now, what actually happened when the hack ocurred? Well, a banner of miku dancing with a song that played automatically was placed on top of every board, with the text "/QA/ IS BACK", this was possible because apparently no board was ever deleted, they were just hidden from the public.

A thread was then made on soyjack party, claiming authorship over the hack, and shit went south from there. Anons went en masse to talk there, a lot of weird discussion happened, the thread got the bump limit removed and got pinned, more than 5k posts were amassed on the first night alone. Keep in mind this happened at about 8 pm and most of the stuff went on through midnight.

So, the hacker leaked some things, first of all, the html files for the entirety of /j/ and the email address for every moderation member (important note: the pressence of .gov mails was disproven by the hacker themselves, so i guess there were never any feds), what is /j/? the board exclusive for jannies and moderators to discuss actions taken on the website regarding spam, ban evaders, threads spiraling out of control, etc. Among other things, some of the inner workings of 4chan got revealed, such as the web extension for jannies that allows them to do their job easily, how reports are handled, and other stuff. (Anecdotically, some guy got permabanned for calling anons jews or n-words over a 100 times in the same few threads)

Then, the source code got leaked. Important to say, the hacker removed the part of the source code related to the captcha, as to not facilitate bot attacks on the future, and all information related to email verification or 4chan pass users information also got removed, so all in all users are safe.

What was found on the sourcecode? That it was old, mostly. Most boards used code that hasn't been updated since about 2016, and /flash/ used the exact same code from when it was created back on 2011.

From there, desuarchive, a site that archives threads that die from bump limit, opened a dragon ball general on ghost mode, and thus began what later got called /ghost/, a solely text based thread with well over 20k replies as of right now, where a fraction of the 4chan population took refuge and is currently discussing random things with no particular topic. Kinda hard to read, but its comfy.

What does this mean for other sites? Not a lot, really. A lot of anons already crossposted in 4chan and tumblr already, and the ones that din't most likely wont come here. Some of the bigger/most dedicated groups, like /vt/, migrated to other boards. Various altchans are trying/tried to catch some of the flock of users that got lost, but i doubt it will get anywhere, since soyjak party for example was struggling with just the influx of users that came for the hack thread given its poor infrastructure. Kiwifarms saw a surge of new accounts apparently, but a lot of anons kinda loathe the idea of having to register, so theres that.

Smaller communities, such as generals that didn't get a lot of traffic, or boards on the slower end (say, /ic/, /lit/, etc) will probably vanish or disseminate until (or if) 4chan comes back up. I'd say give it a month, don't get your hopes up whether you want it to stay dead or want it to come back.

Given how many anons are staying on places like /ghost/ or other similar archives with the same ghost posting feature, i doubt it will be as bad as people are making it sound. Besides, the communities that are most likely to migrate to places like tumblr are either /co/, /vg/ or /lgbt/ refugees, which aren't THAT bad. Not every board was like the main cesspools (/b/, /r9k/, /pol/).

From now on, either 4chan comes back up in a few weeks (somewhere between 2 weeks to a month is expected), altchans capture the migrating anons, or a brand new imageboard rises from the ashes to become the new go-to site for old 4chan posters.

In conclusion, nothing ever happens, but also don't worry, chances are this won't affect tumblr in the slightest. If it does, you can cash in your "you were wrong" ticket whenever you want, i'll take the L.

As a footnote, keep in mind: NO users were compromised, if you ever posted there and are worried for your safety, physical or digital, you are safe.

Edit: Forgot to add, if you are a 4chan refugee, im BEGGING you to dm me and tell what board you were from and where are you migrating, if at all.

[anstarwar]

Can you tell me how you post your art on Ao3? I keep trying and failing. Maybe it's my image hosting site?

Hey! Sure I'll attempt to explain. It's possible it's your hosting site, but hard to say. I use a site called Maltshop, or more accurately MLTSHP. It's been working great for me since I started using it but the downside is that it is a paid hosting service at $3 per year. I know not everyone can do that though, but if you're able to throw them $3 per year it could be worth it. At that tier they allow for up to 300MBs per month uploads. They have a $24 per year tier that is unlimited file size uploads. Another benefit - and this may not apply to you, but maybe someone who's reading this - is that they allow for Adult/Mature/NSFW whatever you want to call it image hosting.

Here's my process - and keep in mind this is just for adding an image. If I'm adding an image to a fic then I start a new post on Ao3, paste the fic in first, then add the image in the body of the fic where I want it also following this process:

I go to MLTSHP and upload my image. It thinks for a second then gives me two URLs. A "post url" and an "image url." I copy the "image url"

2. Then I go over to Ao3, click "new post," add all that necessary stuff it asks you to add like title, tags, summary, etc. then in the actual Work Text editor box I click "Rich Text." That's key as it defaults to "HTML" editor when you start your new post and while some people are awesome and good at HTML, I am not that "some people" and need my Rich Text editing box.

3. When you're in the Rich Text editor version of the Work Text box, click the little image icon

4. A dialogue box will pop up where you can paste that Image URL link from step 1 above. You can then add your Alt Text (called Image Description) and adjust the size of your image, then click save

5. Then I futz with the sizing for a bit, make sure all the necessary post info is included, add text if there's any to go along with your image - ya know like if you have a whole fic you're posting, then preview, then post the image and voila!

And that's my entire image posting on Ao3 process! I hope it helps, but if you need further help, feel free to DM me!

[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 :-]

[theresourcedhunt]

COLORED TEXT MADE SUPER EASY

So, I promised a friend that I would make this tutorial. It shows you how to create colored custom text without having to keep going into HTML to do it. You will only need to do HTML a single time, and then after that, just going into your drafts and copying will give you the same effect! Like / Reblog / Comment if you find this helpful.

go to this website

write some words or even use the symbols you wish to use in your replies in certain colors. ● for example, ❝ ❞

Highlight the text

click what is circled in blue then pick your color

go to SOURCE and copy the html.

go to tumblr

click a new text post

click the little gear shift

go to the text editor section and select HTML editor

paste the HTML that you had copied from the roleplay formatted.

hit preview

save this to your dafts. Open your drafts back up

copy the text and move it to whatever response you are trying to use this color. You can then put your cursor at the end of the word. Hit the triangle keys on your keyboard that go left to right.

Once the word is highlighted like this you can then edit that section to say whatever you want it to say

go about your reply like normal!

Please be mindful that not everyone uses the same dashboard colors, and some can't read colored text. I use colored text minimally

[fictionfixations]

A Date Sim?!?! by Kershy (LCF Fic Rec)

SUMMARY One evening Kim Rok Soo read 5 volumes of the novel “The birth of Hero”. This novel hit all of his critical points, immediately enchanting him. Hence, reading 5 volumes at once. He decided to take a break and read theories about the character he liked, Cale Henituse. While he was a minor villain in the prologue, Kim Rok Soo liked him for some reason. However, there was nothing online, no evidence at all of this novel’s existence. After going so far as to the 7th page of the search request, he found an obscure diary with a visual novel, inspired by books. Kim Rok Soo liked manhwa editions of his beloved novels, so the kinetic visual novel sounded interesting too. Kim Rok Soo didn’t even care about the suspicious source of the game. He just wanted to see this novel visualized (or, more like his favourite character). However, he fell asleep during the download. And when he woke up… Oh, well. Or I woke up in a date-sim as my favourite minor villain?! To hell love interests! I’m going to turn it into an investigation puzzle and uncover the mystery of my beloved character!

I JUST WANNA SAY

i find this really cool

basically its LCF except theres a SYSTEM (its actually really really cool), it is following the main story (so no school au) however there are also plenty of non-canon things

and krs is investigating a bit more on what happened to the og (i have reason to believe its different then what happened in canon)

the work skin html stuff i dont remember what you refer to it as but i mean im hoping you understand, its REALLY cool and theres a LOT of unique types so its not just a repeat of one window doing everything

also everyone BUT krs!cale has a dialogue window so like every time they talk a dialogue window will appear for them

some of them are shared, im sure its probably because of so and so reason of why theyre being grouped but listen i have a brain doesnt mean i use it

anyway so its like a date sim kind of thing except its also partly choose your own adventure as you can make your own choices of what you want cale to do (so you can 100% do one where you dont romance any character, though its recommended to read through all options as it'll show different sides of cale)

LOOK cool date window

LOOK AT THESE DIALOGUE BOXES LIKE HELLO??? THERES SO MANY

other stuff theres like so many different types im baffled 😭

its just

really really cool and as a person whose used workskins before i cannot imagine the formatting hell it is to be working with so many different types 💀 cause what i do is copy and paste cause its just the same thing but i just change some of the stuff and thats it but oh man using so many different types 😭😭😭

anyway i feel it brings something unique to the table and i find it really really cool

right now theres 69k words lmfao last updated 11th of march (as of this post)

maybe give it a try? perfectly understand if its not your cup of tea 👍👍👍

[fangirltothefullest]

How old does your blog have to be to see the desktop blog view thing?

You can just make it happen whenever you want!

In your browser, set it to desktop mode (available in the dropdown dots menu) and then just type in a user's name first, then tumblr.com

Example:

Fangirltothefullest.tumblr.com

If they have set up a desktop version it'll show

Users older than when mobile became a thing will have desktop versions as they are more customizable. You could even add music if you had the html code for a player.

If you wsnt one yourself, you have to enable custom themes.

Log into tumblr on your browser either on desktop or on mobile. I suggest logging in through desktop mode on your phone's web browser and opening the log in in a new tab so it stops trying to pop up the app.

Once logged in you can disable desktop mode in your browsers drop down to see things easier.

It'll probably up like this otherwise and be a formating nightmare.

Now.... once it's OFF desktop mode,

Go to the blog you want and hit blog settings in the drop down.

Enable the custom theme and hit the edit theme button. You'll be taken to a place that looks likethis:

You can zoom in to hit the browse themes button:

It'll bring you here:

And you can choose what style you want! Hit save and you'll notice it gives you options to play around- choose a background, colour scheme. Fonts etc. Play with the html!

On a regular desktop this is easier to see so I suggest doing this on a laptop or pc.

Also fun fact you can hide secret messages in the html coding and if someone pops open the page source they'll see the surprise message in the code. XD just a fun thing if anyone wants to... say... make their own arg or send out secrets etc.

You CAN create whole pages with this feature too but they are unreliable and after this long it might be broken? So... yeah.

NOW REMEMBER: TO ACCESS THE DESKTOP PAGES YOU HAVE TO CHANGE THE LINK!

Forfeature. As a said above, my desktop link is fangirltothefullest.tumblr.com

I believe the mobile version has it as tumblr.com/fangirltothefullest.

Only people who have made a desktop version will have their blog show up if you'd like to test this festure.

Also this is how you access everyone's blog archive! Because blog archives exist!

Mine would be:

Fangirltothefullest.tumblr.com/archive and you can't open it in mobile or it'll just pop up the mobile version which doesn't exist.

You wsnt this page which let's you find the earliest things a blog has posted. So I created this blog in june 2012 lol.

It works for tags too to show you ONLY the contents of that specific tag

Fangirltothefullest.tumblr.com/tagged/tashiarts/

And if you want a tag in order you add /chrono to the end to get it chronologically sorted from the earliest posts in the tag.

Fangirltothefullest.tumblr.com/tagged/tashiarts/chrono

I hope this helps!

NOW EVERYOE GO HAVE FUN MAKING COOL DESKTOP VERSIONS OF YOUR BLOGS!

[heavenurl]

hey ! may i ask , how do u make ur text colours like fading ? ty

hello ! i'll try my best to explain how to do it.

first, i go to this website ! (click on this to open the website)

second, i input the text i want to be coloured with a gradient.

next, i change the colour effect from horizontal gradient to three-coloured gradient. this gives you room to select three colour hex codes you want your text to be coloured with.

this step is completely optional ! you can make your text bold or italic and you can change the font and the size of the text. i personally do not change anything for my text.

you're almost done ! you will get to see the preview of your text show up on the screen so you can see how it looks after getting the gradient. make sure to copy the entire html code. for reference, it is the second code type on the website. i have provided the screenshot below.

next, open tumblr and select the post you would like to edit. click on the 'gear' option and change the the text editor from rich text to html. this step is very crucial or else your post won't have the coloured text! i have provided screenshots below for where these options are located on the website. i am not aware on how to do it on the app so i use the website instead.

last step ! you paste the html code from your clipboard onto the html code you see on the screen. to make it easier to distinguish where to put it, i usually put a full stop so i know where i'm putting the text so that it does not appear between images. after clicking 'done', you may see the post has the images being stacked one on top another instead of next to each other. it is easy to fix this problem by rearranging the pictures to how it was before.

and voila ! now you have a post with the faded text. i hope this helped !

[itshobogizmo]

When posting to A03, at the top of the chapter text tab, click on "rich text" (instead of HTML which it defaults you on) and itll keep the boded and intalics, only thing you need to do is recross stuff out, which is still annoying but itll defenetly reduce the workload a bit

(Saw you complaining in recent post, figured id try to help lol, good job on progress of fic btw! Look forward to seeing how it turns out, ive seen how much youve been trying on it ❤️)

Soop I wish that were true. I hate the HTML with a passion and never use it, always putting it on rich text.

It takes away my italics. It eats them. It gobbles them up and spits out regular old letters that I gotta redo 😭😭😭.

Maybe it’s because I do it from my phone? It’s only ao3 that has this issue though. I cry everytime lol. I appreciate you trying to give advice though.

I’m doomed to edit my own work for an hour or more on my longer chapters.

[bedlamsbard]

For anyone that missed it earlier, Of Home Near chapter 21 went up today! It usually takes me between 3-5 hours to do final line edits, prep, and posting, today it took...more than that. I think 20 was also one where the prep took far longer than usual, which shouldn't be that unusual given how both this fic and this year have gone. What that usually entails is that I'll go through the whole chapter at least once, fixing phrasing, checking for typos, and often adding in somewhere between 100-500 words along the way. Depending how much I added I might go through the whole chapter again, then I add in the HTML (which I do with find and replace in Word; I don't do it manually anymore, though I did up until...Backbone, maybe). While I'm doing all of this I'm usually frantically going through my fic/character playlists trying to find a chapter title; I won't start uploading to AO3 until I have that. Then I start uploading to AO3, preview, fix the HTML for the section breaks because I always get it wrong, post, and then have to pull up my previous fic Tumblr posts so I can do the announcement here. And since Tumblr screwed up its link posts a while back this ends up being kind of an Ordeal since I have to do that formatting semi-manually. (I copy and paste the HTML from before they messed up link posts; I'll do something different for the next new fic, but I didn't want to change mid-stream for Home.) Then I figure out what section I want to pull out for the chapter preview (usually in the 200-300 word range), finish formatting that post, post, do a quick Bluesky announcement (MUCH less formal), emotionally resign myself to people not reading it, and try to walk away from the computer for a while. This time I had to keep giving myself ten minute breaks instead of powering through, partially because I screwed up my hip/ankle/knee somehow and was trying not to be stuck in one poor position. (BTW, on days I only seem to be posting purely fannish posts and only intermittently, it's because I'm prepping to post and trying to only reblog thematic gifsets/edits, I don't know that anyone's ever picked up on this.)

I actually did a daily progress report yesterday, I just...forgot...to hit...post. Which I realized when I turned on the computer this morning.

[dr9com9ge-ix]

Hello! :D

So I got a couple questions

First: How do you get text to be a different color? (besides the colors provided by tumblr) I think it looks super cool :3

Second: Are you okay with people drawing their ocs to fit the Sunshine Suburbia au? Not to force you to insert them or anything, but just for funsies? If not that's okay /gen

I also want to say that I love your art, I wish I could transfer it into physical food and eat it /vpos

Anyways that's all, have a nice day :D

Howdy!

1: (ALOT OF JARGON WARNING!)

So I mainly edit my Sunshine Suburbia posts using Tumblr on the computer (Aka On my browser, This stuff is impossible on mobile as far as I know…) which allows you to swap from rich text editor (The default, and only option on the mobile app) to HTML (Alot more flexible on what you can do- BUT a headache to look at because it’ll be a GIANT wall of format along with your post’s text)

So once you’ve managed to get the HTML editor up you’ll need a hex code which represents the color you want your text to be- (ex: the code I use for Jevin is #0a01fe). The easiest way to get these is using your art program of choice (In my case, Procreate fw!) and color picking said color and checking the Hexidecimal section on where you pick colors!

You could manually input the HTML coding for colors but I really don’t like looking at HTML code for very long (Augh headache) so I use this text editor https://spacegen.carrd.co/ by another user called luna ! I copy paste the generated code to the Tumblr HTML editor (Usually replacing the text I had put in there, You can also italicize, bolden, etc using the spacegen editor ) and go to preview at the top of the editor and wow volia! More specifically colored text!!

Notes:

- Line breaks / Read mores break when you swap over from Rich Text to HTML but colored text does not break when you switch from HTML to Rich Text.

- Please be aware of what background your text will be seen on��� It’s kind of why Wenda’s text isn’t colored on the Sunshine suburbia blog… Can’t guarantee people can read it as not everyone uses a dark bg- Same goes for Black / Tenebrae and some characters having texts slightly off from their actual colors. (Too light on white bgs, Too dark on black bgs…)

2: I’m absolutely fine with people drawing and writing their ocs to fit the Sunshine Suburbia au! Excited even! It’s even how I’d likely handle people interacting with the askblog (NOT THIS BLOG, DO NOT RP WITH THIS BLOG, THIS IS MY PERSONAL ART BLOG!!!! MY THERAPIST WILL HEAR ABOUT YOU IF YOU DO THAT!) as I sort of want to avoid crossovers mostly to keep the setting from getting messy! (I’ll likely detail this in the Visitor guide post on the Sunshine suburbia blog itself)

I’m just not cool with like— Trying to squirm in relationships (Mostly romantic and familial… But knowing someone before/ being friends with them is fine- It doesn’t have as many implications as the latter…) on the characters as they have their own things going on unless they’ve extensively discussed it with me WHICH I highly doubt would happen and alot of the times it doesn’t fit with the AU… But art and writing to fit them into the AU without those previous elements is COOL AND I’D LOVE TO SEE EM- PLEASE TAG ME IF YOU DO THAT!

I’d also try to provide more info about the world in there as the blog goes on to help with that- (Don’t be scared to prod for world building questions in this case… Most are not spoilery but most of the asks on this personal blog are bound to be a bit looser than what I’d give on the actual blog itself)

And also thank you! I’ve been told by a friend my art tastes like tv static (in a cool way!) Thanks for the ask! ^^

[astercontrol]

Hey! Question for anyone out there who

is working on archiving stuff in case it gets lost, and

is more familiar with coding than I am.

---

I've been backing up my Tumblr regularly for years now. I'm trying very hard to get into the habit of saving everything I create that's of value to me and NOT relying on a website I can't control to keep it saved…

And the problem with Tumblr's innate "download-a-backup" function is that once you've downloaded it, it seems you can't fully access it unless your Tumblr blog still exists and you have an internet connection capable of viewing it.

Which, like, defeats the whole purpose of a backup?

???

And there is no reason that HAS to be the case! The backup does download the text of all your posts, and a copy of every image you've ever posted! You CAN look at all these things individually, on your computer, in the backup folder you downloaded, without accessing the internet at all.

But for some incomprehensible reason, the backup doesn't create real links between them!

At least, not the images.

It does give you a whole lot of individual html documents containing the text of your posts. And it does give you a big "index" html document with links to all of those.

---

---

And as far as I can tell, all of THAT works fine, whether you access it on your own private computer, or upload it all to your own self-hosted html website, or whatever.

But the images embedded in those posts are NOT the copies that you have in the big, huge, giant image folder that you went to all that trouble to download with your backup!

They're the copies that Tumblr still has stored on THEIR website somewhere.

And the images will not show up in your downloaded posts, unless 1. Tumblr still has that content from your Tumblr blog up on their site, and 2. you are connected to the internet to see it.

So… the whole Tumblr download thing feels kinda useless. Unless we can fix that.

---

There are apparently other methods of downloading one's Tumblr blog. But from what I've read, the reliable methods that actually produce a usable archive with embedded images?... are methods that require using the command terminal on your computer.

I am not enough of a programmer to feel comfortable with that.

Maybe, if someone could give me good enough instructions that I could trust not to mess up other stuff on my computer in the process, I might try it.

But right now, I'm just focused on trying to fix the archive I already downloaded.

---

The closest I get to being a programmer is editing html documents in a code editor. (I have BBEdit for Mac, the full paid version.)

And I've made some progress in learning GREP (regex) commands in there. Because that's basically an extra-specialized version of doing search-and-replace in a document, and the logic of it makes a lot of intuitive sense to me.

Anyway. To illustrate what I'm saying. Here is the link to a post of mine on Tumblr with 2 embedded images.

It is a slightly hornyish post, and LGBTQ-focused, and contains an image from a movie copyrighted by a very litigious corporation.

And I'm not saying any of that, in itself, is enough to fear for its continued existence on Tumblr.

BUT, I'm not saying I 100% trust Tumblr with it, either.

So.... because of that, and the fact that it contains two embedded images with different extensions.... it's a good example to run my tests on.

Here is a screenshot of what it looks like on Tumblr:

---

---

Here is what the post looks like in the folders generated by the backup:

---

---

The "style.css" document in the folder is what it uses for some of the formatting. Which is pretty, but not necessary.

Html documents stored on your computer can be opened in a web browser, same as websites. Here is what that html document looks like if I open it in Firefox-- while it's that same folder-- with my internet connection turned on.

---

---

Here is what it looks like if I open it after moving it to a different folder-- internet connection still on, but no longer able to access that stylesheet document, because it's not in the same folder.

---

---

Either one of those looks would be fine with me. (And the stylesheet doesn't NEED the connection to Tumblr or the internet at all, so it is a valid part of a working backup.)

But here's where the problem starts.

These are the two images that this post uses. They're in another folder within the backup folder I downloaded:

---

---

But the downloaded html document of the post doesn't use them in the same way it uses the stylesheet.

It doesn't use them AT ALL.

Instead it uses whole different copies of them, from Tumblr's goddamn WEBSITE.

This is what the downloaded post looks like when I do NOT have an internet connection.

(First: from the same folder as the css stylesheet. Second: from a different folder without access to the stylesheet.)

---

---

Without internet, it won't show the pictures.

There is NO REASON this has to happen.

And I should be able to fix it!

---

This is what the code of that damn HTML page looks like, when I open it in my code editor.

---

---

First, it contains a lot of stuff I don't need at all.

I want to get rid of all the "scrset" stuff, which is just to provide different options for optimizing the displayed size of the images, which is not particularly important to me.

Which I do using the Grep command (.*?) to stand in for all that.

---

---

This, again, is basically just a search and replace. I'm telling the code editing program to find all instances of anything starting with srcset= and ending with a slash and close-caret, and replace each one with just the slash and close-caret.

This removes all the "srcset" nonsense from every image-embed.

Which makes my document easier for me to navigate, as I face the problem that the image-embeds still link to goddamn Tumblr.

---

---

My goal here is to replace those Tumblr links:

img src="https://64.media.tumblr.com/887612a62e9cdc3869edfda8a8758b52/0eeed3a3d2907da3-7c/s640x960/8fe9aea80245956a302ea22e94dfbe2c3506c333.jpg"

and

img src="https://64.media.tumblr.com/67cdeb74e9481b772cfeb53176be9ad8/0eeed3a3d2907da3-c6/s640x960/785c70ca999dc44e4d539f1ad354040fd8ef8911.png"

with links to the actual images I downloaded.

Now, if I were uploading all this backup to my own personally-hosted site, I would want to upload the images into a folder there, and make the links use images from that folder on my website.

But for now, I'm going to try and just make them go to the folder I have on my computer right now.

So, for this document, I'll just manually replace each of those with img src="(the filename of the image)."

---

---

Tumblr did at least do something to make this somewhat convenient:

it gave the images each the same filename as the post itself

except with the image extension instead of .html

(one of the images is a .jpg and the other is a .png)

and with numbers after the name (_0 and _1) to denote what order they're in.

This at least made the images easy to find.

And as long as I keep the images and the html post in the same folder--

and keep that folder within the same folder as a copy of the stylesheet--

---

---

--then all the formatting works, without any need for a connection to Tumblr's website.

---

---

Now.

If only I knew how to do that with ALL the posts in my archive, and ALL their embedded images.

And this is where my search-and-replace expertise has run out.

I know how to search and replace in multiple html documents at once. But I don't know how to do it for this specific task.

What I need, now, is a set of search-and-replace commands that can:

change every image-embed link in each one of those hundreds of html posts-- all that "https://64.media.tumblr.com/(two lines of random characters).(extension)" bullshit--

replacing the (two lines of random characters) with just the same text as the filename of whichever html document it's in.

then, add a number on the end of every filename in every image-embed-- so that within each html document, the first embed has a filename that ends in _0 before the image extension, and the second ends in _1, and so on.

I am fairly sure there ARE automated ways to do this. If not within the search-and-replace commands themselves, then some other option in the code editor.

Anyone have any insights here?

[kitkatt0430]

Instead of doing a Six Sentence Sunday today, I think I'll do a short tutorial on copying over fanfic from FFnet to Ao3.

So you've got some old fics on FFnet and you'd like to back them up to Ao3, given the instability of FFnet. And for whatever reason you don't have the original files for the fics, or maybe you have edits to the FFnet versions that you don't want to lose that the OG files don't have. Whatever the reason, you're looking to directly copy over your fic from FFnet to Ao3. And you're looking for a relatively easy way to do so, but Ao3's import functionality doesn't work with FFnet web pages.

Never fear! It's actually a fairly easy process to get your fic copied over from FFnet.

First, head over to FFnet and open up the fic you want to port over to Ao3. You don't need to log in if you don't want to, just so long as the fic in question is yours and you can access the page, then you're good.

In a separate tab, open Ao3 and login, then choose the option for posting a new work.

Now back on the FFnet tab, you should be able to directly copy over the title, summary, fandom, and what little tagging was available on that site onto the relevant Ao3 fields in the tab you have for a new fic. You'll also want to take note of the published date on FFnet and back date the new work in the Ao3 tab.

FFnet may not have a lot of useful tag data, but it's pretty easy to replicate and build off that in Ao3.

Now for the hard part. Which is still pretty easy. Getting the fic body, plus any notes in the fic itself, copied over to FFnet.

While getting around FFnet's lockdown on the text of the fics they host is fairly simple - I'm pretty sure it's entirely css based - you don't really need to do that in order to get the body of your fic copied. And, honestly, even if you do have a work around in place to allow copying of the fic's text... you will probably find the following method a lot easier still.

In the body of the fic, right click the first line of the fic, which should bring up a menu with a bunch of options. On Firefox or Chrome you want the inspect option.

This'll bring up the dev tools with the html inspection tab open and, if you give it a few seconds to load, the specific line you right clicked to inspect should become the visibly selected section of the html.

The selected section of the html should be a paragraph (or <p>) element. You're going to want to right click the div (<div>) element that encapsulates that paragraph and the rest of the paragraphs in the fic body. This'll bring up another browser menu with the option to copy, which will bring up a flyout menu when you select it. From that flyout menu, you want the select the option for Inner HTML.

You have officially copied the html for the fic body. And you can dump that entirely in html format straight into Ao3's html work text editor. Then switch it to rich text for easier editing if you want to fix any spelling, grammar, formatting, or aesthetic issues. I typically try to fix at least the line breaks since it took a long while before FFnet adopted real line breaks and so there are a lot of fics where I have various combinations of dashes, em-dashes, equals signs, and other characters as line breaks. I figure, if I'm bringing the fic to Ao3 then I can try to make it more screen reader friendly in the process.

You can also move fic notes around in order to move pre/post fic notes out of the fic body or basically whatever you want to the fic. Maybe re-read it to determine any additional tagging you want to add now that your fic has access to Ao3's much more robust tagging system.

But that's it. You can hit post and have your fic with all it's original notes, and a back dated post date to reflect when it was actually written, all available on Ao3 now.

It's a pretty quick process, all told, and the only real bottleneck you might encounter is any time spent in re-editing the fic between migrating and posting. Even chaptered fics are fairly easy to migrate with this process, since the bulk of the work in publishing a new chapter is just copying the inner html and then moving any notes to the appropriate location before hitting post.

Anyway, for my fellow fic writers looking to move your old FFnet fics to a more stable archive, I hope this process helps a lot.

[ashfae]

A03 meme

A03 meme time, except I've been writing and posting fanfic to the internet since before A03. And before fanfiction.net. And before Geocities. And before the World Wide Web. There's fic of mine with ASCII doodle illustrations somewhere out there where the wild BBSes once roamed…I was tagged by @moveslikebucky; thanks Buckie, here goes. <3

how many works do you have on Ao3? 54. (and yes if we added in all the fanfic outside of A03 it'd be a larger number but I can't be bothered to consolidate it all)

what’s your total Ao3 word count? 341,744, which is better than I was expecting, yay.

what fandoms do you write for? At the moment it's just Good Omens, but there's been a lot of Dragon Age, some Lord of the Rings, and way back in the day there was Harry Potter and a lot of anime. I am toying with dipping my toe back in LotR, there's a thing I wrote ages ago that's entirely finished and just needs editing and I've been meaning to get it out there for ages. It's long though, so that'd be a commitment.

what are your top five fics by kudos? What Custom Strictly Divided (507) Like an Echo Far Away (415) (this one wasn't in the top five last week when I first started writing this post! So I think @mielpetite gets all the credit for boosting it with amazing fanart) What Comes From Your Hand (402) Give Me Your Illusions (346) Nightswimming (307)

do you respond to comments? Yep! Sometimes just with "Thanks!" or hearts but I try to. Though they get away from me sometimes and then I do a bunch all at once.

What is the fic you wrote with the angstiest ending? Definitely Warmaiden, which is my "What if Éowyn got the One Ring?" fic, from an idea that occurred to me one day and wouldn't leave. Clearly that doesn't end well for her, or anyone. From GO fandom it's probably Silent Night, which I still want to expand into a larger fic to be a set with Give Me Your Illusions. Someday, someday.

What’s the fic you wrote with the happiest ending? Most of them! But for the happiest I'd say Swan Lake Revised, cowritten with @mostlyjustgoose. And if we ever get part three up it'll be even more happy. And smutty. Very smutty.

Do you get hate on fics? Very rarely. I've been lucky there.

Do you write smut? If so, what kind? Oh here's the irony. I used to do a lot a lot a LOT of online roleplaying and mygod I wrote smut. So much. So. Much. I don't do as much rp these days but even so the threads I have going are still frequently pure filth. But in fic, much less so, even though I want to. Why it all gets channeled into rp and not as much into my fanfic I do not know. Honestly I want to write a lot more of it. Smut forever!!

Do you write crossovers? What’s the craziest one you’ve written? Sometimes, when I have a good idea. But the craziest one I ever wrote, ages ago, was a pure crackfic for my 21st birthday, where I imagined a bizarre party for myself in which LOADS of fictional characters (mostly from anime) showed up so I could make them interact in wacky ways. It was utterly ridiculous but amused me. Making all the characters voiced by Megumi "She's Everywhere!!" Hayashabara meet up and wonder why they all sound alike, for example. Also I wish I'd written an Artemis Fowl breaks into Gringotts to rob it fic before I became so disillusioned with both Artemis Fowl and Harry Potter. Heigh ho.

Have you ever had a fic stolen? Yep. It was impressive how lazy the person was about it too, they stole all the html as well. Someone brought it to my attention pretty quickly.

Have you ever had a fic translated? Twice, yes. Into Portuguese, as I remember.

Have you ever co-written a fic before? Hi @mostlyjustgoose, I adore you, please co-write things with me forever. <3 Our baby is Unusual Strings, a reverse omens AU love story, and it's SO. CLOSE. to being done. So close. Aughhhh. I love our angel!Crowley and demon!Aziraphale so, so much.

What’s your all time favorite ship? Aziraphale and Crowley, Faramir and Éowyn, Hiccup and Astrid. Don't make me choose between those three, my head will explode.

What’s a WIP you want to finish but doubt you ever will? Shut up shut up I will finish all of them ALL OF THEM I SAY…sigh. Beauty and the Battousai. Though I should probably mention A Demon in the Dreaming and The Queen Bee. (they're plotted and outlined and parts are written aaahhh come on ADHD meds help me out here)

What are your writing strengths? Dialogue, definitely. I'm good at putting humour into things. Got compared to Patricia Wrede once and honestly, life goal achieved there. I can do memorable phrases and descriptions and edit well.

What are your writing weaknesses? What is plot. Why does it hate me. Why are my original characters one-dimensional cardboard. What is worldbuilding and how do I do it without getting stalled into paralysis. Baaaah. This is why my original novel will never be finished and I keep running back to fanfic instead.

Thoughts on writing dialogue in another language in fic? Hoo boy contentious subject! I love reading it so long as it's translated somewhere in the footnotes, I'd be happy to write it if I knew other languages, the question of whether it should be italicized or not has apparently Officially been settled by The Publishing Industry on the side of Not.

First fandom you wrote for? Oh gosh I think it was the Dragonlance books by Margaret Weis and Tracy Hickman. The first that ever got shown to other people was Ranma 1/2 though.

Favorite fic you’ve written? It's still What Custom Strictly Divided. Though Unusual Strings comes very close.

Gaaah I'm always worried I'll tag people who don't want to be tagged so, erk, um...if they're willing, @racketghost, @indieninja92, and @holycatsandrabbits! And you, if you're reading and want to do this, please say I tagged you. I meant to really, honest. ;)

[frownyalfred]

So I've been reading through bloodletting and I'm very curious about how the Creator's Style works

You use it to give the translation hover option whenever characters speak in Mando'a and I'll be honest, I had no clue that was even an option or how to even go about doing that for my own fics

Sorry if this is a stupid question, but do you have a resource for how to use Creator's Style like that?

Hi anon! I'm copy and pasting a post I did with instructions and comments on how I use this function (below the cut). I hope it helps!

I had an awesome commenter (the lovely @notquiteaghost) suggest a CSS script, since the initial hover text translations I used didn't work on mobile.

Here's the link to the instructions: https://archiveofourown.org/works/30290274

Fair warning, it took me a little bit to get the hang of it. If you're like me and need a little hand-holding, here's how I implement the script:

Copy the code from the CSS section into a new work skin (or the one you're currently using)

Save that skin and make sure to enable it in the work you're going to implement hover text on

Open up your chapter or fic and switch to "HTML" instead of "Rich Text"

When you find the word or phrase you want to have hover text, paste this:

Next, replace the Text to hover over section with whatever your original word or phrase was -- this is the only place that word should appear, and it should still have whatever punctuation you need in it

Replace the text for the tooltip section with whatever your translation or hover text is

Finally, triple check that there's a space between the final section and the rest of your sentence or paragraph. If there isn't a space, sometimes the script pushes the translation onto the next word or shoves them together and italicizes them

Here's what this looks like in my HTML view:

Here's what that looks like in my rich text view:

and here's what the final product looks like:

You should be able to hover over those underlined sections on mobile or desktop and see the translation you inputted. If you don't see it, there might be an issue with how you set up the individual tooltip, or the workskin itself.

My other tips for using this:

Keep a copy of the basic HTML tooltip script to copy and paste into your work as you edit it

Test your hover text in draft view on ao3. You should be able to see it.

Using italics can make the HTML part a little bit harder but it's not impossible

Keep an eye out for your punctuation! Sometimes the formatting can throw your commas and periods around without warning

Try to keep any translations or comments to one sentence max, otherwise the hover text bubble can be cut off in mobile view or stretch the view strangely

If you're translating many words (like I am in my current fic) it's easier to copy and paste a HTML tooltip that's complete but shorter so it doesn't throw off every single line (like copying a one-word translation instead of the original tooltip template)

Hope this helps! I really love using this for my fics and I'm so grateful to @notquiteaghost and everyone else in my comments who offered solutions for my hover text issues.

Here's my current fic with the hover text if anyone wants to see how I'm using it throughout the chapters.

[babbybones]

Oekaki updatez...

Monster Kidz Oekaki is still up and i'd like to keep it that way, but i need to give it some more attention and keep people updated on what's going on/what my plans are for it. so let me jot some thoughts down...

data scraping for machine learning: this has been a concern for a lot of artists as of late, so I've added a robots.txt file and an ai.txt file (as per the opt-out standard proposed by Spawning.ai) to the site in an effort to keep out as many web crawlers for AI as possible. the site will still be indexed by search engines and the Internet Archive. as an additional measure, later tonight I'll try adding "noai", "noimageai", and "noml" HTML meta tags to the site (this would probably be quick and easy to do but i'm soooo sleepy 🛌)

enabling uploads: right now, most users can only post art by drawing in one of the oekaki applets in the browser. i've already given this some thought for a while now, but it seems like artist-oriented spaces online have been dwindling lately, so i'd like to give upload privileges to anyone who's already made a drawing on the oekaki and make a google form for those who haven't (just to confirm who you are/that you won't use the feature maliciously). i would probably set some ground rules like "don't spam uploads"

rules: i'd like to make the rules a little less anal. like, ok, it's no skin off my ass if some kid draws freddy fazbear even though i hope scott cawthon's whole empire explodes. i should also add rules pertaining to uploads, which means i'm probably going to have to address AI generated content. on one hand i hate how, say, deviantart's front page is loaded with bland, tacky, "trending on artstation"-ass AI generated shit (among other issues i have with the medium) but on the other hand i have no interest in trying to interrogate someone about whether they're a Real Artist or scream at someone with the rage of 1,000 scorned concept artists for referencing an AI generated image someone else posted, or something. so i'm not sure how to tackle this tastefully

"Branding": i'm wondering if i should present this as less of a UTDR Oekaki and more of a General Purpose Oekaki with a monster theming. functionally, there wouldn't be much of a difference, but maybe the oekaki could have its own mascot

fun stuff: is having a poll sort of "obsolete" now because of tumblr polls, or should I keep it...? i'd also like to come up with ideas for Things To Do like weekly/monthly art prompts, or maybe games/events like a splatfest/artfight type thing. if you have any ideas of your own, let me know

boring stuff: i need to figure out how to set up automated backups, so i guess i'll do that sometime soon... i should also update the oekaki software sometime (this is scary because i've made a lot of custom edits to everything)

Money: well this costs money to host so I might put a ko-fi link for donations somewhere... at some point... maybe.......