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"> | ||
< | |||
<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> | ||
</ | </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="Arms Dealer"> | |||
</div> | |||
<div class="npc-name">Arms Dealer</div> | <div class="npc-name">Arms Dealer</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="Clothier"> | |||
</div> | |||
<div class="npc-name">Clothier</div> | <div class="npc-name">Clothier</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="Demolitionist"> | |||
</div> | |||
<div class="npc-name">Demolitionist</div> | <div class="npc-name">Demolitionist</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="Dryad"> | |||
</div> | |||
<div class="npc-name">Dryad</div> | <div class="npc-name">Dryad</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="Dye Trader"> | |||
</div> | |||
<div class="npc-name">Dye Trader</div> | <div class="npc-name">Dye Trader</div> | ||
</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="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"> | ||
< | |||
<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> | ||
</ | </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="Pirate"> | |||
</div> | |||
<div class="npc-name">Pirate</div> | <div class="npc-name">Pirate</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="Princess"> | |||
</div> | |||
<div class="npc-name">Princess</div> | <div class="npc-name">Princess</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="Santa Claus"> | |||
</div> | |||
<div class="npc-name">Santa Claus</div> | <div class="npc-name">Santa Claus</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="Steampunker"> | |||
</div> | |||
<div class="npc-name">Steampunker</div> | <div class="npc-name">Steampunker</div> | ||
</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="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>
