124 lines
4.1 KiB
HTML
124 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Elemental Descriptors Index</title>
|
|
<link rel="stylesheet" href="book-page.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div class="container">
|
|
<h1>Elemental Descriptor Index</h1>
|
|
<h2>(d6, based upon the element)</h2>
|
|
|
|
<!-- Air Bolt Dark Grouping -->
|
|
<div class="descriptor-grouping">
|
|
<div class="group-header">
|
|
<span>Air</span>
|
|
<span>Bolt</span>
|
|
<span>Dark</span>
|
|
</div>
|
|
<ul>
|
|
<li><strong>1. Cerulean</strong></li>
|
|
<li><strong>2. Dry</strong></li>
|
|
<li><strong>3. Emerald</strong></li>
|
|
<li><strong>4. Green</strong></li>
|
|
<li><strong>5. Hollow</strong></li>
|
|
<li><strong>6. Light</strong></li>
|
|
</ul>
|
|
|
|
<ul style="margin-top: 10px;">
|
|
<li><strong>1. Amber</strong></li>
|
|
<li><strong>2. Conductive</strong></li>
|
|
<li><strong>3. Electrostatic</strong></li>
|
|
<li><strong>4. Magnetic</strong></li>
|
|
<li><strong>5. Thundering</strong></li>
|
|
<li><strong>6. Yellow</strong></li>
|
|
</ul>
|
|
|
|
<ul style="margin-top: 10px;">
|
|
<li><strong>1. Amethyst</strong></li>
|
|
<li><strong>2. Astral</strong></li>
|
|
<li><strong>3. Colorless</strong></li>
|
|
<li><strong>4. Fragile</strong></li>
|
|
<li><strong>5. Ruined</strong></li>
|
|
<li><strong>6. Spectral</strong></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Earth Fire Ice Grouping -->
|
|
<div class="descriptor-grouping">
|
|
<h3 style="color: #8b4513;">Earth</h3>
|
|
<ul style="display: flex; gap: 20px;">
|
|
<li><strong>1. Carved</strong></li>
|
|
<li><strong>2. Diamond</strong></li>
|
|
<li><strong>3. Fossil</strong></li>
|
|
<li><strong>4. Golden</strong></li>
|
|
<li><strong>5. Iron</strong></li>
|
|
<li><strong>6. Sandy</strong></li>
|
|
</ul>
|
|
|
|
<h3 style="color: #cc5500;">Fire</h3>
|
|
<ul>
|
|
<li><strong>1. Blazing</strong></li>
|
|
<li><strong>2. Explosive</strong></li>
|
|
<li><strong>3. Incendiary</strong></li>
|
|
<li><strong>4. Ruby</strong></li>
|
|
<li><strong>5. Scarlet</strong></li>
|
|
<li><strong>6. Stinging</strong></li>
|
|
</ul>
|
|
|
|
<h3 style="color: #00ced1;">Ice</h3>
|
|
<ul>
|
|
<li><strong>1. Arctic</strong></li>
|
|
<li><strong>2. Azure</strong></li>
|
|
<li><strong>3. Crystalline</strong></li>
|
|
<li><strong>4. Freezing</strong></li>
|
|
<li><strong>5. Frosty</strong></li>
|
|
<li><strong>6. Pale</strong></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Light Poison Water Grouping -->
|
|
<div class="descriptor-grouping">
|
|
<h2 style="border-left: 4px solid #ff6347; color: #ff6347;">Light</h2>
|
|
<ul style="display: flex; gap: 20px;">
|
|
<li><strong>1. Ethereal</strong></li>
|
|
<li><strong>2. Opaline</strong></li>
|
|
<li><strong>3. Royal</strong></li>
|
|
<li><strong>4. Shining</strong></li>
|
|
<li><strong>5. Silver</strong></li>
|
|
<li><strong>6. Transparent</strong></li>
|
|
</ul>
|
|
|
|
<h2 style="border-left: 4px solid #ff8c00; color: #ff8c00;">Poison</h2>
|
|
<ul>
|
|
<li><strong>1. Corrosive</strong></li>
|
|
<li><strong>2. Infected</strong></li>
|
|
<li><strong>3. Speckled</strong></li>
|
|
<li><strong>4. Streaked</strong></li>
|
|
<li><strong>5. Toxic</strong></li>
|
|
<li><strong>6. Violet</strong></li>
|
|
</ul>
|
|
|
|
<h2 style="border-left: 4px solid #4682b4; color: #4682b4;">Water</h2>
|
|
<ul>
|
|
<li><strong>1. Blue</strong></li>
|
|
<li><strong>2. Coral</strong></li>
|
|
<li><strong>3. Deepwater</strong></li>
|
|
<li><strong>4. Sapphire</strong></li>
|
|
<li><strong>5. Thin</strong></li>
|
|
<li><strong>6. Wet</strong></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div id="guest-customer">
|
|
<h3> Details</h3>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|