View source for Page: variantrules

{{5eToolsHeader}}
[[File:Screen Variant and Options Rules.png|frameless|center|800px]]

<br/>
==Variant and Options Rules==
::These are a collection of the optional rules from various sources to customize your game experience. Some of these are commonly already used, such as [[Feature: Feats|'''Feats''']], Adamantine Weapons; Milestone level advancement, etc.

<br/>
==='''Instructions '''(How to use it)===
::Using the filter or thru mouse or keyboard controls; the names and sources of the variant/optional rules are listed; and their details can be viewed in the information pane.

::The variant/optional rules you wish to highlight can be pinned ([[File:Pin button.png|frameless|x25px]]) and saved ([[File:Downloadlist button.png|frameless|x25px]]) for later use or sharing with other users.

::In general these are for reference for players in game, and for planning for DM's developing their campaign or adventure ideas.

<br/>
<div class="toccolours mw-collapsible mw-collapsed" style="overflow:auto;">
<div style="font-weight:bold;line-height:1.6;">Page Layout</div>
<div class="mw-collapsible-content">
[[File:Screen Variant and Options Rules LABELED.png|frameless|center|600px]]

----
<div class="toccolours mw-collapsible mw-collapsed" style="overflow:auto;">
<div style="font-weight:bold;line-height:1.6;">[[Feature: Website Navbar|1️⃣ Website Navbar]]</div>
<div class="mw-collapsible-content">
[[File:Website toolbar.PNG|600px]]
<br />

::The Navbar appears atop of most of the features of the site and helps quickly navigate between its features.

::The bar shifts to include the current page's title and some specific advice for its use, and link to the wiki for the site's feature(s).

[[Website Features|'''Navbar Options''']]

</div></div>
<div class="toccolours mw-collapsible mw-collapsed" style="overflow:auto;">
<div style="font-weight:bold;line-height:1.6;">[[Feature: Filter|2️⃣ Filter]]</div>
<div class="mw-collapsible-content">
::{{5eToolsFilter}}

<br/>
'''Sources'''
:: The sources will be listed under the Filter element. Depending up the settings used on the Filter setting page. 

<br/>
</div></div>
<div class="toccolours mw-collapsible mw-collapsed" style="overflow:auto;">
<div style="font-weight:bold;line-height:1.6;">3️⃣ Filter's Result's List</div>
<div class="mw-collapsible-content">
::This pane lists a number of columns which can be sorted by clicking upon the column's heading which will then be denoted after the column's title by either [[Image:FilterResultsAscending.PNG]] (ascending) or [[Image:FilterResultsDescending.PNG]] (descending).

::By selecting an entry upon the filter's result list, the panel on the (5️⃣) information pane of the webpage, and will update with the detailed information as it's selected.

::You can choose them by either using the mouse to select, or using the <code>J</code> or <code>K</code> keys to manually move through the list of options.

<br/>
</div></div>
<div class="toccolours mw-collapsible mw-collapsed" style="overflow:auto;">
<div style="font-weight:bold;line-height:1.6;">4️⃣ Pinned List</div>
<div class="mw-collapsible-content">
::Pin List
:::

<br/>
</div></div>
<div class="toccolours mw-collapsible mw-collapsed" style="overflow:auto;">
<div style="font-weight:bold;line-height:1.6;">5️⃣ Information Pane Controls</div>
<div class="mw-collapsible-content">
:: FOR [[File:Website_UI.PNG|framless|x25px]]
:::[[File:Pin button.png|frameless|x25px]] = Pinned. Add currently selected item to the list in the 4️⃣ Pinned List.
:::[[File:Popout button.png|frameless|x22px]] = Popout Window. Opens a locked popout.
:::[[File:Link button.png|frameless|x22px]] = Get link to Filters
:::[[File:Downloadlist button.png|frameless|x22px]] = Download list. Export your pinned items to local file.
:::[[File:Uploadlist button.png|frameless|x22px]] = Upload List. load a local file of previously exported list.

