You can keep up to date without having to download the files every time by using the GitHub Pages URL at https://billyvg.github.io/OverlayPlugin-themes/`
e.g. If you want to use rdmty_default
then you would put in https://billyvg.github.io/OverlayPlugin-themes/rdmty_default.html
git clone
or download the ZIP package to a directory (i.e. your ACT directory)
In ACT -> Plugins -> OverlayPlugin.dll settings, for URL, browse to the folder where you extracted the ZIP and then select the HTML file of your choice.
Give your HTML
files a descriptive name, i.e. your tag_description.html
Use a single CSS and JS file for all of your similar themes.
CSS
- your tag.cssJS
- your tag.js
In order to make it easier to maintain, as well as customize, let's try to standardize the layouts.
Let's split the HTML file into separate CSS and JS files (use rdmty_compact_dps.html
as an example for now).
In In the future, React
will probably be dropped in favor of something a bit more familiar (probably just templates using handlebars
). However if you are going to be using a framework please inlcude your source files so we can help contribute to keeping the files up to date. IE: .jsx files.
If you want to build a bit complexity and want more than 1 app js file please create a folder for yourself under app/YOUR_OVERLAY/ This will help keep the repo as clean as possible.
app
- Your JS application files (not third party libraries)css
- CSS filesimages
- Any image resources should be put in herelib
- JS library files
The user currently has only one interface to customize the layout from ACT (without modifying any files): selecting the HTML file. Make the HTML file as descriptive as possible and try to not modify much code in the HTML file (besides customization variables and CSS/JS file names). This way, if we were to get support for more customization options in ACT plugin, it would be easier to modify the themes for this.