Okay full disclosure, it's been a while since I've installed Rarebit and figured out all these quirks myself, so I'm mostly going by comparing your code and mine. I also use the chaptered approach, so hopefully that helps.
I am not entirely sure about the flashing, here's hoping it maybe gets fixed if we manage to fix everything else
So first of all, I seem to have thrown out this part entirely
<div class="chrono">
<h2>Chronological Order</h2>
</div>
<div class="lastfirst">
<h2>"Latest First" Order</h2>
</div>
Because really if you only need the chapters, then you don't need these two things.
Then, in another file, comic_archive.js
I think you also need to throw out this part
writeArchive(
"chrono", //class of the div that you want this section of the archive to appear in. to have it be on your html page, make an empty div with this class.
1, //earliest page to list
maxpg, //latest page to list. setting to maxpg will make it automatically update with the latest page
-1, //if set to 0, list is displayed "latest first". if set to -1, list is displayed chronologically
false, //if set to true, each comic will have its own thumbnail image next to it. if a comic doesn't have its own thumbnail, it'll be set to the default thumbnail.
true //if set to true, each comic will have a display number
);
writeArchive("lastfirst", 1, maxpg, 0, true,true);
For the same reason, so that only the chapter parts are left. I honestly hope that that fixes the flashing...
And then lower where you have
writeArchive("chapter1",1,3,-1,false,true)
Because you have it "false, true" and the rest of them "false,false" is the reason why chapter one is numbered and the rest of them aren't, which makes them look additionally chaotic. And idk if that really matters but this line is also missing a ";" at the end.
I will be honest, I believe I remember having some struggle with this part too, and I think what worked (for some reason) is just. Copypasting this ENTIRE thing every time I need to create a new chapter, with line breaks and comments and everything:
writeArchive(
"chapter2", //class of the div that you want this section of the archive to appear in. to have it be on your html page, make an empty div with this class.
42, //earliest page to list
66, //latest page to list. setting to maxpg will make it automatically update with the latest page
-1, //if set to 0, list is displayed "latest first". if set to -1, list is displayed chronologically
true, //if set to true, each comic will have its own thumbnail image next to it. if a comic doesn't have its own thumbnail, it'll be set to the default thumbnail.
true //if set to true, each comic will have a display number
);
(^ it's mine, change the numbers and true/falses back to yours)
Because for some reason every time I tried to write a small neat "writeArchive("chapter2", 4, 9, -1, false,false);" (<-- like yours) something broke.
So if nothing else helps, try that?
----
And if you want to get rid of the AUTHOR'S NOTES you gotta open the html file of your comics main page (/writing/xmen/index.html in your case) and tweak this section:
<div id="authorNotes">
<h2>Author Notes</h2>
<!-- write the author notes for the current page-->
<div class="writeAuthorNotes"></div>
</div>
Either delete the words or the entire section if you don't want the notes as a function entirely.
I don't know how well I am explaining, but hopefully any of this helps?.. Feel free to ask for any clarifications in case mine are also hard to understand.
Posts & Arts: 63/1k.beats
There are community newsletters here! 
Author
