JezK
Edit File: dragon-name-generator.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Dragon Name Generator | Fierce, Mythic & Legendary Wyrms - NameFantacy</title> <meta name="description" content="Generate draconic names for fire dragons, frost drakes, and void serpents. Complete with mythical titles and epithets."> <link rel="canonical" href="https://namefantacy.com/pages/dragon-name-generator.html"> <link rel="stylesheet" href="../assets/css/style.css"> </head> <body> <header class="site-header"> <div class="container nav-wrap"> <a href="../index.html" class="brand-logo">Name<span>Fantacy</span></a> <div class="search-bar-wrap"> <span class="search-icon">🔍</span> <input type="text" id="siteSearchInput" class="search-input" placeholder="Search generators..."> <div id="searchDropdown" class="search-dropdown"></div> </div> <button class="nav-toggle" id="navToggle">☰</button> <ul class="nav-links" id="navLinks"> <li><a href="../index.html" class="nav-link">Home</a></li> <li><a href="fantasy-name-generator.html" class="nav-link active">Fantasy</a></li> <li><a href="about.html" class="nav-link">About</a></li> </ul> </div> </header> <main class="container"> <nav class="breadcrumb-nav"> <ol class="breadcrumb-list"> <li><a href="../index.html">Home</a></li> <li><a href="fantasy-name-generator.html">Generators</a></li> <li aria-current="page">Dragon Name Generator</li> </ol> </nav> <div class="hero-section"> <h1 class="hero-title">Dragon Name <span>Generator</span></h1> <p class="hero-subtitle">Call forth ancient, terrifying beasts of flame, frost, and the cosmic void.</p> </div> <section class="generator-app-box"> <div class="control-grid"> <div class="form-group"> <label for="element">Element</label> <select id="element" name="element" class="form-control gen-filter"> <option value="fire">Fire & Magma</option> <option value="ice">Frost & Blizzard</option> <option value="void">Void & Shadow</option> </select> </div> <div class="form-group"> <label for="withTitle">Include Epithet / Title</label> <select id="withTitle" name="withTitle" class="form-control gen-filter"> <option value="yes">Yes (e.g., Ignisalor the Inferno)</option> <option value="no">No (Single Name)</option> </select> </div> <div class="form-group"> <label for="countSelect">Batch Size</label> <select id="countSelect" class="form-control"> <option value="5">5</option> <option value="10" selected>10</option> <option value="20">20</option> </select> </div> </div> <div class="btn-group"> <button class="btn btn-primary" onclick="NameFantacyApp.generate('dragon')">⚡ Generate Dragon Names</button> <button class="btn btn-secondary" onclick="NameFantacyApp.generate('dragon')">↻ Regenerate</button> <button class="btn btn-secondary" onclick="NameFantacyApp.copyAll()">Copy All</button> <button class="btn btn-secondary" onclick="NameFantacyApp.resetFilters('dragon')">Reset</button> </div> <div class="results-header"> <h3>Legendary Draconic Results</h3> </div> <div id="resultsGrid" class="results-grid"></div> </section> <section class="favorites-container"> <div class="favorites-header"> <h3>⭐ Saved Favorites</h3> <button class="btn btn-secondary btn-sm" onclick="NameFantacyApp.clearAllFavorites()">Clear All</button> </div> <div id="favoritesList" class="favorites-list"></div> </section> <article class="seo-content"> <h2>Naming Ancient Serpents & Apex Predators</h2> <p>Dragon names must evoke sheer power and reverence. By pairing volcanic and abyssal prefixes with resonant Latinate roots, NameFantacy gives writers instant access to legendary beasts worthy of guarding ancient gold or destroying entire empires.</p> </article> </main> <footer class="site-footer"> <div class="container footer-bottom"> <span>© 2026 NameFantacy.com</span> <span><a href="../index.html">Back to Home</a></span> </div> </footer> <script src="../assets/js/generators.js"></script> <script src="../assets/js/search.js"></script> <script src="../assets/js/main.js"></script> <script> document.addEventListener('DOMContentLoaded', () => NameFantacyApp.generate('dragon')); </script> </body> </html>