<br/>
</div></div>
<div class="toccolours mw-collapsible mw-collapsed" style="overflow:auto;">
<div style="font-weight:bold;line-height:1.6;">6️⃣ Information Pane</div>
<div class="mw-collapsible-content">
::On the right-hand side of the website, the detailed information of the selected item the Filter's Result List pane (3️⃣) will be displayed.

::This will differ from page to page and as such some entries will have elements which ([[Image:Website UI.PNG|100px]] or [[File:ResultElement.png|110px]]) which will provide additional information, pin or remove customized lists; Show the source JSON data for modification in the [[Feature: Homebrew Builder|'''Homebrew Builder''']]; links to the entry directly, and to [[Feature: Manage Homebrew|'''manage homebrew''']] sources for the content being used for that section's data.


<br/>
</div></div>
<div class="toccolours mw-collapsible mw-collapsed" style="overflow:auto;">
<div style="font-weight:bold;line-height:1.6;">[[Feature: Dice Roller|7️⃣ Dice Roller]]</div>
<div class="mw-collapsible-content">
[[File:DiceRollerVid.gif|frameless|right|310px]]

::At the bottom of most pages, there will be this icon [[File:RollerButton.png]]. When it is clicked (as the animation shows) it will open a small window which can be used to either roll, or return the results of actions triggered by clicking other elements of the site. (usually triggered by a link on the page that most often look like <font color="#2e7bab">'''2d10'''</font> this. (There are some instructions on how to do this within the JSON data in the [[Feature: Renderer Demo|'''Renderer Demo''']] should you want to enable this for your own documents - see [[Homebrew]].

<br/>
::The roller uses the common format for dice rolling (that being <code><a>'''d'''<X></code> where <code><a></code> is the number of dice rolled <code><X></code> number of times. The results of the roll(s) is(are) presented to the roller window with separate entries and then the sum of the rolls are calculated as well.
<br/>
For a detailed description of the feature please see the [[Feature: Dice Roller|🎲 '''Dice Roller''']] page.
</div></div>
</div></div>

<br/>
[[File:Shift key.png|framless|right|150px]]

===Controls===
[[File:Keyboard.png|frameless|right|x75px]]
::* [[File:Shift key.png|framless|x22px]] + Left Mouse Click - Locks open a popup window for Tagged entries.
::* <code>F</code> - Find. This will immediatly move the focus to the Filter's Search field
::* <code>J</code> or <code>K</code> - Navigate Rows up and back
::* <code>SPACE</code> - page down

<br/>
{{ControlsPopupUI}}

<br/>
{{ControlsInfoUI1}}

<br/> 
----

=== Feature Support===
----
<div class="toccolours mw-collapsible mw-collapsed" style="overflow:auto;">
<div style="font-weight:bold;line-height:1.6;">Known Issues/Limitations</div>
<div class="mw-collapsible-content">
:: Looks like its perfect... (Did we miss anything?)

<br/>
</div>
<div style="font-weight:bold;line-height:1.6;">FAQ</div>
<div class="mw-collapsible-content">
----
:: '''At times the content will not load; no results in Filter's Result's List or the Information Pane'''

:::: <font style="font-weight: bold; font-variant: small-caps"> Solution </font> : <font style="font-variant: small-caps">This is caused from a cache loading problem; do a forced refresh (<code>Ctrl</code> + <code>F5</code>) to reload the site code.</font>

</div>
<div style="font-weight:bold;line-height:1.6;">Best Practices</div>
<div class="mw-collapsible-content">
:: None as yet (Do you have any suggestions?)
</div>
<div style="font-weight:bold;line-height:1.6;">[[Homebrew Variantrule|Homebrew]]</div>
<div class="mw-collapsible-content">
:: 🚧 Still being documented.
</div>
</div>

<br/>
----

==='''Related Features'''===
----
:*[[Feature: Website Navbar|Top Navigation Menu]]
:*[[Feature: Filter|Filter]]
:*[[Feature: Manage Homebrew|Manage Homebrew]]

<br/>
{{FeatureSupport}}