Hologramsie: Difference between revisions

From CoraTO Wiki - Official Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 7: Line 7:
<usestyle src="MindMap.css" />
<usestyle src="MindMap.css" />


<usescript src="FocusTabs.js"/>
<usescript src="TabFocus.js"/>
<usescript src="ShowFirstTabs.js"/>
<usescript src="ShowFirstTabs.js"/>
<usescript src="MindMap.js"/>
<usescript src="MindMap.js"/>


<html>
<html lang="en" id="top">
<html lang="en" id="top">
<head>
<head>
Line 38: Line 37:
     <main class="content">
     <main class="content">
       <!-- OVERVIEW TAB -->
       <!-- OVERVIEW TAB -->
       <section id="tab-overview" class="tab-content active" role="tabpanel" aria-labelledby="tab-overview-label">
       <section id="tab-overview" class="tab-content active" role="tabpanel" aria-labelledby="tabbtn-overview">
         <div class="section-header">
         <div class="section-header">
           <h2 id="quick-overview">Quick Overview</h2>
           <h2 id="quick-overview">Quick Overview</h2>
Line 106: Line 105:
         </div>
         </div>
        
        
         </div>
          
          
          
       </section>
       </section>


       <!-- FUNCTIONS TAB (keep MediaWiki tables) -->
       <!-- FUNCTIONS TAB (keep MediaWiki tables) -->
       <section id="tab-services" class="tab-content" role="tabpanel" aria-labelledby="tab-services-label" aria-hidden="true">
       <section id="tab-services" class="tab-content" role="tabpanel" aria-labelledby="tabbtn-services" aria-hidden="true">
         <div class="section-header">
         <div class="section-header">
           <h2 id="functions-reference">Complete Functions Reference</h2>
           <h2 id="functions-reference">Complete Functions Reference</h2>
Line 186: Line 185:
           </div>
           </div>


           <div class="mainpage-banner">
           <div class="tip-box">
             <p>Need help finding Hologramsie? Use the interactive mind map below or the quick navigation sidebar!</p>
             <h3>Need help finding Hologramsie?</h3>
            <p><a href="javascript:void(0)" id="link-holo-map" >Click here</a> to explode her map location or <a href="javascript:void(0)" id="link-holo-table" >this tab</a>.</p>
           </div>
           </div>
         </div>
         </div>
Line 199: Line 199:


       <!-- LOCATIONS TAB -->
       <!-- LOCATIONS TAB -->
       <section id="tab-locations" class="tab-content" role="tabpanel" aria-labelledby="tab-locations-label" aria-hidden="true">
       <section id="tab-locations" class="tab-content" role="tabpanel" aria-labelledby="tabbtn-locations" aria-hidden="true">
         <div class="section-header">
         <div class="section-header">
           <h2 id="locations">Where to Find Hologramsie</h2>
           <h2 id="locations">Where to Find Hologramsie</h2>
