JezK
Edit File: elf-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>Elf Name Generator | Tolkien & D&D Inspired Ideas - NameFantacy</title> <meta name="description" content="Generate authentic High Elf, Wood Elf, and Dark Elf names. Filter by gender and elf subrace for novels, D&D characters, and gaming."> <link rel="canonical" href="https://namefantacy.com/pages/elf-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="baby-name-generator.html" class="nav-link">Baby</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">Elf Name Generator</li> </ol> </nav> <div class="hero-section"> <h1 class="hero-title">Elf Name <span>Generator</span></h1> <p class="hero-subtitle">Channel the grace and immortality of the firstborn with authentic Elven naming algorithms.</p> </div> <section class="generator-app-box"> <div class="control-grid"> <div class="form-group"> <label for="gender">Gender</label> <select id="gender" name="gender" class="form-control gen-filter"> <option value="all">Any / Neutral</option> <option value="male">Male</option> <option value="female">Female</option> </select> </div> <div class="form-group"> <label for="subrace">Elven Subrace</label> <select id="subrace" name="subrace" class="form-control gen-filter"> <option value="high">High Elf (Lyrical & Regal)</option> <option value="wood">Wood Elf (Nature & Stalker)</option> <option value="dark">Dark Elf / Drow (Sharp & Subterranean)</option> </select> </div> <div class="form-group"> <label for="countSelect">Count</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('elf')">⚡ Generate Elf Names</button> <button class="btn btn-secondary" onclick="NameFantacyApp.generate('elf')">↻ Regenerate</button> <button class="btn btn-secondary" onclick="NameFantacyApp.copyAll()">Copy All</button> <button class="btn btn-secondary" onclick="NameFantacyApp.resetFilters('elf')">Reset</button> </div> <div class="results-header"> <h3>Generated Elven Names</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>The Art of Elven Linguistics</h2> <p>Elven languages are characterized by fluid vowels, gentle dipthongs, and melodious endings. Whether choosing a moniker for an ancient Wood Elf scout or a majestic High Elf archmage, our generator builds lore-consistent results inspired by traditional fantasy literature.</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('elf')); </script> </body> </html>