Vorlage:MainMenuNpc: Unterschied zwischen den Versionen

Aus Lost Dreams Of Tomorrow Wiki
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
<div class="npc-grid-container">
<div class="npc-grid-container">
 
   <!-- Pre-Hardmode NPCs -->
   <!-- Pre-Hardmode NPCs -->
   <div class="npc-category">Pre-Hardmode</div>
   <div class="npc-category">Pre-Hardmode</div>
   <div class="npc-grid">
   <div class="npc-grid">
     <div class="npc-box">
   
       [[Datei:TestSlot.png|48px|Angler]]
     <a href="#" class="npc-box">
       <div class="npc-image">
        <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Angler">
      </div>
       <div class="npc-name">Angler</div>
       <div class="npc-name">Angler</div>
     </div>
     </a>
     <div class="npc-box">
   
       [[Datei:TestSlot.png|48px|Arms Dealer]]
     <a href="#" class="npc-box">
       <div class="npc-image">
        <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Arms Dealer">
      </div>
       <div class="npc-name">Arms Dealer</div>
       <div class="npc-name">Arms Dealer</div>
     </div>
     </a>
     <div class="npc-box">
   
       [[Datei:TestSlot.png|48px|Clothier]]
     <a href="#" class="npc-box">
       <div class="npc-image">
        <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Clothier">
      </div>
       <div class="npc-name">Clothier</div>
       <div class="npc-name">Clothier</div>
     </div>
     </a>
     <div class="npc-box">
   
       [[Datei:TestSlot.png|48px|Demolitionist]]
     <a href="#" class="npc-box">
       <div class="npc-image">
        <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Demolitionist">
      </div>
       <div class="npc-name">Demolitionist</div>
       <div class="npc-name">Demolitionist</div>
     </div>
     </a>
     <div class="npc-box">
   
       [[Datei:TestSlot.png|48px|Dryad]]
     <a href="#" class="npc-box">
       <div class="npc-image">
        <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Dryad">
      </div>
       <div class="npc-name">Dryad</div>
       <div class="npc-name">Dryad</div>
     </div>
     </a>
     <div class="npc-box">
   
       [[Datei:TestSlot.png|48px|Dye Trader]]
     <a href="#" class="npc-box">
       <div class="npc-image">
        <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Dye Trader">
      </div>
       <div class="npc-name">Dye Trader</div>
       <div class="npc-name">Dye Trader</div>
     </div>
     </a>
     <!-- weitere Pre-Hardmode NPCs ... -->
 
    <a href="#" class="npc-box">
      <div class="npc-image">
        <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Goblin Tinkerer">
      </div>
      <div class="npc-name">Goblin Tinkerer</div>
    </a>
 
     <a href="#" class="npc-box">
      <div class="npc-image">
        <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Guide">
      </div>
      <div class="npc-name">Guide</div>
    </a>
 
    <a href="#" class="npc-box">
      <div class="npc-image">
        <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Merchant">
      </div>
      <div class="npc-name">Merchant</div>
    </a>
 
    <a href="#" class="npc-box">
      <div class="npc-image">
        <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Nurse">
      </div>
      <div class="npc-name">Nurse</div>
    </a>
   
   </div>
   </div>
 
 
   <!-- Hardmode NPCs -->
   <!-- Hardmode NPCs -->
   <div class="npc-category">Hardmode</div>
   <div class="npc-category">Hardmode</div>
   <div class="npc-grid">
   <div class="npc-grid">
     <div class="npc-box">
   
       [[Datei:TestSlot.png|48px|Cyborg]]
     <a href="#" class="npc-box">
       <div class="npc-image">
        <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Cyborg">
      </div>
       <div class="npc-name">Cyborg</div>
       <div class="npc-name">Cyborg</div>
     </div>
     </a>
     <div class="npc-box">
   
       [[Datei:TestSlot.png|48px|Pirate]]
     <a href="#" class="npc-box">
       <div class="npc-image">
        <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Pirate">
      </div>
       <div class="npc-name">Pirate</div>
       <div class="npc-name">Pirate</div>
     </div>
     </a>
     <div class="npc-box">
   
       [[Datei:TestSlot.png|48px|Princess]]
     <a href="#" class="npc-box">
       <div class="npc-image">
        <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Princess">
      </div>
       <div class="npc-name">Princess</div>
       <div class="npc-name">Princess</div>
     </div>
     </a>
     <div class="npc-box">
   
       [[Datei:TestSlot.png|48px|Santa Claus]]
     <a href="#" class="npc-box">
       <div class="npc-image">
        <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Santa Claus">
      </div>
       <div class="npc-name">Santa Claus</div>
       <div class="npc-name">Santa Claus</div>
     </div>
     </a>
     <div class="npc-box">
   
       [[Datei:TestSlot.png|48px|Steampunker]]
     <a href="#" class="npc-box">
       <div class="npc-image">
        <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Steampunker">
      </div>
       <div class="npc-name">Steampunker</div>
       <div class="npc-name">Steampunker</div>
     </div>
     </a>
     <!-- weitere Hardmode NPCs ... -->
 
    <a href="#" class="npc-box">
      <div class="npc-image">
        <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Truffle">
      </div>
      <div class="npc-name">Truffle</div>
    </a>
 
     <a href="#" class="npc-box">
      <div class="npc-image">
        <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Wizard">
      </div>
      <div class="npc-name">Wizard</div>
    </a>
   
   </div>
   </div>
 
</div>
</div>

Version vom 11. Januar 2026, 18:17 Uhr

Pre-Hardmode
   <a href="#" class="npc-box">
       <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Angler">
Angler
   </a>
   
   <a href="#" class="npc-box">
       <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Arms Dealer">
Arms Dealer
   </a>
   
   <a href="#" class="npc-box">
       <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Clothier">
Clothier
   </a>
   
   <a href="#" class="npc-box">
       <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Demolitionist">
Demolitionist
   </a>
   
   <a href="#" class="npc-box">
       <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Dryad">
Dryad
   </a>
   
   <a href="#" class="npc-box">
       <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Dye Trader">
Dye Trader
   </a>
   <a href="#" class="npc-box">
       <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Goblin Tinkerer">
Goblin Tinkerer
   </a>
   <a href="#" class="npc-box">
       <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Guide">
Guide
   </a>
   <a href="#" class="npc-box">
       <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Merchant">
Merchant
   </a>
   <a href="#" class="npc-box">
       <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Nurse">
Nurse
   </a>
   
Hardmode
   <a href="#" class="npc-box">
       <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Cyborg">
Cyborg
   </a>
   
   <a href="#" class="npc-box">
       <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Pirate">
Pirate
   </a>
   
   <a href="#" class="npc-box">
       <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Princess">
Princess
   </a>
   
   <a href="#" class="npc-box">
       <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Santa Claus">
Santa Claus
   </a>
   
   <a href="#" class="npc-box">
       <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Steampunker">
Steampunker
   </a>
   <a href="#" class="npc-box">
       <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Truffle">
Truffle
   </a>
   <a href="#" class="npc-box">
       <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23a2a9b1' width='48' height='48'/%3E%3C/svg%3E" alt="Wizard">
Wizard
   </a>