document.write(`
<!-- <div class="bootstrap"> -->
  <div class="row row-no-gutters" id='conteudoAccordion'>
    <div class="col-xs-12 col-sm-12 col-md-6 col-md-push-3">
      <div class="bs-example bs-example-tabs" data-example-id="togglable-tabs"
        style="margin-left: 10px;margin-right: 10px;margin-top: 10px;">
  
  
        <ul id="myTabs" class="nav nav-tabs nav-justified" role="tablist" style="margin-left: 0px;padding-right: 0px; display: flex;">
          <li role="presentation" class="active black-tab" style=" display: flex; flex-grow: 1;min-width: 15%;">
            <a class="newtab" href="#PainelEditorTexto" id="PainelEditorTexto-tab" role="tab" data-toggle="tab"
              aria-controls="PainelEditorTexto" aria-expanded="true" style="flex-grow: 1; margin: 0; padding-left: 5px !important; padding-right: 5px !important;">Bloco de Notas</a>
          </li>
          <li role="presentation" class="black-tab" style=" display: flex; flex-grow: 1;min-width: 15%;">
            <a class="newtab" href="#PainelEditorTabela" role="tab" id="PainelEditorTabela-tab" data-toggle="tab"
              aria-controls="PainelEditorTabela" aria-expanded="false" style="flex-grow: 1; margin: 0;padding-left: 5px !important; padding-right: 5px !important;">Tabela</a>
          </li>
          <!-- <li role="presentation" class="black-tab"><a class="newtab" href="#grid" role="tab" id="grid-tab" data-toggle="tab" aria-controls="grid" aria-expanded="false">Grid</a></li> -->
          <li role="presentation" class="dropdown top_level expanded" style="padding: 0px; flex-grow: 1; height: auto;min-width: 15%;">
            <a href="#" id="myTabDropA" class="dropdown-toggle newtab" data-toggle="dropdown" aria-controls="myTabDrop11-contents" aria-expanded="false" style="flex-grow: 1; height: 100%;padding-left: 5px !important; padding-right: 5px !important;">
              Grids
              <span class="caret"></span>
            </a>
            <ul class="dropdown-menu" aria-labelledby="myTabDropA" id="myTabDropA-contents">
              <li><a href="#dropdownA1" role="tab" id="dropdownA1-tab" data-toggle="tab" aria-controls="dropdownA1">Concreto</a></li>
              <li><a href="#dropdownA2" role="tab" id="dropdownA2-tab" data-toggle="tab" aria-controls="dropdownA2">Campo</a></li>
              <li><a href="#dropdownA3" role="tab" id="dropdownA3-tab" data-toggle="tab" aria-controls="dropdownA3">Floresta</a></li>
              <li><a href="#dropdownA4" role="tab" id="dropdownA4-tab" data-toggle="tab" aria-controls="dropdownA4">Deserto</a></li>
              <li role="separator" class="divider"></li>
              <li><a href="#" data-toggle="modal" data-target="#ModalEditarGrids">Configurações</a></li>
            </ul>
          </li>
          <!-- <li role="presentation" class=""><a href="#profile" role="tab" id="profile-tab" data-toggle="tab" aria-controls="profile" aria-expanded="false">Tabela</a></li> -->
          <li role="presentation" class="dropdown top_level expanded" style="padding: 0px; flex-grow: 1; height: auto;min-width: 15%;">
            <a href="#" id="myTabDropB" class="dropdown-toggle newtab" data-toggle="dropdown" aria-controls="myTabDrop1-contents" aria-expanded="false" style=" height: 100%;">
              Progressão de Classes
              <span class="caret"></span></a>
            <ul class="dropdown-menu dropdownClasses" aria-labelledby="myTabDropB" id="myTabDropB-contents">
              <li><a href="#dropdownB1" role="tab" id="dropdownB1-tab" data-toggle="tab" aria-controls="dropdownB1">Todas</a></li>
              <li><a href="#dropdownB2" role="tab" id="dropdownB2-tab" data-toggle="tab" aria-controls="dropdownB2">Bárbaro</a></li>
              <li><a href="#dropdownB3" role="tab" id="dropdownB3-tab" data-toggle="tab" aria-controls="dropdownB3">Bardo</a></li>
              <li><a href="#dropdownB4" role="tab" id="dropdownB4-tab" data-toggle="tab" aria-controls="dropdownB4">Bruxo</a></li>
              <li><a href="#dropdownB5" role="tab" id="dropdownB5-tab" data-toggle="tab" aria-controls="dropdownB5">Clérigo</a></li>
              <li><a href="#dropdownB6" role="tab" id="dropdownB6-tab" data-toggle="tab" aria-controls="dropdownB6">Druida</a></li>
              <li><a href="#dropdownB7" role="tab" id="dropdownB7-tab" data-toggle="tab" aria-controls="dropdownB7">Feiticeiro</a></li>
              <li><a href="#dropdownB8" role="tab" id="dropdownB8-tab" data-toggle="tab" aria-controls="dropdownB8">Guerreiro</a></li>
              <li><a href="#dropdownB9" role="tab" id="dropdownB9-tab" data-toggle="tab" aria-controls="dropdownB9">Ladino</a></li>
              <li><a href="#dropdownB10" role="tab" id="dropdownB10-tab" data-toggle="tab" aria-controls="dropdownB10">Mago</a></li>
              <li><a href="#dropdownB11" role="tab" id="dropdownB11-tab" data-toggle="tab" aria-controls="dropdownB11">Monge</a></li>
              <li><a href="#dropdownB12" role="tab" id="dropdownB12-tab" data-toggle="tab" aria-controls="dropdownB12">Paladino</a></li>
              <li><a href="#dropdownB13" role="tab" id="dropdownB13-tab" data-toggle="tab" aria-controls="dropdownB13">Patrulheiro</a></li>
            </ul>
          </li>
          <li role="presentation" class="dropdown top_level expanded" style="padding: 0px; flex-grow: 1; height: auto;min-width: 15%;">
            <a href="#" id="myTabDropC" class="dropdown-toggle newtab" data-toggle="dropdown" aria-controls="myTabDropC-contents" aria-expanded="false" style=" height: 100%;">
              Gerador de Mapas
              <span class="caret"></span>
            </a>
            <ul class="dropdown-menu" aria-labelledby="myTabDropC" id="myTabDropC-contents">
              <li><a href="#dropdownC1" role="tab" id="dropdownC1-tab" data-toggle="tab" aria-controls="dropdownC1">Cidade</a></li>
              <li><a href="#dropdownC2" role="tab" id="dropdownC2-tab" data-toggle="tab" aria-controls="dropdownC2">Mundo</a></li>
              <li><a href="#dropdownC3" role="tab" id="dropdownC3-tab" data-toggle="tab" aria-controls="dropdownC3">Dungeon</a></li>
            </ul>
          </li>
        </ul>
  
        <!-- <script type="text/javascript">
            $(document).on("click","#dropdown111-tab", function(){
  
              $("#dropdown111").load("http://fantasycities.watabou.ru/");
            });
          </script> -->
  
        <div id="myTabContent" class="tab-content" style="background-color: #ffffff;">
  
          <div role="tabpanel" id="PainelEditorTexto" style="width: 100%;padding: 5px; height: calc(100vh - 140px)"
            class="tab-pane fade active in" aria-labelledby="PainelEditorTexto-tab">
            <!-- <textarea name="content" id="editor">This is some sample content.</textarea> -->
            <div id="toolbar-container"></div>
            <main>
              <div class="centered">
                <div id="documenteditor" class="document-editor">
                  <div id="documenttoolbar" class="toolbar-container"></div>
                  <div id="documentcontent" class="content-container">
                    <div id="editor">
                      <h2><span class="text-big"><strong>Olá! Bem vindo à Página do Mestre do DnD Helper!</strong></span>
                      </h2>
                      <p><span class="text-big">Aqui você encontrará diversas ferramentas para auxiliar em sua mesa de
                          D&amp;D,
                          e melhorar suas mestragens!</span><br><span class="text-big">​​​​​​​Há varias ferramentas para
                          agilizar sua pesquisa
                          de magias, poder gerenciar seu grupo, melhorar os combates do seu personagem, tabelas úteis,
                          grids, e muito mais!</span></p>
                    </div>
                  </div>
                </div>
                <script>
                  // $(document).ready(function () {
                  //   $('#documentcontent').css('max-height', $('#documentcontent').height());
                  // });
                  // $(window).resize(function () {
                  //   $('#documentcontent').css('max-height', ($('#documenteditor').height() - $('#documenttoolbar').height()));
                  //   $('#editor').css('max-height', ($('#documenteditor').height() - $('#documenttoolbar').height()));
                  // });
                </script>
              </div>
            </main>
            <script>
              DecoupledEditor
                .create(document.querySelector('#editor'), {
                  // toolbar: [ 'heading', '|', 'bold', 'italic', 'link' ]
                })
                .then(editor => {
                  const toolbarContainer = document.querySelector('main .toolbar-container');

                  toolbarContainer.prepend(editor.ui.view.toolbar.element);

                  window.editor = editor;
                })
                .catch(err => {
                  console.error(err.stack);
                });
            </script>
          </div>
  
          <div role="tabpanel" id="PainelEditorTabela" class="tab-pane fade"
            style="width: 100%; padding: 5px; height: calc(100vh - 140px); overflow: auto"
            aria-labelledby="PainelEditorTabela-tab">
            <div id="example"></div>
          </div>
  
          <div class="modal fade" id="ModalEditarGrids" style="z-index: 1600;" role="dialog"
            aria-labelledby="myModalLabel">
            <div class="vertical-alignment-helper">
  
              <div class="modal-dialog vertical-align-center" role="document">
                <div class="modal-content" style="width: 400px;">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">Configurar Grids</h4>
                  </div>
                  <div class="modal-body">
                    <script src="Grids/Configuracao.html"></script>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                    <button id="buttonConfirmaConfigGrid" type="button" class="btn btn-success">Confirmar</button>
                  </div>
                </div>
              </div>
  
            </div>
          </div>
  
          <div class="modal fade" id="ModalEditarObjeto" style="z-index: 1600;" role="dialog"
            aria-labelledby="myModalLabel">
            <div class="vertical-alignment-helper">
  
              <div class="modal-dialog vertical-align-center" role="document">
                <div class="modal-content" style="width: 400px;">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">Configurar Grids</h4>
                  </div>
                  <div class="modal-body">
                    <script src="Grids/Configuracao.html"></script>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                    <button type="button" class="btn btn-success">Confirmar</button>
                  </div>
                </div>
              </div>
  
            </div>
          </div>
  
          <div role="tabpanel" class="tab-pane fade"
            style="height: calc(100vh - 140px); overflow-x: hidden; overflow-y: auto;" id="dropdownA1"
            aria-labelledby="dropdownA1-tab">
            <canvas id="canvasGrid1" style="width: 100%; height: 100%"></canvas>
            <!-- <img src="img/grid/Grid-3.jpeg" alt="" style="width: 100%;"> -->
          </div>
  
          <div role="tabpanel" class="tab-pane fade" id="dropdownA2" aria-labelledby="dropdownA2-tab">
            <!-- <img src="img/grid/Grid-3.jpeg" alt="" style="width: 100%; max-height: 600px;"> -->
            <!-- <input type='file' accept='text/plain' onchange='openFile(event)'><br> -->
            <!-- <div id='output'></div> -->
            <!-- <script>
  
              </script> -->
  
          </div>
          <div role="tabpanel" class="tab-pane fade" id="dropdownA3" aria-labelledby="dropdownA3-tab"><img
              src="img/grid/Grid-3.jpeg" alt="" style="width: 100%; max-height: 600px;"></div>
          <div role="tabpanel" class="tab-pane fade" id="dropdownA4" aria-labelledby="dropdownA4-tab"><img
              src="img/grid/Grid-3.jpeg" alt="" style="width: 100%; max-height: 600px;"></div>
  
  
  
          <div role="tabpanel" class="tab-pane fade" id="dropdownB1" aria-labelledby="dropdownB1-tab"><img
              src="img/progressao/All.PNG" alt="" style="width: 100%"></div>
          <div role="tabpanel" class="tab-pane fade" id="dropdownB2" aria-labelledby="dropdownB2-tab"><img
              src="img/progressao/Barbaro.PNG" alt="" style="width: 100%"></div>
          <div role="tabpanel" class="tab-pane fade" id="dropdownB3" aria-labelledby="dropdownB3-tab"><img
              src="img/progressao/Bardo.PNG" alt="" style="width: 100%"></div>
          <div role="tabpanel" class="tab-pane fade" id="dropdownB4" aria-labelledby="dropdownB4-tab"><img
              src="img/progressao/Bruxo.PNG" alt="" style="width: 100%"></div>
          <div role="tabpanel" class="tab-pane fade" id="dropdownB5" aria-labelledby="dropdownB5-tab"><img
              src="img/progressao/Clerigo.PNG" alt="" style="width: 100%"></div>
          <div role="tabpanel" class="tab-pane fade" id="dropdownB6" aria-labelledby="dropdownB6-tab"><img
              src="img/progressao/Druida.PNG" alt="" style="width: 100%"></div>
          <div role="tabpanel" class="tab-pane fade" id="dropdownB7" aria-labelledby="dropdownB7-tab"><img
              src="img/progressao/Feiticeiro.PNG" alt="" style="width: 100%"></div>
          <div role="tabpanel" class="tab-pane fade" id="dropdownB8" aria-labelledby="dropdownB8-tab"><img
              src="img/progressao/Guerreiro.PNG" alt="" style="width: 100%"></div>
          <div role="tabpanel" class="tab-pane fade" id="dropdownB9" aria-labelledby="dropdownB9-tab"><img
              src="img/progressao/Ladino.PNG" alt="" style="width: 100%"></div>
          <div role="tabpanel" class="tab-pane fade" id="dropdownB10" aria-labelledby="dropdownB10-tab"><img
              src="img/progressao/Mago.PNG" alt="" style="width: 100%"></div>
          <div role="tabpanel" class="tab-pane fade" id="dropdownB11" aria-labelledby="dropdownB11-tab"><img
              src="img/progressao/Monge.PNG" alt="" style="width: 100%"></div>
          <div role="tabpanel" class="tab-pane fade" id="dropdownB12" aria-labelledby="dropdownB12-tab"><img
              src="img/progressao/Paladino.PNG" alt="" style="width: 100%"></div>
          <div role="tabpanel" class="tab-pane fade" id="dropdownB13" aria-labelledby="dropdownB13-tab"><img
              src="img/progressao/Patrulheiro.PNG" alt="" style="width: 100%"></div>
  
          <div role="tabpanel" class="tab-pane fade" id="dropdownC1" aria-labelledby="dropdownC1-tab"
            style="height: calc(100vh - 140px)">
            <iframe id="iframeCidade" style="overflow: hidden; height: 100%; width: 100%"></iframe>
            <input type="text" name="" value="" id="linkCidade" style="display:none"></input>
          </div>
          <div role="tabpanel" class="tab-pane fade" id="dropdownC2" aria-labelledby="dropdownC2-tab"
            style="height: calc(100vh - 140px)">
            <iframe id="iframeMundo" frameborder="0" style="overflow: hidden; height: 100%; width: 100%"></iframe>
          </div>
          <div role="tabpanel" class="tab-pane fade" id="dropdownC3" aria-labelledby="dropdownC3-tab"
            style="height: calc(100vh - 160px);">
            <iframe id="iframeDungeon" frameborder="0" style="height: 100%; width: 100%"></iframe>
  
            <!-- <iframe id="iframeMundo" width="100%" frameborder="0" style="overflow: hidden; height: calc(100vh - 8 * 34px - 64px)"></iframe> -->
  
  
            <!-- <div class="panel-group" id="accordion3" role="tablist" aria-multiselectable="true" style="margin-bottom: 0px;">
  
                <div class="panel panel-default">
                  <div class="panel-heading" role="tab" id="headingOne3">
                    <h4 class="panel-title">
                      <a role="button" data-toggle="collapse" data-parent="#accordion3" href="#collapseOne3" aria-expanded="true" aria-controls="collapseOne3">
                        Configurações
                      </a>
                    </h4>
                  </div>
                  <div id="collapseOne3" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne3">
                    <div class="panel-body" style="padding: 6px" > -->
  
  
  
            <!-- <form method="post" action="" name="form1">
  
                        <h4 style="margin-bottom: 4px;margin-top: 6px;font-weight: bold;text-transform: uppercase;">
                          Configurações da Dungeon
                        </h4>
                        <div style="display: flex;flex-wrap: wrap;">
                          <ul class="btn-group-vertical" style="width: 33.3%;flex-wrap: wrap; margin: 0;padding-right: 0px;padding-bottom: 10px;">
                            <label for="" style="margin-bottom: 0px; margin-top: 5px;line-height: initial;">
                            Tamanho da Sala Inicial</label>
                            <select class="custom-select" name="startroomtype" size="1" onchange="sendData();">
                              <option value="0">Teste Special 1</option>
                              <option value="1">Teste Special 2</option>
                              <option value="2">Teste Special 3</option>
                              <option value="3">Random - Pequena</option>
                              <option value="4" selected="selected">Random - Média</option>
                              <option value="5">Random - Grande</option>
                            </select>
                            <label for="" style="margin-bottom: 0px; margin-top: 5px;line-height: initial;">
                            Comprimento do Corredor</label>
                            <select class="custom-select" name="halllength" size="1" onchange="sendData();">
                              <option value="4">Curto</option>
                              <option value="6">Médio</option>
                              <option value="8" selected="selected">Longo</option>
                            </select>
                            <label for="" style="margin-bottom: 0px; margin-top: 5px;line-height: initial;">
                            Saidas das Salas</label>
                            <select class="custom-select" name="exits" size="1" onchange="sendData();">
                              <option value="8">Poucas</option>
                              <option value="6" selected="selected">Normal</option>
                              <option value="4">Muitas</option>
                            </select>
                            <label for="" style="margin-bottom: 0px; margin-top: 5px;line-height: initial;">
                            Esquema de Cores</label>
                            <select class="custom-select" name="skin" size="1" onchange="sendData();">
                              <option value="0" selected="selected">Preto &amp; Branco</option>
                              <option value="1">Colorida</option>
                            </select>
                          </ul>
                          <ul class="btn-group-vertical" style="width: 33.3%;flex-wrap: wrap; margin: 0;padding-right: 5px;padding-left: 5px;padding-bottom: 10px;">
                            <label for="" style="margin-bottom: 0px; margin-top: 5px;line-height: initial;">
                            Saidas da Sala Inicial</label>
                            <select class="custom-select" name="startexits" size="1" onchange="sendData();">
                              <option value="10">33% Cada Parede</option>
                              <option value="8">50% Cada Parede</option>
                              <option value="6">66% Cada Parede</option>
                              <option value="4" selected="selected">100% Cada Parede</option>
                            </select>
                            <label for="" style="margin-bottom: 0px; margin-top: 5px;line-height: initial;">
                            Relação Corredor x Salas</label>
                            <select class="custom-select" name="hallways" size="1" onchange="sendData();">
                              <option value="75" selected="selected">Mais Corredores</option>
                              <option value="50">Meio a Meio</option>
                              <option value="25">Mais Salas</option>
                            </select>
                            <label for="" style="margin-bottom: 0px; margin-top: 5px;line-height: initial;">
                            Portas Secretas</label>
                            <select class="custom-select" name="secretdoors" size="1" onchange="sendData();">
                              <option value="0">Nenhuma</option>
                              <option value="1" selected="selected">Algumas</option>
                              <option value="2">Muitas</option>
                            </select>
                            <label for="" style="margin-bottom: 0px; margin-top: 5px;line-height: initial;">
                            Grid (5 foot lines)</label>
                            <select class="custom-select" name="grid" size="1" onchange="sendData();">
                              <option value="0" selected="selected">ON</option>
                              <option value="1">OFF</option>
                            </select>
                          </ul>
                          <ul class="btn-group-vertical" style="width: 33.3%;flex-wrap: wrap; margin: 0;padding-right: 0px;padding-bottom: 10px;">
                            <label for="" style="margin-bottom: 0px; margin-top: 5px;line-height: initial;">
                            Tam. das Salas da Dungeon</label>
                            <select class="custom-select" name="dungeonrooms" size="1" onchange="sendData();">
                              <option value="4">Pequena</option>
                              <option value="6" selected="selected">Média</option>
                              <option value="8">Grande</option>
                            </select>
                            <label for="" style="margin-bottom: 0px; margin-top: 5px;line-height: initial;">
                            Tamanho da Dungeon</label>
                            <select class="custom-select" name="size" size="1" onchange="sendData();">
                              <option value="1">Minúscula</option>
                              <option value="2">Pequena</option>
                              <option value="3" selected="selected">Média</option>
                              <option value="4">Grande</option>
                              <option value="5">Gigante</option>
                            </select>
                            <label for="" style="margin-bottom: 0px; margin-top: 5px;line-height: initial;">
                            Portões</label>
                            <select class="custom-select" name="portcullises" size="1" onchange="sendData();">
                              <option value="0" selected="selected">Nenhum</option>
                              <option value="1">Alguns</option>
                              <option value="2">Muitos</option>
                            </select>
                            <label for="" style="margin-bottom: 0px; margin-top: 5px;line-height: initial;">
                            Mapa/Aventura</label>
                            <select class="custom-select" name="map" size="1" onchange="sendData();">
                              <option value="0">Mapa Somente</option>
                              <option value="1" selected="selected">Mapa e Aventura</option>
                            </select>
                          </ul> -->
  
  
            <!-- <ul id="ulMagias" class="btn-group-vertical" style="width: 25%;flex-wrap: wrap; margin: 0;padding-right: 0px;padding-bottom: 10px;">
                            <button type="button" class="btn btn-default btn-sm" style="width: 100%;padding-top: 0px;padding-bottom: 0px;font-size: 11px !important;cursor: auto;background-color: rgb(238, 238, 238);opacity: 1;border-top-right-radius: 0;" disabled="">
                              Tamanho da Sala Inicial
                            </button>
                            <li id="Item1" class="btn-group" style="width: 100%;">
                              <button type="button" id="BotaoAntecedentes" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="width: 100%;padding-top: 4px;padding-bottom: 4px;font-size: 13px !important;border-bottom-right-radius: 0;">
                                <b>Antecedentes</b>
                                <span class="caret"></span>
                              </button>
                              <ul class="dropdown-menu dropdown-menu-mapadungeon">
                                <li value="500"><a href="#">Acólito</a></li>
                                <li><a href="#">Artesão de Guilda</a></li>
                                <li><a href="#">Artesão, Mercador de Guilda</a></li>
                                <li><a href="#">Artista</a></li>
                                <li><a href="#">Artista, Gladiador</a></li>
                                <li><a href="#">Charlatão</a></li>
                                <li><a href="#">Criminoso</a></li>
                                <li><a href="#">Criminoso, Espião</a></li>
                                <li><a href="#">Eremita</a></li>
                                <li><a href="#">Forasteiro</a></li>
                                <li><a href="#">Herói do Povo</a></li>
                                <li><a href="#">Marinheiro</a></li>
                                <li><a href="#">Marinheiro, Pirata</a></li>
                                <li><a href="#">Nobre</a></li>
                                <li><a href="#">Nobre, Cavaleiro</a></li>
                                <li><a href="#">Orfão</a></li>
                                <li><a href="#">Sábio</a></li>
                                <li><a href="#">Soldado</a></li>
                              </ul>
                            </li>
                          </ul>
                          <ul id="ulMagias" class="btn-group-vertical" style="width: 25%;flex-wrap: wrap; margin: 0;padding-right: 0px;padding-bottom: 10px;margin-left: -1px;">
                            <button type="button" class="btn btn-default btn-sm" style="width: 100%;padding-top: 0px;padding-bottom: 0px;font-size: 11px !important;cursor: auto;background-color: rgb(238, 238, 238);opacity: 1;border-radius: 0;" disabled="">
                              Tamanho da Sala Inicial
                            </button>
                            <li id="Item1" class="btn-group" style="width: 100%;">
                              <button type="button" id="BotaoAntecedentes" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="width: 100%;padding-top: 4px;padding-bottom: 4px;font-size: 13px !important;border-radius: 0;">
                                <b>Antecedentes</b>
                                <span class="caret"></span>
                              </button>
                              <ul class="dropdown-menu dropdown-menu-mapadungeon">
                                <li value="500"><a href="#">Acólito</a></li>
                                <li><a href="#">Artesão de Guilda</a></li>
                                <li><a href="#">Artesão, Mercador de Guilda</a></li>
                                <li><a href="#">Artista</a></li>
                                <li><a href="#">Artista, Gladiador</a></li>
                                <li><a href="#">Charlatão</a></li>
                                <li><a href="#">Criminoso</a></li>
                                <li><a href="#">Criminoso, Espião</a></li>
                                <li><a href="#">Eremita</a></li>
                                <li><a href="#">Forasteiro</a></li>
                                <li><a href="#">Herói do Povo</a></li>
                                <li><a href="#">Marinheiro</a></li>
                                <li><a href="#">Marinheiro, Pirata</a></li>
                                <li><a href="#">Nobre</a></li>
                                <li><a href="#">Nobre, Cavaleiro</a></li>
                                <li><a href="#">Orfão</a></li>
                                <li><a href="#">Sábio</a></li>
                                <li><a href="#">Soldado</a></li>
                              </ul>
                            </li>
                          </ul>
                          <ul id="ulMagias" class="btn-group-vertical" style="width: 25%;flex-wrap: wrap; margin: 0;padding-right: 0px;padding-bottom: 10px;margin-left: -1px;">
                            <button type="button" class="btn btn-default btn-sm" style="width: 100%;padding-top: 0px;padding-bottom: 0px;font-size: 11px !important;cursor: auto;background-color: rgb(238, 238, 238);opacity: 1;border-radius: 0;" disabled="">
                              Tamanho da Sala Inicial
                            </button>
                            <li id="Item1" class="btn-group" style="width: 100%;">
                              <button type="button" id="BotaoAntecedentes" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="width: 100%;padding-top: 4px;padding-bottom: 4px;font-size: 13px !important;border-radius: 0;">
                                <b>Antecedentes</b>
                                <span class="caret"></span>
                              </button>
                              <ul class="dropdown-menu dropdown-menu-mapadungeon">
                                <li value="500"><a href="#">Acólito</a></li>
                                <li><a href="#">Artesão de Guilda</a></li>
                                <li><a href="#">Artesão, Mercador de Guilda</a></li>
                                <li><a href="#">Artista</a></li>
                                <li><a href="#">Artista, Gladiador</a></li>
                                <li><a href="#">Charlatão</a></li>
                                <li><a href="#">Criminoso</a></li>
                                <li><a href="#">Criminoso, Espião</a></li>
                                <li><a href="#">Eremita</a></li>
                                <li><a href="#">Forasteiro</a></li>
                                <li><a href="#">Herói do Povo</a></li>
                                <li><a href="#">Marinheiro</a></li>
                                <li><a href="#">Marinheiro, Pirata</a></li>
                                <li><a href="#">Nobre</a></li>
                                <li><a href="#">Nobre, Cavaleiro</a></li>
                                <li><a href="#">Orfão</a></li>
                                <li><a href="#">Sábio</a></li>
                                <li><a href="#">Soldado</a></li>
                              </ul>
                            </li>
                          </ul>
                          <ul id="ulMagias" class="btn-group-vertical" style="width: 25%;flex-wrap: wrap; margin: 0;padding-right: 0px;padding-bottom: 10px;margin-left: -1px;">
                            <button type="button" class="btn btn-default btn-sm" style="width: 100%;padding-top: 0px;padding-bottom: 0px;font-size: 11px !important;cursor: auto;background-color: rgb(238, 238, 238);opacity: 1; border-top-left-radius: 0px" disabled="">
                              Tamanho da Sala Inicial
                            </button>
                            <li id="Item1" class="btn-group" style="width: 100%;">
                              <button type="button" id="BotaoAntecedentes" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="width: 100%;padding-top: 4px;padding-bottom: 4px;font-size: 13px !important; border-bottom-left-radius: 0px">
                                <b>Antecedentes</b>
                                <span class="caret"></span>
                              </button>
                              <ul class="dropdown-menu dropdown-menu-mapadungeon">
                                <li value="500"><a href="#">Acólito</a></li>
                                <li><a href="#">Artesão de Guilda</a></li>
                                <li><a href="#">Artesão, Mercador de Guilda</a></li>
                                <li><a href="#">Artista</a></li>
                                <li><a href="#">Artista, Gladiador</a></li>
                                <li><a href="#">Charlatão</a></li>
                                <li><a href="#">Criminoso</a></li>
                                <li><a href="#">Criminoso, Espião</a></li>
                                <li><a href="#">Eremita</a></li>
                                <li><a href="#">Forasteiro</a></li>
                                <li><a href="#">Herói do Povo</a></li>
                                <li><a href="#">Marinheiro</a></li>
                                <li><a href="#">Marinheiro, Pirata</a></li>
                                <li><a href="#">Nobre</a></li>
                                <li><a href="#">Nobre, Cavaleiro</a></li>
                                <li><a href="#">Orfão</a></li>
                                <li><a href="#">Sábio</a></li>
                                <li><a href="#">Soldado</a></li>
                              </ul>
                            </li>
                          </ul> -->
  
            <!-- </div>
                        <div class="custom-divider" style="margin-top: 10px;"></div>
                        <h4 style="margin-bottom: 4px;margin-top: 6px;font-weight: bold;text-transform: uppercase;">
                          Configurações da Aventura
                        </h4>
                        <div style="display: flex;flex-wrap: wrap;">
                          <ul class="btn-group-vertical" style="width: 33.3%;flex-wrap: wrap; margin: 0;padding-right: 0px;padding-bottom: 10px;">
                            <label for="" style="margin-bottom: 0px; margin-top: 5px;line-height: initial;">
                            Nivel da Dungeon</label>
                            <select class="custom-select" name="level" size="1" onchange="sendData();">
                              <option value="1">1</option>
                              <option value="2">2</option>
                              <option value="3" selected="selected">3</option>
                              <option value="4">4</option>
                              <option value="5">5</option>
                              <option value="6">6</option>
                              <option value="7">7</option>
                              <option value="8">8</option>
                              <option value="9">9</option>
                              <option value="10">10</option>
                              <option value="11">11</option>
                              <option value="12">12</option>
                              <option value="13">13</option>
                              <option value="14">14</option>
                              <option value="15">15</option>
                              <option value="16">16</option>
                              <option value="17">17</option>
                              <option value="18">18</option>
                              <option value="19">19</option>
                              <option value="20">20</option>
                            </select>
                            <label for="" style="margin-bottom: 0px; margin-top: 5px;line-height: initial;">
                            Texto Introdutório</label>
                            <select class="custom-select" name="intro" size="1" onchange="sendData();">
                              <option value="0" selected="selected">ON</option>
                              <option value="1">OFF</option>
                            </select>
                            <label for="" style="margin-bottom: 0px; margin-top: 5px;line-height: initial;">
                            Trap Summary</label>
                            <select class="custom-select" name="traps" size="1" onchange="sendData();">
                              <option value="0" selected="selected">ON</option>
                              <option value="1">OFF</option>
                            </select>
                          </ul>
                          <ul class="btn-group-vertical" style="width: 33.3%;flex-wrap: wrap; margin: 0;padding-right: 5px;padding-left: 5px;padding-bottom: 10px;">
                            <label for="" style="margin-bottom: 0px; margin-top: 5px;line-height: initial;">
                            Tema</label>
                            <select class="custom-select" name="theme" size="1" onchange="sendData();">
                              <option value="A" selected="selected">Generic</option>
                              <option value="C">Crypt</option>
                              <option value="S">Sewer</option>
                            </select>
                            <label for="" style="margin-bottom: 0px; margin-top: 5px;line-height: initial;">
                            Features Text</label>
                            <select class="custom-select" name="features" size="1" onchange="sendData();">
                              <option value="0" selected="selected">ON</option>
                              <option value="1">OFF</option>
                            </select>
                            <label for="" style="margin-bottom: 0px; margin-top: 5px;line-height: initial;">
                            Simple Adventure Hooks</label>
                            <select class="custom-select" name="hooks" size="1" onchange="sendData();">
                              <option value="0">None</option>
                              <option value="1">1</option>
                              <option value="2">2</option>
                              <option value="3" selected="selected">3</option>
                              <option value="4">4</option>
                              <option value="5">5</option>
                            </select>
                          </ul>
                          <ul class="btn-group-vertical" style="width: 33.3%;flex-wrap: wrap; margin: 0;padding-right: 0px;padding-bottom: 10px;">
                            <label for="" style="margin-bottom: 0px; margin-top: 5px;line-height: initial;">
                            DM Details</label>
                            <select class="custom-select" name="details" size="1" onchange="sendData();">
                              <option value="0" selected="selected">ON</option>
                              <option value="1">OFF</option>
                            </select>
                            <label for="" style="margin-bottom: 0px; margin-top: 5px;line-height: initial;">
                            Monstros Vagando</label>
                            <select class="custom-select" name="randenc" size="1" onchange="sendData();">
                              <option value="0" selected="selected">ON</option>
                              <option value="1">OFF</option>
                            </select>
                            <label for="" style="margin-bottom: 0px; margin-top: 5px;line-height: initial;">
                            Carregar Código</label>
                            <input type="text" class="custom-select form-control" style="padding-top: 3.5px; height: auto; padding-bottom: 3.5px; background: none;border-radius: 3px;" placeholder="" aria-describedby="">
                          </ul>
  
  
                        </div>
                        <div class="custom-divider" style="margin-top: 10px;"></div>
                        <h4 style="margin-bottom: 4px;margin-top: 6px;font-weight: bold;text-transform: uppercase;">
                          Fontes
                        </h4>
                        <table class="table table-striped table-condensed" style="margin-bottom: 2px;">
                          <tr>
                            <td style="padding: 0;">
                              <input type="checkbox" name="corebooks" value="C" onclick="sendData();" checked="checked">
                              Core Books (DMG, PHB, MM)
                            </td>
                            <td style="padding: 0;">
                              <input type="checkbox" name="mm2" onclick="sendData();" value="2">
                              Monster Manual II
                            </td>
                            <td style="padding: 0;">
                              <input type="checkbox" name="mm3" onclick="sendData();" value="3">
                              Monster Manual III
                            </td>
                            <td style="padding: 0;">
                              <input type="checkbox" name="mm4" onclick="sendData();" value="4">
                              Monster Manual IV
                            </td>
                            <td style="padding: 0;">
                              <input type="checkbox" name="ff" onclick="sendData();" value="F">
                              Fiend Folio
                            </td>
                          </tr>
                          <tr>
                            <td style="padding: 0;">
                              <input type="checkbox" name="xph" onclick="sendData();" value="X">
                              Expanded Psionics Handbook
                            </td>
                            <td style="padding: 0;">
                              <input type="checkbox" name="cpsi" onclick="sendData();" value="P">
                              Complete Psionic
                            </td>
                            <td style="padding: 0;">
                              <input type="checkbox" name="fci" onclick="sendData();" value="H">
                              Fiendish Codex I: Hordes of the Abyss
                            </td>
                            <td style="padding: 0;">
                              <input type="checkbox" name="lm" onclick="sendData();" value="L">
                              Libris Mortis
                            </td>
                            <td style="padding: 0;">
                              <input type="checkbox" name="ab" onclick="sendData();" value="A">
                              Lords of Madness
                            </td>
                          </tr>
                        </table>
  
                        <div class="btn-group" role="group" style="width:100%;">
                          <button type="button" class="btn btn-primary btn-sm" style="width:50%; font-size: 14px !important; font-weight: bold;">Randomizar Dungeon</button>
                          <button type="button" class="btn btn-success btn-sm" style="width:50%; font-size: 14px !important; font-weight: bold;">Gerar Dungeon</button>
                        </div>
                      </form> -->
  
  
            <!-- </div>
                  </div>
                </div>
                <div class="panel panel-default">
                  <div class="panel-heading" role="tab" id="headingTwo3">
                    <h4 class="panel-title">
                      <a role="button" data-toggle="collapse" data-parent="#accordion3" href="#collapseTwo3" aria-expanded="true" aria-controls="collapseTwo3">
                        Mapa da Dungeon
                      </a>
                    </h4>
                  </div>
                  <div id="collapseTwo3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo3">
                    <div class="panel-body">
  
                    </div>
                  </div>
                </div>
                <div class="panel panel-default">
                  <div class="panel-heading" role="tab" id="headingThree3">
                    <h4 class="panel-title">
                      <a role="button" data-toggle="collapse" data-parent="#accordion3" href="#collapseThree3" aria-expanded="true" aria-controls="collapseThree3">
                        Informações
                      </a>
                    </h4>
                  </div>
                  <div id="collapseThree3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree3">
                    <div class="panel-body">
  
                    </div>
                  </div>
                </div>
              </div> -->
  
          </div>
          <script type="text/javascript">
            var contCidade = 0;
            $(document).on("click", "#dropdownC1-tab", function () {
              if (contCidade == 0) {
                var linkCidade = "MapaCidade/index.html" + usuario["CampanhasMestre"][usuario["InformacoesdoUsuario"]["CampanhaAtual"]]["Cidade"];
                $("#iframeCidade").attr("src", linkCidade); contCidade = 1;
              }
              // alert("foi")
            })
            var contMundo = 0;
            $(document).on("click", "#dropdownC2-tab", function () {
              if (contMundo == 0) { $("#iframeMundo").attr("src", "MapaMundo/Azgaar's Fantasy Map Generator v 0.80b.htm"); contMundo = 1; }
              // alert("foi")
            })
            var contDungeon = 0;
            $(document).on("click", "#dropdownC3-tab", function () {
              if (contDungeon == 0) { $("#iframeDungeon").attr("src", "Dungeon2.0/index.html"); contDungeon = 1; }
              // alert("foi")
            })
          </script>
  
        </div>
  
      </div>
  
    </div>
    <!-- <script  src="conteudo/accordionDesktop.html"></script> -->

    <script>
      $(document).ready(function(){
        if ($(window).width() <= 767) {
            // $('#conteudoAccordion').attr('src', 'conteudo/accordionMobile.html');
            $.get("conteudo/accordionMobile.html", function (data) {
              	$("#conteudoAccordion").append(data);
            });
        }
        else {
            // $('#conteudoAccordion').attr('src', 'conteudo/accordionDesktop.html');
            $.get("conteudo/accordionDesktop.html", function (data) {
              	$("#conteudoAccordion").append(data);
            });
        }

        $(".dropdownClasses > li").click(function(e){
          // console.log('ATIVOU');
          $(this).toggleClass("open");
        });

      });
    </script>

  </div>
  <!-- <div class="row row-no-gutters">
    <div class="col-md-8">.col-md-8</div>
    <div class="col-md-4">.col-md-4</div>
  </div>
  <div class="row row-no-gutters">
    <div class="col-md-4">.col-md-4</div>
    <div class="col-md-4">.col-md-4</div>
    <div class="col-md-4">.col-md-4</div>
  </div>
  <div class="row row-no-gutters">
    <div class="col-md-6">.col-md-6</div>
    <div class="col-md-6">.col-md-6</div>
  </div> -->
<!-- </div> -->



<!-- <div class="promo-box media-resources">
  <div class="box articles">

    <a class="fancybox" rel="media" href="https://dnd-helper.github.io/Magic-Filter-Printable/" title="">
    <article class="dbl">
      <div class="media-mediaresource">

        <img src="img/PrintPreviewRetan.png" alt="Magic Filter">

        <h3>
          <span class="first-line">Filtro de Magias</span>
          <span>Versão Printável</span>
        </h3>
      </div>
    </article>
    </a>
  </div>
</div> -->

<!-- <div class="promo-box media-resources">
  <div class="box articles">
    <a class="fancybox " rel="media" href="img/jkaxjjxlqx_th.jpg" title="" data-wallpaper="[{&#39;size&#39;:&#39;2560x1600&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/v1_44DnDLive_Ann-2560x1600_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;1920x1080&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/v1_44DnDLive_Ann-1920x1080_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;1280x960&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/v1_44DnDLive_Ann-1280x960_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;iPad&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/v1_44DnDLive_Ann-iPad_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;iPhone&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/v1_44DnDLive_Ann-iPhone_Wallpaper_Template.jpg&#39;}]">
      <article class="dbl">
        <div class="media-mediaresource">

          <img src="img/jkaxjjxlqx_th.jpg" alt="D&D Live 2019" width="600" height="338">

          <h3>
            <span class="first-line">Wallpapers</span>
            <span>D&amp;D Live 2019</span>
          </h3>
        </div>
      </article>
    </a>
  </div>
</div> -->

  <!--

      <a class="fancybox " rel="media" href="http://dnd.wizards.com/sites/default/files/media/Saltmarsh_Gallery_Thumb.jpg" title="" data-wallpaper="[{&#39;size&#39;:&#39;2560x1600&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Saltmarsh_2560x1600_Wallpaper_Template.jpg&#39;},{&#39;size&#39;:&#39;1920x1080&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Saltmarsh_1920x1080_WallpaperTemplate.jpg&#39;},{&#39;size&#39;:&#39;1280x960&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Saltmarsh_1280x960_WallpaperTemplate.jpg&#39;},{&#39;size&#39;:&#39;Facebook&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Saltmarsh_Facebook_Wallpaper_Template.jpg&#39;},{&#39;size&#39;:&#39;Twitter&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Saltmarsh_Twitter_Wallpaper_Template.jpg&#39;},{&#39;size&#39;:&#39;iPad&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Saltmarsh_iPad_WallpaperTemplate.jpg&#39;},{&#39;size&#39;:&#39;iPhone&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Saltmarsh_iPhone_Wallpaper_Template.jpg&#39;}]">
        <article class="dbl">
          <div class="media-mediaresource">

            <img src="https://dnd-helper.github.io/files/Saltmarsh_Gallery_Thumb.jpg" alt="Ghosts of Saltmarsh Wallpaper" width="600" height="338">

            <h3>
              <span class="first-line">Wallpapers</span>
              <span>Ghosts of Saltmarsh</span>
            </h3>
          </div>
        </article>
      </a>
      <a class="fancybox " rel="media" href="http://dnd.wizards.com/sites/default/files/media/MadMage_Gallery_Thumb.jpg" title="" data-wallpaper="[{&#39;size&#39;:&#39;2560x1600&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/MadMage_Expansion_2560x1600_Wallpaper_Template.jpg&#39;},{&#39;size&#39;:&#39;1920x1080&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/MadMage_Expansion_1920x1080_WallpaperTemplate.jpg&#39;},{&#39;size&#39;:&#39;1280x960&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/MadMage_Expansion_1280x960_WallpaperTemplate.jpg&#39;},{&#39;size&#39;:&#39;Facebook&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/MadMage_Expansion_Facebook_Wallpaper_Template.jpg&#39;},{&#39;size&#39;:&#39;Twitter&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/MadMage_Expansion_Twitter_Wallpaper_Template.jpg&#39;},{&#39;size&#39;:&#39;iPad&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/MadMage_Expansion_iPad_WallpaperTemplate.jpg&#39;},{&#39;size&#39;:&#39;iPhone&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/MadMage_Expansion_iPhone_Wallpaper_Template.jpg&#39;}]">
        <article class="dbl">
          <div class="media-mediaresource">

            <img src="https://dnd-helper.github.io/files/MadMage_Gallery_Thumb.jpg" alt="Wallpaper_Dungeon of the Mad Mage" width="600" height="338">

            <h3>
              <span class="first-line">Wallpapers</span>
              <span>Dungeon of the Mad Mage</span>
            </h3>
          </div>
        </article>
      </a>
      <a class="fancybox " rel="media" href="http://dnd.wizards.com/sites/default/files/media/D21-Gallery_Thumb.jpg" title="" data-wallpaper="[{&#39;size&#39;:&#39;2560x1600&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/D21-2560x1600_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;1920x1080&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/D21-1920x1080_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;1280x960&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/D21-1280x960_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;iPhone&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/D21-iPhone_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;iPad&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/D21-iPad_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;Facebook&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/D21-Facebook_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;Twitter&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/D21-Twitter_Wallpaper.jpg&#39;}]">
        <article class="dbl">
          <div class="media-mediaresource">

            <img src="https://dnd-helper.github.io/files/D21-Gallery_Thumb.jpg" alt="Dragon+ 21" width="600" height="338">

            <h3>
              <span class="first-line">Wallpapers</span>
              <span>Dragon+ Issue 21</span>
            </h3>
          </div>
        </article>
      </a>
      <a class="fancybox " rel="media" href="http://dnd.wizards.com/sites/default/files/media/ToF_Gallery_Thumb.jpg" title="" data-wallpaper="[{&#39;size&#39;:&#39;2560x1600&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/ToF_2560x1600_Wallpaper_Template.jpg&#39;},{&#39;size&#39;:&#39;1920x1080&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/ToF_1920x1080_WallpaperTemplate.jpg&#39;},{&#39;size&#39;:&#39;1280x960&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/ToF_1280x960_WallpaperTemplate.jpg&#39;},{&#39;size&#39;:&#39;iPhone&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/ToF_iPhone_Wallpaper_Template.jpg&#39;},{&#39;size&#39;:&#39;iPad&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/ToF_iPad_WallpaperTemplate.jpg&#39;},{&#39;size&#39;:&#39;Facebook&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/ToF_Facebook_Wallpaper_Template.jpg&#39;},{&#39;size&#39;:&#39;Twitter&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/ToF_Twitter_Wallpaper_Template.jpg&#39;}]">
        <article class="dbl">
          <div class="media-mediaresource">

            <img src="https://dnd-helper.github.io/files/ToF_Gallery_Thumb.jpg" alt="Mordenkainen&#39;s Tome of Foes" width="600" height="338">

            <h3>
              <span class="first-line">Wallpapers</span>
              <span>Mordenkainen's Tome of Foes</span>
            </h3>
          </div>
        </article>
      </a>
      <a class="fancybox " rel="media" href="http://dnd.wizards.com/sites/default/files/media/Xanathars_Gallery_Thumb.jpg" title="" data-wallpaper="[{&#39;size&#39;:&#39;2560x1600&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Xanathars_Wallpaper_2560x1600.jpg&#39;},{&#39;size&#39;:&#39;1920x1080&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Xanathars_Wallpaper_1920x1080.jpg&#39;},{&#39;size&#39;:&#39;1280x960&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Xanathars_Wallpaper_1280x960.jpg&#39;},{&#39;size&#39;:&#39;iPhone&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Xanathars_Wallpaper_iPhone.jpg&#39;},{&#39;size&#39;:&#39;iPad&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Xanathars_Wallpaper_iPad.jpg&#39;},{&#39;size&#39;:&#39;Facebook&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Xanathars_Wallpaper_Facebook.jpg&#39;},{&#39;size&#39;:&#39;Facebook v2&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Xanathars_Wallpaper_Facebook_v2.jpg&#39;},{&#39;size&#39;:&#39;Twitter&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Xanathars_Wallpaper_Twitter.jpg&#39;}]">
        <article class="dbl">
          <div class="media-mediaresource">

            <img src="https://dnd-helper.github.io/files/Xanathars_Gallery_Thumb.jpg" alt="Xanathar&#39;s Guide to Everything" width="600" height="338">

            <h3>
              <span class="first-line">Wallpapers</span>
              <span>Xanathar's Guide to Everything</span>
            </h3>
          </div>
        </article>
      </a>
      <a class="fancybox " rel="media" href="http://dnd.wizards.com/sites/default/files/media/GreenFaceMask_Gallery_Thumb.jpg" title="" data-wallpaper="[{&#39;size&#39;:&#39;2560x1600&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/GreenFaceMask_Expansion_2560x1600_Wallpaper_Template.jpg&#39;},{&#39;size&#39;:&#39;1920x1080&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/GreenFaceMask_Expansion_1920x1080_WallpaperTemplate.jpg&#39;},{&#39;size&#39;:&#39;1280x960&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/GreenFaceMask_Expansion_1280x960_WallpaperTemplate.jpg&#39;},{&#39;size&#39;:&#39;iPhone&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/GreenFaceMask_Expansion_iPhone_Wallpaper_Template.jpg&#39;},{&#39;size&#39;:&#39;iPad&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/GreenFaceMask_Expansion_iPad_WallpaperTemplate.jpg&#39;},{&#39;size&#39;:&#39;Facebook&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/GreenFaceMask_Expansion_Facebook_Wallpaper_Template_v2.jpg&#39;},{&#39;size&#39;:&#39;Twitter&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/GreenFaceMask_Expansion_Twitter_Wallpaper_Template.jpg&#39;}]">
        <article class="dbl">
          <div class="media-mediaresource">

            <img src="https://dnd-helper.github.io/files/GreenFaceMask_Gallery_Thumb.jpg" alt="Tomb of Annihilation 1" width="600" height="338">

            <h3>
              <span class="first-line">Wallpapers</span>
              <span>Tomb of Annihilation</span>
            </h3>
          </div>
        </article>
      </a>
      <a class="fancybox " rel="media" href="http://dnd.wizards.com/sites/default/files/media/2016_010516_Yawning_Portal_TH.jpg" title="" data-wallpaper="[{&#39;size&#39;:&#39;2560x1600&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Yawning_portal_2560x1600_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;1920x1080&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Yawning_Portal_1920x1080_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;1280x960&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Yawning_Portal_1280x960_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;iPhone&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Yawning_Portal_iPhone_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;iPad&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Yawning_Portal_iPad_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;Facebook&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Yawning_Portal_Facebook_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;Twitter&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Yawning_Portal_Twitter_Wallpaper.jpg&#39;}]">
        <article class="dbl">
          <div class="media-mediaresource">

            <img src="https://dnd-helper.github.io/files/2016_010516_Yawning_Portal_TH.jpg" alt="Tales from the Yawning Portal" width="600" height="338">

            <h3>
              <span class="first-line">Wallpapers</span>
              <span>Tales from the Yawning Portal</span>
            </h3>
          </div>
        </article>
      </a>
      <a class="fancybox " rel="media" href="http://dnd.wizards.com/sites/default/files/media/DragonPlus11_WallTh.jpg" title="" data-wallpaper="[{&#39;size&#39;:&#39;2560x1600&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/DragonPlus11_2560x1600_Wallpaper_Template.jpg&#39;},{&#39;size&#39;:&#39;1920x1080&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/DragonPlus11_1920x1080_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;1280x960&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/DragonPlus11_1280x960_WallpaperTemplate.jpg&#39;},{&#39;size&#39;:&#39;iPhone&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Expansion_iPhone_Wallpaper_Template.jpg&#39;},{&#39;size&#39;:&#39;iPad&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/DragonPlus11_iPad_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;Facebook&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Dragonplus11_Facebook_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;Twitter&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/DragonPlus11_Twitter_Wallpaper.jpg&#39;}]">
        <article class="dbl">
          <div class="media-mediaresource">

            <img src="https://dnd-helper.github.io/files/DragonPlus11_WallTh.jpg" alt="Dragon+ Issue 11" width="600" height="338">

            <h3>
              <span class="first-line">Wallpapers</span>
              <span>Dragon+ Holiday</span>
            </h3>
          </div>
        </article>
      </a>
      <a class="fancybox " rel="media" href="http://dnd.wizards.com/sites/default/files/media/DX_LiveGame_Article_Thumbnail_02.jpg" title="" data-wallpaper="[{&#39;size&#39;:&#39;2560x1600&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/DX_LiveGame_2560x1600_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;1920x1080&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/DX_LiveGame_1920x1080_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;1280x960&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/DX_LiveGame_1280x960_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;iPhone&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/DX_LiveGame_iPhone_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;iPad&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/DX_LiveGame_iPad_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;Facebook&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/DX_LiveGame_Facebook.jpg&#39;},{&#39;size&#39;:&#39;Twitter&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/DX-LiveGame_Twitter_Wallpaper.jpg&#39;}]">
        <article class="dbl">
          <div class="media-mediaresource">

            <img src="https://dnd-helper.github.io/files/DX_LiveGame_Article_Thumbnail_02.jpg" alt="Force Grey: The Lost Episode" width="600" height="338">

            <h3>
              <span class="first-line">Wallpapers</span>
              <span>Force Grey: Giant Hunters</span>
            </h3>
          </div>
        </article>
      </a>
      <a class="fancybox " rel="media" href="http://dnd.wizards.com/sites/default/files/media/Wallpaper4_TH.jpg" title="" data-wallpaper="[{&#39;size&#39;:&#39;2560x1600&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/00_Volos_adventurers_2560x1600_Wallpaper_Template.jpg&#39;},{&#39;size&#39;:&#39;1920x1080&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/00_Volos_adventurers_1920x1080_WallpaperTemplate.jpg&#39;},{&#39;size&#39;:&#39;1280x960&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/00_Volos_adventurers_1280x960_WallpaperTemplate.jpg&#39;},{&#39;size&#39;:&#39;iPhone&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Volos_adventurers_iPhone_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;iPad&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Volos_adventurers_iPad_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;Facebook&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/02_Volos_adventurers_Facebook_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;Twitter&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/01_Volos_adventurers_Twitter_Wallpaper.jpg&#39;}]">
        <article class="dbl">
          <div class="media-mediaresource">

            <img src="https://dnd-helper.github.io/files/Wallpaper4_TH.jpg" alt="Volo&#39;s Guide to Monsters 4" width="600" height="338">

            <h3>
              <span class="first-line">Wallpapers</span>
              <span>Volo's Guide to Monsters</span>
            </h3>
          </div>
        </article>
      </a>
      <a class="fancybox " rel="media" href="http://dnd.wizards.com/sites/default/files/media/Wallpaper3_TH.jpg" title="" data-wallpaper="[{&#39;size&#39;:&#39;2560x1600&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/00_Volos_Setting_2560x1600_Wallpaper_Template.jpg&#39;},{&#39;size&#39;:&#39;1920x1080&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/00_Volos_setting_1920x1080_WallpaperTemplate.jpg&#39;},{&#39;size&#39;:&#39;1280x960&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/00_Volos_setting_1280x960_WallpaperTemplate.jpg&#39;},{&#39;size&#39;:&#39;iPhone&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Volos_setting_iPhone_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;iPad&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Volos_setting_iPad_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;Facebook&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/02_Volos_setting_Facebook_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;Twitter&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/01_Volos_setting_Twitter_Wallpaper_Template.jpg&#39;}]">
        <article class="dbl">
          <div class="media-mediaresource">

            <img src="https://dnd-helper.github.io/files/Wallpaper3_TH.jpg" alt="Volo&#39;s Guide to Monsters 3" width="600" height="338">

            <h3>
              <span class="first-line">Wallpapers</span>
              <span>Volo's Guide to Monsters</span>
            </h3>
          </div>
        </article>
      </a>
      <a class="fancybox " rel="media" href="http://dnd.wizards.com/sites/default/files/media/Wallpaper2-TH.jpg" title="" data-wallpaper="[{&#39;size&#39;:&#39;2560x1600&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/00_Volos_2560x1600_Wallpaper_Template.jpg&#39;},{&#39;size&#39;:&#39;1920x1080&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/00_Volos_1920x1080_WallpaperTemplate.jpg&#39;},{&#39;size&#39;:&#39;1280x960&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/00_Volos_1280x960_WallpaperTemplate.jpg&#39;},{&#39;size&#39;:&#39;iPhone&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Volos_iPhone_WallpaperTemplate.jpg&#39;},{&#39;size&#39;:&#39;iPad&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Volos_iPad_WallpaperTemplate.jpg&#39;},{&#39;size&#39;:&#39;Facebook&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/02_Volos_Facebook_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;Twitter&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/01_Volos_Twitter_Wallpaper_Template.jpg&#39;}]">
        <article class="dbl">
          <div class="media-mediaresource">

            <img src="https://dnd-helper.github.io/files/Wallpaper2-TH.jpg" alt="Volo&#39;s Guide to Monsters 2" width="600" height="338">

            <h3>
              <span class="first-line">Wallpapers</span>
              <span>Volo's Guide to Monsters</span>
            </h3>
          </div>
        </article>
      </a>
      <a class="fancybox " rel="media" href="http://dnd.wizards.com/sites/default/files/media/DX_Frost_Giant_Mosaic_Thumbnail_TypeA.jpg" title="" data-wallpaper="[{&#39;size&#39;:&#39;2560x1600&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Volo_2560x1600_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;1920x1080&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Volo_1920x1080_New_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;1280x960&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Volo_1280x960_New_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;iPhone&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Volo_iPhone.jpg&#39;},{&#39;size&#39;:&#39;iPad&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Volo_iPad.jpg&#39;},{&#39;size&#39;:&#39;Facebook&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Volo_Facebook.jpg&#39;},{&#39;size&#39;:&#39;Twitter&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Volo_Twitter.jpg&#39;}]">
        <article class="dbl">
          <div class="media-mediaresource">

            <img src="https://dnd-helper.github.io/files/DX_Frost_Giant_Mosaic_Thumbnail_TypeA.jpg" alt="Volo&#39;s Guide to Monsters 1" width="600" height="338">

            <h3>
              <span class="first-line">Wallpapers</span>
              <span>Volo's Guide to Monsters</span>
            </h3>
          </div>
        </article>
      </a>
      <a class="fancybox " rel="media" href="http://dnd.wizards.com/sites/default/files/media/Gallery_Thumb.jpg" title="" data-wallpaper="[{&#39;size&#39;:&#39;2560x1600&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/DragonPlus10_2560x1600_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;1920x1080&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/DragonPlus10_1920x1080_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;1280x960&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/DragonPlus10_1280x960_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;iPhone&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/DragonPlus10_iPhone_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;iPad&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/DragonPlus10_iPad_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;Facebook&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/DragonPlus10_Facebook_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;Twitter&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/DragonPlus10_Twitter_Wallpaper.jpg&#39;}]">
        <article class="dbl">
          <div class="media-mediaresource">

            <img src="https://dnd-helper.github.io/files/Gallery_Thumb.jpg" alt="Dragon+ Halloween Wallpaper 2016" width="600" height="338">

            <h3>
              <span class="first-line">Wallpapers</span>
              <span>Dragon+ Halloween 2016</span>
            </h3>
          </div>
        </article>
      </a>
      <a class="fancybox " rel="media" href="http://dnd.wizards.com/sites/default/files/media/Halloween_Gallery_Thumb.jpg" title="" data-wallpaper="[{&#39;size&#39;:&#39;2560x1600&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Halloween_2560x1600_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;1920x1080&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Halloween_1920x1080_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;1280x960&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Halloween_1280x960_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;iPhone&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Halloween_iPhone_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;iPad&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Halloween_iPad_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;Facebook&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Halloween_Facebook_Wallpaper.jpg&#39;},{&#39;size&#39;:&#39;Twitter&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Halloween_Twitter_Wallpaper.jpg&#39;}]">
        <article class="dbl">
          <div class="media-mediaresource">

            <img src="https://dnd-helper.github.io/files/Halloween_Gallery_Thumb.jpg" alt="Wallpaper_Halloween 2016" width="600" height="338">

            <h3>
              <span class="first-line">Wallpapers</span>
              <span>Halloween 2016</span>
            </h3>
          </div>
        </article>
      </a>
      <a class="fancybox " rel="media" href="http://dnd.wizards.com/sites/default/files/media/StormGiant_Gallery_Thumb.jpg" title="" data-wallpaper="[{&#39;size&#39;:&#39;2560x1600&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Storm_Giant_2560x1600_Wallpaper_Template_0.jpg&#39;},{&#39;size&#39;:&#39;1920x1080&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Storm-Giant_1920x1080_WallpaperTemplate_0.jpg&#39;},{&#39;size&#39;:&#39;1280x960&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Storm_Giant_1280x960_WallpaperTemplate_0.jpg&#39;},{&#39;size&#39;:&#39;iPhone&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Storm-Giant_iPhone_Wallpaper_Template_0.jpg&#39;},{&#39;size&#39;:&#39;iPad&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Storm-Giant_iPad_WallpaperTemplate_0.jpg&#39;},{&#39;size&#39;:&#39;Facebook&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Storm-Giant_Facebook_Wallpaper_Template_0.jpg&#39;},{&#39;size&#39;:&#39;Twitter&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/StormGiant_Twitter-Header.jpg&#39;}]">
        <article class="dbl">
          <div class="media-mediaresource">

            <img src="https://dnd-helper.github.io/files/StormGiant_Gallery_Thumb.jpg" alt="wallpaper_20160601_Storm Giant" width="600" height="338">

            <h3>
              <span class="first-line">Wallpapers</span>
              <span>Storm King's Thunder Set 1</span>
            </h3>
          </div>
        </article>
      </a>
      <a class="fancybox " rel="media" href="http://dnd.wizards.com/sites/default/files/media/Ezmerelda_Gallery_Thumb.jpg" title="" data-wallpaper="[{&#39;size&#39;:&#39;2560 x 1600&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Ezmerelda_2560x1600_Wallpaper_Template.jpg&#39;},{&#39;size&#39;:&#39;1920 x 1080&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Ezmerelda_1920x1080_WallpaperTemplate.jpg&#39;},{&#39;size&#39;:&#39;1280 x 960&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Ezmerelda_1280x960_WallpaperTemplate.jpg&#39;},{&#39;size&#39;:&#39;Mobile&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Ezmerelda_iPhone_Wallpaper_Template.jpg&#39;},{&#39;size&#39;:&#39;Tablet&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Ezmerelda_iPad_WallpaperTemplate.jpg&#39;},{&#39;size&#39;:&#39;Facebook&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Ezmerelda_Facebook_Wallpaper_Template.jpg&#39;},{&#39;size&#39;:&#39;Twitter&#39;,&#39;file&#39;:&#39;http:\/\/dnd.wizards.com\/sites\/default\/files\/media\/Ezmerelda_Twitter_Wallpaper_Template.jpg&#39;}]">
      <article class="dbl">
        <div class="media-mediaresource">

          <img src="https://dnd-helper.github.io/files/Ezmerelda_Gallery_Thumb.jpg" alt="wallpaper_20160506_Ezmerelda" width="600" height="338">

          <h3>
            <span class="first-line">Wallpapers</span>
            <span>Curse of Strahd Set 4</span>
          </h3>
        </div>
      </article>
      </a>


      -->


    `)