Recently on Discord an issue with the background on Character Sheets was brought up. If you want the Class icon to show always, you can use the Chrome extension mentioned in the OP and just add a small bit of CSS to be run on the Character Sheet page.
The CSS is this snippet (this style is applied when the screen/window gets below a vertical resolution of 768px I believe, but this will make it active all the time):
It's been a while since I did anything with this...
I have updated the mini ToC to function better, and across all sources (I think).
I've added the ability to toggle the side bar menu.
R shortcut key for toggling Reading mode
I've included the R key for toggling "Reading mode" on or off, meaning it will hide/show all the elements available to hide/show with one keypress. Pressing R will leave you with the content only, and pressing R again will have the site back as it was.
Mini Table of Contents: Mini ToC is displayed on the bottom of the page, and shows the Table of Contents in a miniature format. The reason for this is that you don't have to scroll back up, navigate back to the ToC and choose the next chapter. Instead you just hover the "mini ToC" button and chose where to go.
To make the mini ToC work, you first have to navigate to the regular ToC to have it populated.
Updated once more, there's now navigation links to previous and next section in the compendium. (This doesn't work when on pages that are not part of the main ToC items, like the DMG's Magic Items A-Z which is on a separate page compared to the rest of the chapter.)
I've made small script that lets you rearrange the order of the menu items. It's preconfigured with the order set to "Sources, Game Rules, Creations, Tools, Marketplace, Forums, Media"
Install the User Javascript and CSS Chrome extension (see OP)
I applaud you, this looks fantastic! While it is a Chrome app, the whole idea for a windows app was so that users of Windows based devices could download the books like we are able to on iOS and Android based devices when internet is not available. Still plan to try this out and use it, but just wanted to clarify the reason behind wanting the windows app.
Works Fantastic, only things I didn't do were the character thing or the pronunciation. rest is flawless*
* Carefulf when you copy past the javascript/CSS. I had extra stuff when i copied/pasted and didn't get it all removed and all the source books just showed a blank page till i went in and cleaned it up.
Works Fantastic, only things I didn't do were the character thing or the pronunciation. rest is flawless*
* Carefulf when you copy past the javascript/CSS. I had extra stuff when i copied/pasted and didn't get it all removed and all the source books just showed a blank page till i went in and cleaned it up.
That's a good point! If there's any problem, remember that you can disable the extension or remove it altogether, and things will be back as normal.
I've begun looking at making a Chrome extension myself, to simplify matters. We'll see how that goes :-)
I never even knew that you could do most of these things. I was truly amazed today. I have changed my PC and laptop to make use of your suggestions. Thanks for all your trouble.
I do seem to be struggling with the character sheet part though. I copied the .js file contents and set the path, but it is not cleaned up like the source books are. It looks like nothing changes. If I add the .css file contents from the source books to the character sheet rule I just get a blank page.
I never even knew that you could do most of these things. I was truly amazed today. I have changed my PC and laptop to make use of your suggestions. Thanks for all your trouble.
I do seem to be struggling with the character sheet part though. I copied the .js file contents and set the path, but it is not cleaned up like the source books are. It looks like nothing changes. If I add the .css file contents from the source books to the character sheet rule I just get a blank page.
Thanks for trying it out!
So the Character Sheets (the JS file) is currently only changing the background. I think I used the same files at some point... I'll look into it when I have time, and I really should comment more in the files themselves.
In the mean time I suggest only make use of the sources files for changing the books. I'll post back when I have something new :-)
I looked at it briefly. It should work with the same code, but the reason it's not is because I'm doing too little error checking in the code. The JavaScript has errors not finding certain page elements not available on the Character Sheet page, and it stops loading the entire page. I will fix this, but it's 10:45PM here and I'm DMing a session tomorrow which I need to prep for :-)
I've pushed an update to the sources.js file to make the handling of elements more robust. It should now work on Character Sheets as well. I'm using this rule for URLs, which means that the "Reading mode" is available on Sources and Character Sheets only:
i stumbled on this article yesterday and just wanted to show my appreciation. The shortcuts for books will save so much time at the table instead of sorting through tabs and the coding just makes it look so much better.
Since I haven't had time to tinker with the CSS and JavaScript addition, I've updated the main post to reflect that the step is not recommended. It will probably still work though!
I did make one change and that was removing the miniToC, since this is nicely done by DDB now. We'll see if I can still make that extension...
Recently on Discord an issue with the background on Character Sheets was brought up. If you want the Class icon to show always, you can use the Chrome extension mentioned in the OP and just add a small bit of CSS to be run on the Character Sheet page.
The CSS is this snippet (this style is applied when the screen/window gets below a vertical resolution of 768px I believe, but this will make it active all the time):
Use the following URL for when this should be active:
Page Reference: Core Rules to DDB
Page Reference: DDB to PHB
Page Reference: DDB to DMG
Page Reference: DDB to MM
It's been a while since I did anything with this...
I've included the R key for toggling "Reading mode" on or off, meaning it will hide/show all the elements available to hide/show with one keypress. Pressing R will leave you with the content only, and pressing R again will have the site back as it was.
Mini Table of Contents: Mini ToC is displayed on the bottom of the page, and shows the Table of Contents in a miniature format. The reason for this is that you don't have to scroll back up, navigate back to the ToC and choose the next chapter. Instead you just hover the "mini ToC" button and chose where to go.
To make the mini ToC work, you first have to navigate to the regular ToC to have it populated.
Obligatory screenshot below
Page Reference: Core Rules to DDB
Page Reference: DDB to PHB
Page Reference: DDB to DMG
Page Reference: DDB to MM
Updated once more, there's now navigation links to previous and next section in the compendium. (This doesn't work when on pages that are not part of the main ToC items, like the DMG's Magic Items A-Z which is on a separate page compared to the rest of the chapter.)
Page Reference: Core Rules to DDB
Page Reference: DDB to PHB
Page Reference: DDB to DMG
Page Reference: DDB to MM
I've made small script that lets you rearrange the order of the menu items. It's preconfigured with the order set to "Sources, Game Rules, Creations, Tools, Marketplace, Forums, Media"
Page Reference: Core Rules to DDB
Page Reference: DDB to PHB
Page Reference: DDB to DMG
Page Reference: DDB to MM
I applaud you, this looks fantastic! While it is a Chrome app, the whole idea for a windows app was so that users of Windows based devices could download the books like we are able to on iOS and Android based devices when internet is not available. Still plan to try this out and use it, but just wanted to clarify the reason behind wanting the windows app.
I just want to tell everyone "happy gaming" and actually mean it. Whatever your game is, just have fun with it, it is after all, just a game.
Thank you :)
This project was mostly born from me wanting a "cleaner" reading experience. I totally understand the rationale of wanting offline use though.
Page Reference: Core Rules to DDB
Page Reference: DDB to PHB
Page Reference: DDB to DMG
Page Reference: DDB to MM
Still keep up the excellent work. you are right, it is a cleaner look.
I just want to tell everyone "happy gaming" and actually mean it. Whatever your game is, just have fun with it, it is after all, just a game.
Works Fantastic, only things I didn't do were the character thing or the pronunciation. rest is flawless*
* Carefulf when you copy past the javascript/CSS. I had extra stuff when i copied/pasted and didn't get it all removed and all the source books just showed a blank page till i went in and cleaned it up.
I just want to tell everyone "happy gaming" and actually mean it. Whatever your game is, just have fun with it, it is after all, just a game.
That's a good point! If there's any problem, remember that you can disable the extension or remove it altogether, and things will be back as normal.
I've begun looking at making a Chrome extension myself, to simplify matters. We'll see how that goes :-)
Page Reference: Core Rules to DDB
Page Reference: DDB to PHB
Page Reference: DDB to DMG
Page Reference: DDB to MM
that is exactly how I figured out which part i did wrong. i disabled each extension till i got i figured out what was wrong.
I just want to tell everyone "happy gaming" and actually mean it. Whatever your game is, just have fun with it, it is after all, just a game.
I never even knew that you could do most of these things. I was truly amazed today. I have changed my PC and laptop to make use of your suggestions. Thanks for all your trouble.
I do seem to be struggling with the character sheet part though. I copied the .js file contents and set the path, but it is not cleaned up like the source books are. It looks like nothing changes. If I add the .css file contents from the source books to the character sheet rule I just get a blank page.
Thanks for trying it out!
So the Character Sheets (the JS file) is currently only changing the background. I think I used the same files at some point... I'll look into it when I have time, and I really should comment more in the files themselves.
In the mean time I suggest only make use of the sources files for changing the books. I'll post back when I have something new :-)
Page Reference: Core Rules to DDB
Page Reference: DDB to PHB
Page Reference: DDB to DMG
Page Reference: DDB to MM
Cool, thanks.
I looked at it briefly. It should work with the same code, but the reason it's not is because I'm doing too little error checking in the code. The JavaScript has errors not finding certain page elements not available on the Character Sheet page, and it stops loading the entire page. I will fix this, but it's 10:45PM here and I'm DMing a session tomorrow which I need to prep for :-)
I'll write again when it's fixed!
Page Reference: Core Rules to DDB
Page Reference: DDB to PHB
Page Reference: DDB to DMG
Page Reference: DDB to MM
I've pushed an update to the sources.js file to make the handling of elements more robust. It should now work on Character Sheets as well. I'm using this rule for URLs, which means that the "Reading mode" is available on Sources and Character Sheets only:
Notes
Page Reference: Core Rules to DDB
Page Reference: DDB to PHB
Page Reference: DDB to DMG
Page Reference: DDB to MM
Cool. Understood. Thank you very much for all your trouble.
i stumbled on this article yesterday and just wanted to show my appreciation. The shortcuts for books will save so much time at the table instead of sorting through tabs and the coding just makes it look so much better.
This is epic.
Why thank you :) I do wish I had the time to improve on this, would be awesome to turn it into a chrome extension and obviously polish it a bit...
Edit: I at least reworked the main post to make it a bit more accessible.
Page Reference: Core Rules to DDB
Page Reference: DDB to PHB
Page Reference: DDB to DMG
Page Reference: DDB to MM
Since I haven't had time to tinker with the CSS and JavaScript addition, I've updated the main post to reflect that the step is not recommended. It will probably still work though!
I did make one change and that was removing the miniToC, since this is nicely done by DDB now. We'll see if I can still make that extension...
Page Reference: Core Rules to DDB
Page Reference: DDB to PHB
Page Reference: DDB to DMG
Page Reference: DDB to MM
Thanks. Keep up the good work in 2020.