<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <title>Using Modules - DND 5th Edition</title>
    
    
    
    <script type="text/javascript" src="https://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--javascript/init.combined.js"></script>
    <script  type="text/javascript">
        var URL_HOST = 'www.wikidot.com';
        var URL_DOMAIN = 'wikidot.com';
        var USE_SSL =  true ;
        var URL_STATIC = 'https://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327';
        // global request information
        
        var WIKIREQUEST = {};
        WIKIREQUEST.info = {};
        
        WIKIREQUEST.info.domain = "dnd5e.wikidot.com";
        WIKIREQUEST.info.siteId = 1475899;
        WIKIREQUEST.info.siteUnixName = "dnd5e";
        WIKIREQUEST.info.categoryId = 11887291;
        WIKIREQUEST.info.themeId = 2386862;
        WIKIREQUEST.info.requestPageName = "help:using-modules";
        OZONE.request.timestamp = 1755515706;
        OZONE.request.date = new Date();
        WIKIREQUEST.info.lang = 'en';
                WIKIREQUEST.info.pageUnixName = "help:using-modules";
        WIKIREQUEST.info.pageId = 48865957;
                        WIKIREQUEST.info.lang = "en";
        OZONE.lang = "en";
        var isUAMobile = !!/Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
    </script>
    
    


    
        <script  type="text/javascript">
    
        require.config({
            baseUrl: URL_STATIC + '/common--javascript',
            paths: {
                'jquery.ui': 'jquery-ui.min',
                'jquery.form': 'jquery.form'
            }
        });
    
    </script>
    
    <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
            
    
    
    
    
    <meta http-equiv="content-language" content="en"/>
    <script type="text/javascript" src="https://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--javascript/WIKIDOT.combined.js"></script>
            <script type="text/javascript" src="https://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--bootstrap/3.2.0/bootstrap.min.js"></script>
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
             <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
        
        <link href="https://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--fonts/awesome/3.2.1/font-awesome.min.css" rel="stylesheet">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
    
    <style type="text/css" id="internal-style">
        
        /* modules */
        
                /* bootstrap */
            @import url(https://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--bootstrap/3.2.0/bootstrap.min.css);
                
        /* theme */
                    @import url(https://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--theme/bootstrap-base/css/style.css);
                    @import url(https://dnd5e.wdfiles.com/local--theme/standard-yellow/style.css);
            </style>
    
            <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        
        
        
    <link rel="shortcut icon" href="/local--favicon/favicon.gif"/>
    <link rel="icon" type="image/gif" href="/local--favicon/favicon.gif"/>
    
            <link rel="apple-touch-icon" href="/common--images/apple-touch-icon-57x57.png" />
        <link rel="apple-touch-icon" sizes="72x72" href="/common--images/apple-touch-icon-72x72.png" />
        <link rel="apple-touch-icon" sizes="114x114" href="/common--images/apple-touch-icon-114x114.png" />
        
        
            <link rel="alternate" type="application/wiki" title="Edit this page" href="javascript:WIKIDOT.page.listeners.editClick()"/>
    
        <script type="text/javascript">
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-18234656-1']);
        _gaq.push(['_setDomainName', 'none']);
        _gaq.push(['_setAllowLinker', true]);
        _gaq.push(['_trackPageview']);

        _gaq.push(['old._setAccount', 'UA-68540-5']);
        _gaq.push(['old._setDomainName', 'none']);
        _gaq.push(['old._setAllowLinker', true]);
        _gaq.push(['old._trackPageview']);

            </script>
    
    <script type="text/javascript">
        window.google_analytics_uacct = 'UA-18234656-1';
        window.google_analytics_domain_name = 'none';
    </script>
    
        <link rel="manifest" href="/onesignal/manifest.json" />
    <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" acync=""></script>
    <script>
        var OneSignal = window.OneSignal || [];
        OneSignal.push(function() {
          OneSignal.init({
            appId: null,
          });
        });
    </script>
        
<style>
.admins-only, li.admins-only{  display: none; }
</style>
<script data-cfasync="false">window.nitroAds=window.nitroAds||{createAd:function(){return new Promise(e=>{window.nitroAds.queue.push(["createAd",arguments,e])})},addUserToken:function(){window.nitroAds.queue.push(["addUserToken",arguments])},queue:[]};</script>
<script data-cfasync="false" async src="https://s.nitropay.com/ads-143.js"></script>
<script type="text/javascript" src="https://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--modules/js/misc/NewPageHelperModule.js"></script>
<script type="text/javascript" src="https://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--modules/js/list/ListPagesModule.js"></script>
</head>
<body id="html-body">
<div id="skrollr-body">
<!---------------------------------------------------------
  Standard Template Layout
  Developed by the Wikidot Community
  Version: 1.01.141118
---------------------------------------------------------->
<a name="page-top"></a>

<div class="container-wrap-wrap">
<div class="container-wrap">
 
<header class="header-wrap" role="banner">
  <div class="container header">
    <div class="site-title">
      <h1><a href="/"><span>DND 5th Edition</span></a></h1>
      <h2><span>community wiki</span></h2>
    </div>
    <div class="login-status">
      <a href="javascript:;" onclick="WIKIDOT.page.listeners.createAccount(event)" class="login-status-create-account btn">Create account</a> <span>or</span> <a href="javascript:;" onclick="WIKIDOT.page.listeners.loginClick(event)" class="login-status-sign-in btn btn-primary">Sign in</a> 
    </div>
    <div id="search-top-box" class="form-search">
    <form id="search-top-box-form" action="dummy" class="input-append">
        <input id="search-top-box-input" class="text empty search-query" type="text" size="15" name="query" value="Search this site" onfocus="if(YAHOO.util.Dom.hasClass(this, 'empty')){YAHOO.util.Dom.removeClass(this,'empty'); this.value='';}"/><input class="button btn" type="submit" name="search" value="Search"/>
    </form>
</div>
  </div>
 
  
  <nav class="top-bar-wrap navbar navbar-default" role="navigation">
    <div class="container top-bar">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-top-target">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="/">Home</a>
      </div>
      <div class="collapse navbar-collapse navbar-top-target">
        

<ul class="nav navbar-nav">
<li><a href="/main:about">About <span class="fa fa-info-circle"><span style="white-space: pre-wrap;">&nbsp;</span></span></a></li>
<li><a href="/system:join">Membership <span class="fa fa-user"><span style="white-space: pre-wrap;">&nbsp;</span></span></a></li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Help Docs <span class="fa fa-question-circle"><span style="white-space: pre-wrap;">&nbsp;</span></span></a>
<ul class="dropdown-menu">
<li><a href="/help:_home">User Guide</a></li>
<li><a href="/help:first-time-user">First Time User</a></li>
<li><a href="/help:quick-reference">Quick Reference</a></li>
<li><a href="/help:creating-pages">Creating Pages</a></li>
<li><a href="/help:editing-pages">Editing Pages</a></li>
<li><a href="/help:navigation-bars">Navigation Bars</a></li>
<li><a href="/help:using-modules">Using Modules</a></li>
<li><a href="/help:templates">Templates</a></li>
<li><a href="/help:css-themes">CSS Themes</a></li>
</ul>
</li>
<li class="dropdown admins-only"><a class="dropdown-toggle" data-toggle="dropdown" href="#"><span class="fa fa-cog"><span style="white-space: pre-wrap;">&nbsp;</span></span></a>
<ul class="dropdown-menu">
<li><a href="/_admin">Site Manager</a></li>
<li><a href="/nav:top">Edit Top Bar</a></li>
<li><a href="/nav:side">Edit Side Bar</a></li>
<li><a href="/css:_home">CSS Manager</a></li>
<li><a href="/system:recent-changes">Recent Changes</a></li>
<li><a href="/system:list-all-pages">List All Pages</a></li>
</ul>
</li>
</ul>



<div style="display : none;">
</div>

      </div>
    </div>
  </nav>
  
 
  <div class="header-extra-div-1"><span></span></div>
  <div class="header-extra-div-2"><span></span></div>
  <div class="header-extra-div-3"><span></span></div>
</header>
 
<main class="content-wrap" role="main">
  <div class="container content">
    <div class="row">
    
      <nav class="side-bar-wrap col-md-3">
        <div class="side-bar">
          <div class="side-bar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-side-target">
              <span>Menu</span>
            </button>
          </div>
          <div class="collapse navbar-collapse navbar-side-target">
            

<div class="text-center" style="margin-bottom: 12px;"><div class="error-block">You should be logged in to clone a site.</div></div>
<h1 ><span>Site Navigation</span></h1>
<ul>
<li><a href="/help:_home">User Guide</a></li>
<li><a href="/help:first-time-user">First Time User</a></li>
</ul>
<ul>
<li><a href="/main:about">About</a></li>
<li><a href="/main:contact">Contact</a></li>
<li><a href="/legal:_home">Legal</a></li>
<li><a href="/forum:start">Discussion Forums</a></li>
<li><a href="/system:members">Members</a></li>
</ul>
<h1 ><span>Create a Page</span></h1>

<div class="new-page-box" style="text-align: center; margin: 1em 0;">
	<form action="dummy.html" method="get" onsubmit="WIKIDOT.modules.NewPageHelperModule.listeners.create(event);">
		<input class="text" name="pageName" type="text" size="20" maxlength="128" style="margin: 1px"/>
				<input type="submit" class="button" value="New page" style="margin: 1px;"/>
																
	</form>
</div>

                    
            <!-- wikidot_below_sidebar_160x600 -->
<div id="wad-dnd5e-below-sidebar" class="wd-adunit wd-ad-np wd-adunit-below_sidebar"></div>
<script>
window['nitroAds'].createAd('wad-dnd5e-below-sidebar', {
  "refreshTime": 30,
  "renderVisibleOnly": false,
  "refreshVisibleOnly": true,
  "sizes": [ [ 160, 600 ] ],
  "report": {
    "enabled": true,
    "wording": "Report Ad",
    "position": "bottom-right"
  },
  "mediaQuery": "(min-width: 1000px)"
  });
</script>
        
    

            <div style="display: none"></div>
          </div>
        </div>
      </nav>
      
      <div class="main-content-wrap col-md-9">
      
        <div class="main-content">
          <div class="page-title page-header"><span>Using Modules</span></div>
          <div class="breadcrumbs"><a href="/help:_home">User Guide</a> &raquo; Using Modules</div>
          
        
            <!-- wikidot_top_728x90 -->
<div id="wad-dnd5e-above-content" class="wd-adunit wd-ad-np wd-adunit-above_content"></div>
<script>
window['nitroAds'].createAd('wad-dnd5e-above-content', {
  "refreshTime": 30,
  "renderVisibleOnly": false,
  "refreshVisibleOnly": true,
  "sizes": [ [ 728, 90 ] ],
  "report": {
    "enabled": true,
    "wording": "Report Ad",
    "position": "bottom-right"
  },
  "mediaQuery": "(min-width: 768px)"
  });
</script>
<div id="wad-dnd5e-above-content-mobile" class="wd-adunit wd-ad-np wd-adunit-above_content"></div>
<script>
window['nitroAds'].createAd('wad-dnd5e-above-content-mobile', {
  "refreshTime": 30,
  "renderVisibleOnly": false,
  "refreshVisibleOnly": true,
  "sizes": [ [ 320, 50 ], [320, 100] ],
  "report": {
    "enabled": true,
    "icon": true,
    "wording": "Report Ad",
    "position": "top-right"
  },
  "mediaQuery": "(min-width: 320px) and (max-width: 767px)"
  });
</script>
        
    

<div id="page-content">

<p>Wikidot offers a variety of Modules that help make certain tasks much easier and more convenient. Using these modules in the right ways can help make your site dynamic and much easier to maintain. Below, we want to introduce you to some of the most widely used modules and demonstrate how you can use them on your site.</p>
<p>For detailed information over all the modules, see <a href="http://www.wikidot.com/doc-modules:start" target="_blank">Wikidot's Documentation</a>.</p>
<table style="margin:0; padding:0">
<tr>
<td style="margin:0; padding:0">
<div id="toc">
<div id="toc-action-bar"><a href="javascript:;" onclick="WIKIDOT.page.listeners.foldToc(event)">Fold</a><a style="display: none" href="javascript:;" onclick="WIKIDOT.page.listeners.unfoldToc(event)">Unfold</a></div>
<div class="title">Table of Contents</div>
<div id="toc-list">
<div style="margin-left: 1em;"><a href="#toc0">Quick Reference</a></div>
<div style="margin-left: 1em;"><a href="#toc1">ListPages</a></div>
<div style="margin-left: 2em;"><a href="#toc2">Criteria</a></div>
<div style="margin-left: 2em;"><a href="#toc3">Ordering</a></div>
<div style="margin-left: 2em;"><a href="#toc4">Format</a></div>
<div style="margin-left: 2em;"><a href="#toc5">Live Example</a></div>
<div style="margin-left: 1em;"><a href="#toc6">NewPage</a></div>
<div style="margin-left: 2em;"><a href="#toc7">NewPage Alternative</a></div>
</div>
</div>
</td>
</tr>
</table>
<h1 id="toc0"><span>Quick Reference</span></h1>
<p>Here is a quick reference to some of these modules. Certain ones are explained in greater depth later.</p>
<table class="wiki-content-table">
<tr>
<th>Module</th>
<th>Description</th>
</tr>
<tr>
<td><a href="http://www.wikidot.com/doc-modules:listpages-module" target="_blank">ListPages</a></td>
<td>Lists all the pages on the site meeting given criteria.</td>
</tr>
<tr>
<td><a href="http://www.wikidot.com/doc-modules:tagcloud-module" target="_blank">TagCloud</a></td>
<td>Generates a cloud of tags used on your site for a given category.</td>
</tr>
<tr>
<td><a href="http://www.wikidot.com/doc-modules:pagecalendar-module" target="_blank">PageCalendar</a></td>
<td>Lists the number of pages per year and month matching given criteria.</td>
</tr>
<tr>
<td><a href="http://www.wikidot.com/doc-modules:pagetree-module" target="_blank">PageTree</a></td>
<td>Lists all descendent pages of a root page.</td>
</tr>
<tr>
<td><a href="http://www.wikidot.com/doc-modules:join-module" target="_blank">Join</a></td>
<td>Generates a button that allows users to apply or join your site.</td>
</tr>
<tr>
<td><a href="http://www.wikidot.com/doc-modules:css-module" target="_blank">CSS</a></td>
<td>Creates on-the-fly CSS rules and definitions for a single page.</td>
</tr>
<tr>
<td><a href="http://www.wikidot.com/doc-modules:newpage-module" target="_blank">NewPage</a></td>
<td>Generates a form that allows you to easily create new pages with a given title.</td>
</tr>
<tr>
<td><a href="http://www.wikidot.com/doc-modules:redirect-module" target="_blank">Redirect</a></td>
<td>Redirects the user to a different page or website.</td>
</tr>
<tr>
<td><a href="http://www.wikidot.com/doc-modules:comments-module" target="_blank">Comments</a></td>
<td>Inserts page comments onto a page.</td>
</tr>
<tr>
<td><a href="http://www.wikidot.com/doc-modules:rate-module" target="_blank">Rate</a></td>
<td>Creates a little rate page widget that allows users to vote or rate page content.</td>
</tr>
<tr>
<td><a href="http://www.wikidot.com/doc-modules:files-module" target="_blank">Files</a></td>
<td>Lists all the files on a given page.</td>
</tr>
</table>
<h1 id="toc1"><span>ListPages</span></h1>
<p>The ListPages module is perhaps the single most useful module Wikidot offers. All it does is list pages that fit a certain list of criteria. What makes it so powerful is the vast range of criteria you can specify and the ability to format each entry in any way you need.</p>
<p>The module follows the basic format below:</p>
<div class="code">
<pre>
<code>[[module ListPages CRITERIA...]]
FORMAT
[[/module]]</code>
</pre></div>
<h2 id="toc2"><span>Criteria</span></h2>
<p>ListPages allows you to select pages given a wide range of specifiers. You can list pages given&#8230;</p>
<ul>
<li>Specific categories</li>
<li>Specific tags</li>
<li>Specific date created</li>
<li>Specific parent page</li>
<li>Specific rating</li>
<li>Specific page author</li>
<li>Specific data form values</li>
</ul>
<p>As an example, let's say that you are running a blog, and you want to list all of your blog entries. All of your posts are located in the &quot;blog&quot; category, but you do not want to list pages tagged with &quot;_incomplete&quot; or &quot;_deleted&quot;. You can use the following ListPages criteria to do this easily:</p>
<div class="code">
<pre>
<code>[[module ListPages category=&quot;blog&quot; tags=&quot;-_incomplete -_deleted&quot;]]
FORMAT
[[/module]]</code>
</pre></div>
<p>For more information about each of the criteria, see <a href="http://www.wikidot.com/doc-modules:listpages-module#toc2" target="_blank">Wikidot's Documentation</a>.</p>
<h2 id="toc3"><span>Ordering</span></h2>
<p>You are also able to specify the order in which pages are listed. By default, pages will be listed according to which was updated first, but you may want to list pages alphabetically or by creation date. By using the <tt>order=</tt> criterion, you can choose exactly how you want your pages ordered.</p>
<p>Among the options are:</p>
<ul>
<li>Title</li>
<li>Creation date</li>
<li>Update date</li>
<li>Author</li>
<li>Page size</li>
<li>Page rating</li>
<li>Number of comments</li>
<li>Page name</li>
<li>Random</li>
<li>Data Form values</li>
</ul>
<p>For more information about each of the ordering options, see <a href="http://www.wikidot.com/doc-modules:listpages-module#toc3" target="_blank">Wikidot's Documentation</a>.</p>
<h2 id="toc4"><span>Format</span></h2>
<p>ListPages allows you to format your entries however you like. To do this effectively, though, requires some knowledge about page variables. For instance, let us say that you are making a blog site, and you want to use the following format for your post listing on the front page:</p>
<div class="code">
<pre>
<code>+ Page Title

Preview of the Content

[[[link to page | Read More]]]</code>
</pre></div>
<p>How can you replace the &quot;Page Title&quot; with the actual page's title? Wikidot allows you to use a very large number of variables that change on a per-page basis. For example, the <tt>%%title%%</tt> variable, when seen in the code, will be replaced by the page's title.</p>
<p>For our blog, we would use the following code:</p>
<div class="code">
<pre>
<code>[[module ListPages category=&quot;blog&quot; tags=&quot;-_incomplete -_deleted&quot;]]
+ %%title%%

%%preview(400)%%

[[[%%fullname%% | Read More]]]
[[/module]]</code>
</pre></div>
<p>The list of variables is too vast to cover here, but you can see <a href="http://www.wikidot.com/doc-modules:listpages-module#toc5" target="_blank">Wikidot's Documentation</a> for a comprehensive list.</p>
<h2 id="toc5"><span>Live Example</span></h2>
<p>Here is an example of ListPages in action. Our goal is to list all of the help pages on this site in alphabetical order alongside the page's size.</p>
<div class="row">
<div class="col-md-6"><div class="list-pages-box">    

<table class="wiki-content-table">
<tr>
<th>Title</th>
<th>Size</th>
</tr>
<tr>
<td><a href="/help:creating-pages">Creating Pages</a></td>
<td>40</td>
</tr>
<tr>
<td><a href="/help:css-themes">CSS Themes</a></td>
<td>36</td>
</tr>
<tr>
<td><a href="/help:editing-pages">Editing Pages</a></td>
<td>39</td>
</tr>
<tr>
<td><a href="/help:first-time-user">First Time User</a></td>
<td>7467</td>
</tr>
<tr>
<td><a href="/help:navigation-bars">Navigation Bars</a></td>
<td>41</td>
</tr>
<tr>
<td><a href="/help:quick-reference">Quick Reference</a></td>
<td>41</td>
</tr>
<tr>
<td><a href="/help:templates">Templates</a></td>
<td>35</td>
</tr>
<tr>
<td><a href="/help:using-modules">Using Modules</a></td>
<td>39</td>
</tr>
</table>

    
    
    
    </div></div>
<div class="col-md-6">
<div class="code">
<pre>
<code>[[module ListPages category=&quot;help&quot; order=&quot;title&quot; prependLine=&quot;||~ Title||~ Size||&quot; separate=&quot;false&quot;]]
||%%title_linked%%||%%size%%||
[[/module]]</code>
</pre></div>
</div>
</div>
<div class="alert alert-warning">
<p>Note that some of these page sizes are small since the help pages actually import code from another site.</p>
</div>
<h1 id="toc6"><span>NewPage</span></h1>
<p>The NewPage module stands right beside the ListPages module in terms of usefulness; this is especially true for collaboration sites and wikis.</p>
<p>The NewPage module will generate form that allows users to easily create pages. The form looks like the below:</p>

<div class="new-page-box" style="text-align: center; margin: 1em 0;">
	<form action="dummy.html" method="get" onsubmit="WIKIDOT.modules.NewPageHelperModule.listeners.create(event);">
		<input class="text" name="pageName" type="text" size="30" maxlength="128" style="margin: 1px"/>
				<input type="submit" class="button" value="Example" style="margin: 1px;"/>
																
	</form>
</div>

<p>The text field allows you to type in the title of the page you want to create, and pressing &quot;Example&quot; will actually create the page and take you to an editing window.</p>
<p>The NewPage module is important since it allows you as the administrator to control how pages are created. Because of the criteria options the module comes with, you can essentially organize your site as pages are created. For example, lets say you are building a wiki, and you expect users to be creating and editing articles. You want all of your article pages to be in the &quot;article&quot; category so that you can easily list them (using ListPages) elsewhere.</p>
<p>The NewPage module allows you to create a field that members can use to create pages that are automatically stored into the &quot;article&quot; category. This can be done with the following code:</p>
<div class="code">
<pre>
<code>[[module NewPage category=&quot;article&quot; button=&quot;Add Article&quot;]]</code>
</pre></div>
<p>The NewPage module also allows you to add initial tags or automatically set the pages' parents. For a comprehensive description of the module, see <a href="http://www.wikidot.com/doc-modules:newpage-module" target="_blank">Wikidot's Documentation</a>.</p>
<h2 id="toc7"><span>NewPage Alternative</span></h2>
<p>As powerful as the NewPage module is, it still has a few limitations. Fortunately, a brilliant person named <span class="printuser"><a href="http://www.wikidot.com/user:info/james-kanjo" onclick="WIKIDOT.page.listeners.userInfo(35113); return false;">James Kanjo</a></span> developed a code snippet that <a href="http://snippets.wikidot.com/code:newpage" target="_blank">extends the NewPage module</a> and eliminates the limitations. His NewPage Extension serves as a more powerful version of Wikidot's native module and provides you, the administrator, with many more options. If you are not afraid of a little exploration, Jame's snippet is worth investigating!</p>
</div>




        
            <!-- floating video element -->
<div id="wad-dnd5e-floating-video" style="position: fixed; right: 0; bottom: 0;"></div>
<script>
window['nitroAds'].createAd('wad-dnd5e-floating-video', {
  "refreshTime": 30,
  "format": "floating",
  "mediaQuery": "(min-width: 1025px)"
  });
</script>
        
    


        
                        <!-- wikidot_bottom_300x250 -->
<div id="wad-dnd5e-below-content" class="wd-adunit wd-ad-np wd-adunit-below_content"></div>
<script>
window['nitroAds'].createAd('wad-dnd5e-below-content', {
  "refreshTime": 30,
  "renderVisibleOnly": false,
  "refreshVisibleOnly": true,
  "sizes": [ [ 300, 250 ] ],
  "report": {
    "enabled": true,
    "wording": "Report Ad",
    "position": "bottom-right"
  }
  });
</script>
                    
    


          
          <div class="page-info-break"></div>
          <div class="page-options-container"></div>
          <div id="action-area" style="display: none;"></div>
        </div>
      </div>
    </div>
  </div>
</main>
 
<footer class="footer-wrap" role="contentinfo">
  <div class="container footer">
    <div class="options" style="display: block; visibility: visible;">
    <a href="http://www.wikidot.com/doc" id="wikidot-help-button">Help</a>
    &nbsp;|
    <a href="http://www.wikidot.com/legal:terms-of-service" id="wikidot-tos-button">Terms of Service</a>
    &nbsp;|
    <a href="http://www.wikidot.com/legal:privacy-policy" id="wikidot-privacy-button">Privacy</a>
    &nbsp;|
    <a href="javascript:;" id="bug-report-button" onclick="WIKIDOT.page.listeners.pageBugReport(event)">Report a bug</a>
    &nbsp;|
    <a href="javascript:;" id="abuse-report-button" onclick="WIKIDOT.page.listeners.flagPageObjectionable(event)">Flag as objectionable</a>
    <span id="consent-box" style="display:none">
        &nbsp;|
        <a href="javascript:;"  onclick="window.__cmp('showModal');">Update cookie settings</a>
    </span>

    <script>
    if (window["nitroAds"] && window["nitroAds"].loaded) {
        document.getElementById("consent-box").style.display = window["__tcfapi"] ? "" : "none";
        } else {
        document.addEventListener(
                "nitroAds.loaded",
                () =>
                (document.getElementById("consent-box").style.display = window["__tcfapi"] ? "" : "none")
                );
    }
    </script>
</div>
Powered by <a href="http://www.wikidot.com">Wikidot.com</a>
    <div class="license-area">Unless otherwise stated, the content of this page is licensed under <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-ShareAlike 3.0 License</a></div>
  </div>
  <div class="extrac-div-1"><span></span></div>
  <div class="extrac-div-2"><span></span></div>
  <div class="extrac-div-3"><span></span></div>
</footer>
 

</div> <!-- container-wrap -->
 
<div class="extra-div-1"><span></span></div>
<div class="extra-div-2"><span></span></div>
<div class="extra-div-3"><span></span></div>
<div class="extra-div-4"><span></span></div>
<div class="extra-div-5"><span></span></div>
<div class="extra-div-6"><span></span></div>
</div> <!-- container-wrap-wrap -->
</div>
<div id="dummy-ondomready-block" style="display: none;" ></div>
    <!-- Google Analytics load -->
    <script type="text/javascript">
        (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
    </script>




<div id="page-options-bottom-tips" style="display: none;">
    <div id="edit-button-hovertip">
        Click here to edit contents of this page.    </div>
</div>
<div id="page-options-bottom-2-tips"  style="display: none;">
    <div id="edit-sections-button-hovertip">
        Click here to toggle editing of individual sections of the page (if possible).         Watch headings for an &quot;edit&quot; link when available.    </div>
    <div id="edit-append-button-hovertip">
        Append content without editing the whole page source.    </div>
    <div id="history-button-hovertip">
        Check out how this page has evolved in the past.    </div>
    <div id="discuss-button-hovertip">
        If you want to discuss contents of this page - this is the easiest way to do it.    </div>
    <div id="files-button-hovertip">
        View and manage file attachments for this page.    </div>
    <div id="site-tools-button-hovertip">
        A few useful tools to manage this Site.    </div>
    <div id="backlinks-button-hovertip">
        See pages that link to and include this page.    </div>
    <div id="rename-move-button-hovertip">
        Change the name (also URL address, possibly the category) of the page.    </div>
    <div id="view-source-button-hovertip">
        View wiki source for this page without editing.    </div>
    <div id="parent-page-button-hovertip">  
        View/set parent page (used for creating breadcrumbs and structured layout).    </div>
            <div id="abuse-report-button-hovertip">
            Notify administrators if there is objectionable content in this page.        </div>
        <div id="bug-report-button-hovertip">
            Something does not work as expected? Find out what you can do.        </div>
        <div id="wikidot-help-button-hovertip">
            General Wikidot.com documentation and help section.        </div>
        <div id="wikidot-tos-button-hovertip">
            Wikidot.com Terms of Service - what you can, what you should not etc.        </div>
        <div id="wikidot-privacy-button-hovertip">
            Wikidot.com Privacy Policy.          
        </div>
    </div>
</body>
</html>