/OverlayPlugin-themes

Different layouts for FFXIV ACT OverlayPlugin

Primary LanguageHTML

OverlayPlugin Themes

Hosting on the web

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

Usage

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.

Screenshots

rdmty_default.html

Requires OverlayPlugin >= 0.3.3.3!!

  • Collapse/expand detailed statistics for the encounter
  • Switch between DPS, Healer, or Tanking views rdmty features rdmty Healing rdmty Tanking

rdmty_no_job_colors.html

rdmty with single color for bars

kyitrai

kyitrai

Immutable

Immutable

xephero.html

xephero

elizar2006

elizar2006

momokotomoko

momokotomoko

tristoune

tristoune

Vertigo

miniparseVertigo

RumaRuma

RumaRuma

Contributing Your Own Layouts

Naming

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.css
  • JS - your tag.js

Future

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.

Directory Structure

  • app - Your JS application files (not third party libraries)
  • css - CSS files
  • images - Any image resources should be put in here
  • lib - 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.