The Glowfic Constellation

[Marri]

I blatantly cribbed the icon/list code from the characters page. Right now the gallery list view is kind of boring since they don't have as much meta info as characters, it just has names and icon count (and if it's your page, add icon / edit / delete buttons), but oh well.

You can also now view galleryless icons as though they were in a gallery (hackity hack hack hack) and galleries have super basic breadcrumbs.

omg though the icon galleries on the constellation are such an unbelievably positive addition to my icon-herding process

<3333333

[Throne3d]

So, CuriousDiscoverer asked me for a way to make the constellation more text-to-speech friendly. I made a little script that should do it (at least on the current version), though it could/will probably be broken in future updates.

Create a bookmark with the following as its "address" or "URL" (make sure it doesn't delete the "javascript:" from the start):

Code: Select all

javascript:void($.getScript("https://pastebin.com/raw.php?i=DUwF848F"));

Then load up the applicable post and open that bookmark. It should look as follows:
http://puu.sh/o8eIZ/7d3f6965b9.png

You might get a warning about "unsafe scripts", in which case it's probably because it's trying to load a short script from another domain. You can tell it to ignore that warning, which is potentially worrying so you might not want to do that. You could, alternatively, try to create a bookmark with the whole script on one line, but I have no promises that this will work (it might be "too long for a URL"):

Code: Select all

javascript:$("#header").remove(); var breadcrumbs = $(".flash.subber"); var bits = breadcrumbs.text().split("»"); if (bits.length < 2) { breadcrumbs.html(""); } else { breadcrumbs.html("\"" + bits[bits.length-1].trim() + "\" in \"" + bits[bits.length-2].trim() + "\""); }; $(".post-header, #post-menu-holder, .post-navheader, .post-expander, .post-edit-box, #post-editor, .post-footer").remove(); var paginator_top = $(".paginator").first(); var currentPage = $(".pagination .current", paginator_top).text().trim(); var totalPages = $(".pagination a", paginator_top).last().attr("href").split("?page="); if (totalPages.length > 1) { totalPages = totalPages[1]; } else { totalPages = "?"; } paginator_top.html("Page " + currentPage + (totalPages != "?" ? " of " + totalPages : "")); $(".paginator").each(function(){ if (!$(this).is(paginator_top)) this.remove(); }); $(".centered.margin-10").last().remove(); $(".post-container").each(function(){ var character = $(".post-info-box .post-character", this); if (character.length < 1) { character = $(".post-info-box .post-author", this); } var char_text = character.text().trim(); $(".post-info-box", this).html("Post by \"" + char_text + "\": "); });

Or, if you know how to open the Javascript console (Ctrl+Shift+I), you could paste the code in there without the "javascript:" prefix, and it should work the same way.


I've done a few other things for myself or a couple of other people, but I've neglected to mention on the public forums. They involve "Stylish" themes to re-style the site in specific ways. To use them, install "Stylish" for your applicable browser (Chrome, Firefox, there are probably others if you Google for them), then go to the applicable "userstyles.org" page (as linked below) and click "Install".

– Structure Changes, which I believe mainly adds a border around a few tables, slightly restyle the links, and changes the font sizes (and faces?) used on the site.
Screenshots: Post, boards

– Dark Mode, which is mostly but not wholly complete, so it'll probably receive a few updates if people start using it and notice the issues (I haven't been bothered enough to fix anything yet).
Screenshots: Post without structure changes, post with structure changes, boards without structure changes, boards with structure changes

– No Icon Mode, which will hide all the icons in posts (probably not on gallery pages or anything) and will also shrink the icons in post editors, to allow for more discreet Constellation usage. =P
Screenshots: Replies & editor, with dark mode & structure changes, editor gallery, with dark mode & structure changes

[pedromvilar]

– No Icon Mode, which will hide all the icons in posts (probably not on gallery pages or anything) and will also shrink the icons in post editors, to allow for more discreet Constellation usage. =P
Screenshots: Replies & editor, with dark mode & structure changes, editor gallery, with dark mode & structure changes

I can now use Constellation at work! <3 <3 <3

[Moriwen]

Could we have little italics/bold/underline buttons like in the forums? I personally have an italics addiction, and I've had several other people ask me how to do them on the Constellation.

(Also <3 No Icon Mode!)

[pedromvilar]

I second this, buttons for formatting would be grand

[Ezra]

If that's hard, maybe a little syntax guide?

[Throne3d]

I can do a quick syntax guide here, and it's already in the issues to add one to the site. Buttons would be a good idea too.

It's HTML "tags" around text. A tag is like following: "<tagname>content</tagname>", where "tagname" varies based on what you want it to do and "content" is the stuff affected by the tag.

Example tags include "a" (links), "em" and "i" (emphasis/italics), "strong" and "b" (strong/bold text), "u" (underlined), "h1", "h2", ..., "h6" (headers, not sure if these are allowed on the site), "sup" (superscript), "sub" (subscript). Some tags take "parameters" or "attributes", such as links taking URLs, and that's done by adding: attributename=value (or attributename="value"). The "a" tag takes "href" as an attribute for a link URL.

Examples:

Code: Select all

"<em>No!</em>" he screamed.

Code: Select all

"<i>No!</i>" he screamed.

"No!" he screamed.

Code: Select all

"Do I <b>really</b> have to?"

Code: Select all

"Do I <strong>really</strong> have to?"

"Do I really have to?"

Code: Select all

Then he looked at a website: <a href="http://google.com/">Google!</a>

Then he looked at a website: Google!


To stack effects, just wrap them like with the forum BB-code.

Examples:

Code: Select all

<i>Hm. I'm not <b>really</b> sure that's the best...?</i>

Hm. I'm not really sure that's the best...?

Code: Select all

<i><u>No!</u></i> she shouted.

No! she shouted.


... I'm not sure this is clear enough, so feel free to ask if you have questions.

[Kappa]

After Marri fixed the reload on unread thing, I can't confirm for sure but I think unread links now always take me to the exact last reply even if there's more than one unread.

[pedromvilar]

I just tested clicking the unread link of a thread I hadn't started reading yet and it took me to the very first post, refreshing the page took me to the second page, refreshing it again took me to the third, so it seems to be working? (warning: sample size = 1)

[Marri]

I tested with page=all and page=10, with something unread on the last page and something on a random page and something I hadn't read at all yet, and it all seems to be working? soooo tl;dr also could not reproduce, if anyone else sees this please let me know.