• Member Since 15th Jul, 2020
  • offline last seen Yesterday

ksen


High-functioning Isekai addict. Writing words is easy. Writing good words is really, really hard.

Ksen's Bulletin Board

How I read fics (and how you can do the same)

I do all of my reading on my laptop, but I am frequently in areas away from home/work wifi, so I use the "Download .HTML" button at the bottom of the fic chapter listing to download the entire story up to that point for offline enjoyment.

However, the default styling of the HTML pages is gross to look at and hard on the eyes at night, so I actually use a bit of browser trickery to reformat the page. If you use Google Chrome or Firefox, you can open the HTML dev tools to inspect and edit the contents of any HTML page you are viewing (F12 on Google Chrome, or found in menu buttons). By adding CSS entries you can change the look of different elements. For Example, in the "Elements>Styles" tab of the dev tool window:

/* effects all elements within the page */
body {
    color: #bbbbbb
    background: #333333
}
/* Effects all link elements (<a> tag for "anchor) */
a {
    color: #6688bb
}

It can be cumbersome to open the menu and manually add these settings, however, and if you are on Chrome there is an easier way (Firefox as well, I think, but I don't know the specifics)

If you open the Chrome dev tools and go to "Sources>Snippets" then "+Add New Snippet" you can create a small little chunk of code that you can run at any time on any page you want. This is Javascript code, not HTML/CSS, so you have to make a few modifications. Mine looks like so:

document.body.style.color = "#888";
document.body.style.background = "#222";

let links = document.getElementsByTagName("a");

for (let link of links) {
    link.style.color = "#68B"
}

By saving the snippet and clicking the Run button (looks like a Play button/arrow), it will automatically run and change all the styles on the specified elements. You could do a lot more than this, such as changing the font, size, even going so far as to restructure the entire document to resemble the On-Site reader if you so desired and with a lot of elbow grease.

After I'm fully caught up on a story I will use the On-Site reader, as it's no problem to be somewhere with internet for the duration of just a couple of chapters at a time, and too cumbersome to download individual new chapters and edit them to read.

Comments ( 10 )
  • Viewing 6 - 10 of 10
Comment posted by No One and Nobody deleted Jan 2nd, 2023
Comment posted by Foxhelm deleted Jan 2nd, 2023
Comment posted by the-pieman deleted Jul 5th, 2022
Comment posted by ksen deleted Jul 5th, 2022
Comment posted by the-pieman deleted Jul 5th, 2022
  • Viewing 6 - 10 of 10
Login or register to comment