Line 220: Line 220:
             <div class="mindmap-stage" id="mm-stage-locations">
             <div class="mindmap-stage" id="mm-stage-locations">
               <div class="mm-node mm-center" id="mm-locations-center" tabindex="0">Hologramsie Locations</div>
               <div class="mm-node mm-center" id="mm-locations-center" tabindex="0">Hologramsie Locations</div>
               <div class="mm-branch pos-1" id="mm-locations-beach">
               <div class="mm-branch" id="mm-locations-branch-coral">
                 <div class="mm-node" id="mm-locations-beach-head" tabindex="0">Beach & Coastal</div>
                 <div class="mm-node" id="mm-locations-coral" tabindex="0" data-detail="Coral Beach — Cora Shop">Coral Beach</div>
                 <div class="mm-children">
                 <div class="mm-children">
                   <div class="mm-item" id="mm-item-locations-coral">
                   <div class="mm-node" id="mm-locations-coral-shop" tabindex="0" data-detail="Coral Beach — Cora Shop">Coral Beach — Cora Shop</div>
                    <div class="mm-node" id="mm-locations-coral" tabindex="0" data-detail="Coral Beach — Cora Shop">Coral Beach</div>
                    <div class="mm-subchildren">
                      <div class="mm-node" id="mm-locations-coral-shop" tabindex="0" data-detail="Coral Beach — Cora Shop">Coral Beach — Cora Shop</div>
                    </div>
                  </div>
                  <div class="mm-item" id="mm-item-locations-desert">
                    <div class="mm-node" id="mm-locations-desert" tabindex="0" data-detail="Desert Beach — Beach Field 3 - Statue of Anubis">Desert Beach</div>
                    <div class="mm-subchildren">
                      <div class="mm-node" id="mm-locations-desert-statue" tabindex="0" data-detail="Desert Beach — Beach Field 3 - Statue of Anubis">Desert Beach — Beach Field 3 - Statue of Anubis</div>
                      <div class="mm-node" id="mm-locations-desert-mine" tabindex="0" data-detail="Desert Beach Mine - Crystal Copper">Desert Beach Mine - Crystal Copper</div>
                    </div>
                  </div>
                  <div class="mm-item" id="mm-item-locations-ghostblue">
                    <div class="mm-node" id="mm-locations-ghostblue" tabindex="0" data-detail="Ghost Blue — Gate of Ghost Blue">Ghost Blue</div>
                    <div class="mm-subchildren">
                      <div class="mm-node" id="mm-locations-ghostblue-gate" tabindex="0" data-detail="Ghost Blue — Gate of Ghost Blue">Ghost Blue — Gate of Ghost Blue</div>
                      <div class="mm-node" id="mm-locations-ghostblue-shop" tabindex="0" data-detail="Aquarius Shop">Aquarius Shop</div>
                    </div>
                  </div>
                 </div>
                 </div>
               </div>
               </div>
               <div class="mm-branch pos-2" id="mm-locations-cities">
 
                 <div class="mm-node" id="mm-locations-cities-head" tabindex="0">Major Cities</div>
               <div class="mm-branch" id="mm-locations-branch-desert">
                 <div class="mm-node" id="mm-locations-desert" tabindex="0" data-detail="Desert Beach — Beach Field 3 - Statue of Anubis">Desert Beach</div>
                 <div class="mm-children">
                 <div class="mm-children">
                   <div class="mm-item" id="mm-item-locations-megalopolis">
                   <div class="mm-node" id="mm-locations-desert-statue" tabindex="0" data-detail="Desert Beach Beach Field 3 - Statue of Anubis">Desert Beach Beach Field 3 - Statue of Anubis</div>
                    <div class="mm-node" id="mm-locations-megalopolis" tabindex="0" data-detail="Megalopolis — Gate of Poppuri Dungeon">Megalopolis</div>
                  <div class="mm-node" id="mm-locations-desert-mine" tabindex="0" data-detail="Desert Beach Mine - Crystal Copper">Desert Beach Mine - Crystal Copper</div>
                    <div class="mm-subchildren">
                </div>
                      <div class="mm-node" id="mm-locations-megalopolis-gate" tabindex="0" data-detail="Megalopolis Gate of Poppuri Dungeon">Megalopolis — Gate of Poppuri Dungeon</div>
              </div>
                    </div>
 
                  </div>
              <div class="mm-branch" id="mm-locations-branch-ghostblue">
                  <div class="mm-item" id="mm-item-locations-caballa">
                <div class="mm-node" id="mm-locations-ghostblue" tabindex="0" data-detail="Ghost Blue — Gate of Ghost Blue">Ghost Blue</div>
                    <div class="mm-node" id="mm-locations-caballa" tabindex="0" data-detail="Caballa Relics — Gate of Caballa Relics">Caballa Relics</div>
                <div class="mm-children">
                    <div class="mm-subchildren">
                  <div class="mm-node" id="mm-locations-ghostblue-gate" tabindex="0" data-detail="Ghost Blue — Gate of Ghost Blue">Ghost Blue — Gate of Ghost Blue</div>
                      <div class="mm-node" id="mm-locations-caballa-gate" tabindex="0" data-detail="Caballa Relics — Gate of Caballa Relics">Caballa Relics Gate of Caballa Relics</div>
                   <div class="mm-node" id="mm-locations-ghostblue-shop" tabindex="0" data-detail="Aquarius Shop">Aquarius Shop</div>
                      <div class="mm-node" id="mm-locations-caballa-field" tabindex="0" data-detail="Relics Field 4 - An Altar for Sacrifice">Relics Field 4 - An Altar for Sacrifice</div>
                      <div class="mm-node" id="mm-locations-caballa-mine" tabindex="0" data-detail="Caballa Relics Mine - Jade Steel">Caballa Relics Mine - Jade Steel</div>
                    </div>
                  </div>
                  <div class="mm-item" id="mm-item-locations-oopswarf">
                    <div class="mm-node" id="mm-locations-oopswarf" tabindex="0" data-detail="Oops Warf — Gate of Oops Warf">Oops Warf</div>
                    <div class="mm-subchildren">
                      <div class="mm-node" id="mm-locations-oopswarf-gate" tabindex="0" data-detail="Oops Warf — Gate of Oops Warf">Oops Warf — Gate of Oops Warf</div>
                      <div class="mm-node" id="mm-locations-oopswarf-phantom" tabindex="0" data-detail="Gate of Phantom School">Gate of Phantom School</div>
                    </div>
                   </div>
                  <div class="mm-item" id="mm-item-locations-mermaid">
                    <div class="mm-node" id="mm-locations-mermaid" tabindex="0" data-detail="Mermaid Palace — Entrance of Mermaid Palace Gate">Mermaid Palace</div>
                    <div class="mm-subchildren">
                      <div class="mm-node" id="mm-locations-mermaid-gate" tabindex="0" data-detail="Mermaid Palace — Entrance of Mermaid Palace Gate">Mermaid Palace — Entrance of Mermaid Palace Gate</div>
                      <div class="mm-node" id="mm-locations-mermaid-dungeon" tabindex="0" data-detail="Gate of Mermaid Dungeon">Gate of Mermaid Dungeon</div>
                    </div>
                  </div>
                 </div>
                 </div>
               </div>
               </div>
               <div class="mm-branch pos-3" id="mm-locations-volcanic">
 
                 <div class="mm-node" id="mm-locations-volcanic-head" tabindex="0">Volcanic & Mountain</div>
               <div class="mm-branch" id="mm-locations-branch-megalopolis">
                 <div class="mm-node" id="mm-locations-megalopolis" tabindex="0" data-detail="Megalopolis — Gate of Poppuri Dungeon">Megalopolis</div>
                 <div class="mm-children">
                 <div class="mm-children">
                   <div class="mm-item" id="mm-item-locations-snowhill">
                   <div class="mm-node" id="mm-locations-megalopolis-gate" tabindex="0" data-detail="Megalopolis — Gate of Poppuri Dungeon">Megalopolis — Gate of Poppuri Dungeon</div>
                    <div class="mm-node" id="mm-locations-snowhill" tabindex="0" data-detail="Snow Hill — Gate of Snow Hill">Snow Hill</div>
                    <div class="mm-subchildren">
                      <div class="mm-node" id="mm-locations-snowhill-gate" tabindex="0" data-detail="Snow Hill — Gate of Snow Hill">Snow Hill — Gate of Snow Hill</div>
                      <div class="mm-node" id="mm-locations-snowhill-mine" tabindex="0" data-detail="Snow Hill Mine - Precious Jewel">Snow Hill Mine - Precious Jewel</div>
                      <div class="mm-node" id="mm-locations-snowhill-blueice" tabindex="0" data-detail="Gate of Blue Ice Dungeon">Gate of Blue Ice Dungeon</div>
                    </div>
                  </div>
                  <div class="mm-item" id="mm-item-locations-techichi">
                    <div class="mm-node" id="mm-locations-techichi" tabindex="0" data-detail="Techichi Volcano — Techichi Volcano - Golden Ash">Techichi Volcano</div>
                    <div class="mm-subchildren">
                      <div class="mm-node" id="mm-locations-techichi-goldenash" tabindex="0" data-detail="Techichi Volcano — Techichi Volcano - Golden Ash">Techichi Volcano — Techichi Volcano - Golden Ash</div>
                      <div class="mm-node" id="mm-locations-techichi-blackash" tabindex="0" data-detail="Gate of Black Ash">Gate of Black Ash</div>
                    </div>
                  </div>
                  <div class="mm-item" id="mm-item-locations-tapasco">
                    <div class="mm-node" id="mm-locations-tapasco" tabindex="0" data-detail="Tapasco Volcano — Gate of Tapasco">Tapasco Volcano</div>
                    <div class="mm-subchildren">
                      <div class="mm-node" id="mm-locations-tapasco-gate" tabindex="0" data-detail="Tapasco Volcano — Gate of Tapasco">Tapasco Volcano — Gate of Tapasco</div>
                      <div class="mm-node" id="mm-locations-tapasco-mine" tabindex="0" data-detail="Tapasco Mine - Silent Lava">Tapasco Mine - Silent Lava</div>
                      <div class="mm-node" id="mm-locations-tapasco-themespa" tabindex="0" data-detail="Gate of Tapasco Theme Spa">Gate of Tapasco Theme Spa</div>
                    </div>
                  </div>
                 </div>
                 </div>
               </div>
               </div>
               <div class="mm-branch pos-4" id="mm-locations-special">
 
                 <div class="mm-node" id="mm-locations-special-head" tabindex="0">Special Areas</div>
               <div class="mm-branch" id="mm-locations-branch-caballa">
                 <div class="mm-node" id="mm-locations-caballa" tabindex="0" data-detail="Caballa Relics — Gate of Caballa Relics">Caballa Relics</div>
                 <div class="mm-children">
                 <div class="mm-children">
                   <div class="mm-item" id="mm-item-locations-mirage">
                   <div class="mm-node" id="mm-locations-caballa-gate" tabindex="0" data-detail="Caballa Relics — Gate of Caballa Relics">Caballa Relics — Gate of Caballa Relics</div>
                    <div class="mm-node" id="mm-locations-mirage" tabindex="0" data-detail="Mirage Island — Mirage Island Field 4 - Alteo Construction Site">Mirage Island</div>
                   <div class="mm-node" id="mm-locations-caballa-field" tabindex="0" data-detail="Relics Field 4 - An Altar for Sacrifice">Relics Field 4 - An Altar for Sacrifice</div>
                    <div class="mm-subchildren">
                  <div class="mm-node" id="mm-locations-caballa-mine" tabindex="0" data-detail="Caballa Relics Mine - Jade Steel">Caballa Relics Mine - Jade Steel</div>
                      <div class="mm-node" id="mm-locations-mirage-field" tabindex="0" data-detail="Mirage Island — Mirage Island Field 4 - Alteo Construction Site">Mirage Island — Mirage Island Field 4 - Alteo Construction Site</div>
                    </div>
                  </div>
                  <div class="mm-item" id="mm-item-locations-rosegarden">
                    <div class="mm-node" id="mm-locations-rosegarden" tabindex="0" data-detail="Rose Garden — Gate of Vamp Castle">Rose Garden</div>
                    <div class="mm-subchildren">
                      <div class="mm-node" id="mm-locations-rosegarden-gate" tabindex="0" data-detail="Rose Garden — Gate of Vamp Castle">Rose Garden — Gate of Vamp Castle</div>
                    </div>
                  </div>
                   <div class="mm-item" id="mm-item-locations-blackswamp">
                    <div class="mm-node" id="mm-locations-blackswamp" tabindex="0" data-detail="Black Swamp — Gate of Black Swamp">Black Swamp</div>
                    <div class="mm-subchildren">
                      <div class="mm-node" id="mm-locations-blackswamp-gate-maze" tabindex="0" data-detail="Black Swamp — Gate of Black Swamp; Swamp Field 5 - Maze of Forest">Black Swamp — Gate of Black Swamp; Swamp Field 5 - Maze of Forest</div>
                      <div class="mm-node" id="mm-locations-blackswamp-mine" tabindex="0" data-detail="Swamp Mine - Silver Jewel">Swamp Mine - Silver Jewel</div>
                    </div>
                  </div>
                  <div class="mm-item" id="mm-item-locations-devroom">
                    <div class="mm-node" id="mm-locations-devroom" tabindex="0" data-detail="Underground Dev Room — Underground Dev Room - Lobby">Underground Dev Room</div>
                    <div class="mm-subchildren">
                      <div class="mm-node" id="mm-locations-devroom-lobby" tabindex="0" data-detail="Underground Dev Room — Underground Dev Room - Lobby">Underground Dev Room — Underground Dev Room - Lobby</div>
                    </div>
                  </div>
                  <div class="mm-item" id="mm-item-locations-alteo">
                    <div class="mm-node" id="mm-locations-alteo" tabindex="0" data-detail="Alteo Empire — Gate of Alteo Empire">Alteo Empire</div>
                    <div class="mm-subchildren">
                      <div class="mm-node" id="mm-locations-alteo-gate" tabindex="0" data-detail="Alteo Empire — Gate of Alteo Empire">Alteo Empire — Gate of Alteo Empire</div>
                    </div>
                  </div>
                  <div class="mm-item" id="mm-item-locations-abyss">
                    <div class="mm-node" id="mm-locations-abyss" tabindex="0" data-detail="Abyss — Gate of Abyss">Abyss</div>
                    <div class="mm-subchildren">
                      <div class="mm-node" id="mm-locations-abyss-gate" tabindex="0" data-detail="Abyss — Gate of Abyss">Abyss — Gate of Abyss</div>
                    </div>
                  </div>
                 </div>
                 </div>
               </div>
               </div>
            </div>
            <div class="mm-detail" id="mm-detail-locations"></div>
          </div>


          <div class="destaques-grid">
              <div class="mm-branch" id="mm-locations-branch-oopswarf">
            <div class="destaque-card" data-tab-trigger="tab-locations" data-tab-button="tabbtn-locations" data-node-target="mm-locations-beach-head">
                <div class="mm-node" id="mm-locations-oopswarf" tabindex="0" data-detail="Oops Warf — Gate of Oops Warf">Oops Warf</div>
              <div class="destaque-image">
                <div class="mm-children">
                <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23fff3e0'/%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='middle' font-family='Arial' font-size='12' fill='%23f57c00'%3EBeach%3C/text%3E%3C/svg%3E" alt="Beach & Coastal">
                  <div class="mm-node" id="mm-locations-oopswarf-gate" tabindex="0" data-detail="Oops Warf — Gate of Oops Warf">Oops Warf — Gate of Oops Warf</div>
                  <div class="mm-node" id="mm-locations-oopswarf-phantom" tabindex="0" data-detail="Gate of Phantom School">Gate of Phantom School</div>
                </div>
               </div>
               </div>
               <div class="destaque-text">
 
                 <h3>Beach & Coastal</h3>
               <div class="mm-branch" id="mm-locations-branch-mermaid">
                 <p>Coral Beach, Desert Beach, and Ghost Blue locations</p>
                 <div class="mm-node" id="mm-locations-mermaid" tabindex="0" data-detail="Mermaid Palace — Entrance of Mermaid Palace Gate">Mermaid Palace</div>
                <div class="mm-children">
                  <div class="mm-node" id="mm-locations-mermaid-gate" tabindex="0" data-detail="Mermaid Palace — Entrance of Mermaid Palace Gate">Mermaid Palace — Entrance of Mermaid Palace Gate</div>
                  <div class="mm-node" id="mm-locations-mermaid-dungeon" tabindex="0" data-detail="Gate of Mermaid Dungeon">Gate of Mermaid Dungeon</div>
                 </div>
              </div>
 
              <div class="mm-branch" id="mm-locations-branch-snowhill">
                <div class="mm-node" id="mm-locations-snowhill" tabindex="0" data-detail="Snow Hill — Gate of Snow Hill">Snow Hill</div>
                <div class="mm-children">
                  <div class="mm-node" id="mm-locations-snowhill-gate" tabindex="0" data-detail="Snow Hill — Gate of Snow Hill">Snow Hill — Gate of Snow Hill</div>
                  <div class="mm-node" id="mm-locations-snowhill-mine" tabindex="0" data-detail="Snow Hill Mine - Precious Jewel">Snow Hill Mine - Precious Jewel</div>
                  <div class="mm-node" id="mm-locations-snowhill-blueice" tabindex="0" data-detail="Gate of Blue Ice Dungeon">Gate of Blue Ice Dungeon</div>
                </div>
               </div>
               </div>
            </div>


            <div class="destaque-card" data-tab-trigger="tab-locations" data-tab-button="tabbtn-locations" data-node-target="mm-locations-cities-head">
              <div class="mm-branch" id="mm-locations-branch-techichi">
              <div class="destaque-image">
                <div class="mm-node" id="mm-locations-techichi" tabindex="0" data-detail="Techichi Volcano — Techichi Volcano - Golden Ash">Techichi Volcano</div>
                <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23f3e5f5'/%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='middle' font-family='Arial' font-size='12' fill='%237b1fa2'%3ECities%3C/text%3E%3C/svg%3E" alt="Major Cities">
                <div class="mm-children">
                  <div class="mm-node" id="mm-locations-techichi-goldenash" tabindex="0" data-detail="Techichi Volcano — Techichi Volcano - Golden Ash">Techichi Volcano — Techichi Volcano - Golden Ash</div>
                  <div class="mm-node" id="mm-locations-techichi-blackash" tabindex="0" data-detail="Gate of Black Ash">Gate of Black Ash</div>
                </div>
               </div>
               </div>
               <div class="destaque-text">
 
                 <h3>Major Cities</h3>
               <div class="mm-branch" id="mm-locations-branch-tapasco">
                 <p>Megalopolis, Caballa Relics, Oops Warf, and Mermaid Palace</p>
                 <div class="mm-node" id="mm-locations-tapasco" tabindex="0" data-detail="Tapasco Volcano — Gate of Tapasco">Tapasco Volcano</div>
                 <div class="mm-children">
                  <div class="mm-node" id="mm-locations-tapasco-gate" tabindex="0" data-detail="Tapasco Volcano — Gate of Tapasco">Tapasco Volcano — Gate of Tapasco</div>
                  <div class="mm-node" id="mm-locations-tapasco-mine" tabindex="0" data-detail="Tapasco Mine - Silent Lava">Tapasco Mine - Silent Lava</div>
                  <div class="mm-node" id="mm-locations-tapasco-themespa" tabindex="0" data-detail="Gate of Tapasco Theme Spa">Gate of Tapasco Theme Spa</div>
                </div>
               </div>
               </div>
            </div>


            <div class="destaque-card" data-tab-trigger="tab-locations" data-tab-button="tabbtn-locations" data-node-target="mm-locations-volcanic-head">
              <div class="mm-branch" id="mm-locations-branch-mirage">
              <div class="destaque-image">
                <div class="mm-node" id="mm-locations-mirage" tabindex="0" data-detail="Mirage Island — Mirage Island Field 4 - Alteo Construction Site">Mirage Island</div>
                <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23ffccbc'/%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='middle' font-family='Arial' font-size='12' fill='%23d84315'%3EVolcanic%3C/text%3E%3C/svg%3E" alt="Volcanic Regions">
                <div class="mm-children">
                  <div class="mm-node" id="mm-locations-mirage-field" tabindex="0" data-detail="Mirage Island — Mirage Island Field 4 - Alteo Construction Site">Mirage Island — Mirage Island Field 4 - Alteo Construction Site</div>
                </div>
               </div>
               </div>
               <div class="destaque-text">
 
                 <h3>Volcanic & Mountain</h3>
               <div class="mm-branch" id="mm-locations-branch-rosegarden">
                 <p>Snow Hill, Techichi Volcano, and Tapasco Volcano areas</p>
                 <div class="mm-node" id="mm-locations-rosegarden" tabindex="0" data-detail="Rose Garden — Gate of Vamp Castle">Rose Garden</div>
                 <div class="mm-children">
                  <div class="mm-node" id="mm-locations-rosegarden-gate" tabindex="0" data-detail="Rose Garden — Gate of Vamp Castle">Rose Garden — Gate of Vamp Castle</div>
                </div>
               </div>
               </div>
            </div>


            <div class="destaque-card" data-tab-trigger="tab-locations" data-tab-button="tabbtn-locations" data-node-target="mm-locations-special-head">
              <div class="mm-branch" id="mm-locations-branch-blackswamp">
              <div class="destaque-image">
                <div class="mm-node" id="mm-locations-blackswamp" tabindex="0" data-detail="Black Swamp — Gate of Black Swamp">Black Swamp</div>
                <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%239ad8b8'/%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='middle' font-family='Arial' font-size='12' fill='%23d84315'%3ESpecial%3C/text%3E%3C/svg%3E" alt="Special Areas">
                <div class="mm-children">
                  <div class="mm-node" id="mm-locations-blackswamp-gate-maze" tabindex="0" data-detail="Black Swamp — Gate of Black Swamp; Swamp Field 5 - Maze of Forest">Black Swamp — Gate of Black Swamp; Swamp Field 5 - Maze of Forest</div>
                  <div class="mm-node" id="mm-locations-blackswamp-mine" tabindex="0" data-detail="Swamp Mine - Silver Jewel">Swamp Mine - Silver Jewel</div>
                </div>
               </div>
               </div>
               <div class="destaque-text">
 
                 <h3>Special Areas</h3>
               <div class="mm-branch" id="mm-locations-branch-devroom">
                 <p>Mirage Island, Rose Garden, Black Swamp, and Dev Room</p>
                 <div class="mm-node" id="mm-locations-devroom" tabindex="0" data-detail="Underground Dev Room — Underground Dev Room - Lobby">Underground Dev Room</div>
                 <div class="mm-children">
                  <div class="mm-node" id="mm-locations-devroom-lobby" tabindex="0" data-detail="Underground Dev Room — Underground Dev Room - Lobby">Underground Dev Room — Underground Dev Room - Lobby</div>
                </div>
               </div>
               </div>
            </div>


            <div class="destaque-card" data-tab-trigger="tab-towers" data-tab-button="tabbtn-towers" data-node-target="mm-towers-center">
              <div class="mm-branch" id="mm-locations-branch-alteo">
              <div class="destaque-image">
                <div class="mm-node" id="mm-locations-alteo" tabindex="0" data-detail="Alteo Empire — Gate of Alteo Empire">Alteo Empire</div>
                <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23e2e2e1'/%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='middle' font-family='Arial' font-size='12' fill='%23d84315'%3ETowers%3C/text%3E%3C/svg%3E" alt="Tower Locations">
                <div class="mm-children">
                  <div class="mm-node" id="mm-locations-alteo-gate" tabindex="0" data-detail="Alteo Empire — Gate of Alteo Empire">Alteo Empire — Gate of Alteo Empire</div>
                </div>
               </div>
               </div>
               <div class="destaque-text">
 
                 <h3>Tower Locations</h3>
               <div class="mm-branch" id="mm-locations-branch-abyss">
                 <p>Chaos Tower (12 floors) and Torres Tower (11 floors)</p>
                 <div class="mm-node" id="mm-locations-abyss" tabindex="0" data-detail="Abyss — Gate of Abyss">Abyss</div>
                 <div class="mm-children">
                  <div class="mm-node" id="mm-locations-abyss-gate" tabindex="0" data-detail="Abyss — Gate of Abyss">Abyss — Gate of Abyss</div>
                </div>
               </div>
               </div>
             </div>
             </div>
            <div class="mm-detail" id="mm-detail-locations"></div>
           </div>
           </div>
         
         </div>
         </div>


Line 415: Line 360:


       <!-- TOWERS TAB -->
       <!-- TOWERS TAB -->
       <section id="tab-towers" class="tab-content" role="tabpanel" aria-labelledby="tab-towers-label" aria-hidden="true">
       <section id="tab-towers" class="tab-content" role="tabpanel" aria-labelledby="tabbtn-towers" aria-hidden="true">
         <div class="section-header">
         <div class="section-header">
           <h2>Tower Locations</h2>
           <h2>Tower Locations</h2>
Line 471: Line 416:
          
          
       </section>
       </section>
     
     </main>
     </main>


     <!-- Categories (for MediaWiki usage) -->
     <!-- Categories -->
     <footer class="mw-categories">
     <div id="catlinks" class="catlinks" data-mw="interface">
      [[Category:General Knowledge]]
      <div id="mw-normal-catlinks" class="mw-normal-catlinks">
      [[Category:System Help]]
        <a href="#" title="Special:Categories">Categories</a>:
      [[Category:NPCs]]
        <ul>
      [[Category:CoraTO Custom Content]]
          <li>[[General Knowledge]]</li>
      [[Category:Staff NPCs]]
          <li>[[System Help]]</li>
     </footer>
          <li>[[NPCs]]</li>
          <li>[[CoraTO Custom Content]]</li>
          <li>[[Staff NPCs]]</li>
        </ul>
      </div>
     </div>
   </div>
   </div>
</body>
</body>
</html>
</html>

Latest revision as of 05:58, 30 December 2025







CoraTO Wiki • Hologramsie

Hologramsie

Central Multi-Function Staff NPC

Quick Overview

A centralized hub that consolidates common NPC services

About Hologramsie: Hologramsie is a versatile Staff NPC based on GM Mewsie, designed to serve as a centralized hub for multiple game functions. This NPC consolidates various services that would normally require visiting different NPCs across the game world.
Hologramsie NPC Hologramsie

Multi-Function Staff NPC

Hologramsie provides comprehensive services including:

Banking Services

Banking Services

Multipaged Bank, Galder Bank, and Timed Item Recharge

Equipment Services

Equipment Enhancement

Repair, Refine, Compound, Temper, and Reset services

Pet Management

Pet Management

Training, Level-up, Synergize, and Hardant services

Fusion Services

Fusion Services

Equipment and Pet visual customization and unfusion

Special Services

Special Services

PyuPyu Exchange, Job Change, Fortune Reading, and more