-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
12 lines (12 loc) · 12.4 KB
/
index.html
File metadata and controls
12 lines (12 loc) · 12.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>Dragon Quest VIII – Inventory, Alchemy & Equipment Optimizer</title><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="description" content="Dragon Quest VIII companion tool: track inventory and crafted recipes, see what’s craftable right now, and optimize equipment from your owned gear."><meta name="author" content="Eerie Goes D"><link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"><link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"><meta name="keywords" content="dragon quest 8 alchemy recipes, dq8 alchemy pot, dragon quest viii crafting guide, dq8 equipment optimizer, dragon quest 8 inventory tracker, dq8 recipe list, dragon quest viii companion tool"><meta name="robots" content="index, follow"><link rel="canonical" href="https://eeriegoesd.com/dragon-quest-viii-recipe-helper/"><!-- Open Graph --><meta property="og:type" content="website"><meta property="og:title" content="Dragon Quest VIII – Alchemy Tracker & Equipment Optimizer"><meta property="og:description" content="Free companion tool for DQ8: track your inventory, see craftable alchemy recipes, and optimize equipment loadouts. Runs in your browser."><meta property="og:url" content="https://eeriegoesd.com/dragon-quest-viii-recipe-helper/"><meta property="og:image" content="https://eeriegoesd.com/dragon-quest-viii-recipe-helper/og-dq8-tracker.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><!-- Twitter Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Dragon Quest VIII – Alchemy Tracker & Equipment Optimizer"><meta name="twitter:description" content="Track inventory, find craftable alchemy recipes, and optimize your party's equipment. Free, runs in your browser."><meta name="twitter:image" content="https://eeriegoesd.com/dragon-quest-viii-recipe-helper/og-dq8-tracker.png"><!-- Structured Data --><script type="application/ld+json">{
"@context": "https://schema.org",
"@type": "WebApplication",
"name": "Dragon Quest VIII – Alchemy Tracker & Equipment Optimizer",
"url": "https://eeriegoesd.com/dragon-quest-viii-recipe-helper/",
"description": "Free browser-based companion tool for Dragon Quest VIII. Track inventory, find craftable alchemy pot recipes, and optimize party equipment loadouts.",
"applicationCategory": "GameApplication",
"operatingSystem": "Any",
"offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" },
"author": { "@type": "Person", "name": "EERIE", "url": "https://eeriegoesd.com/" },
"browserRequirements": "Requires JavaScript"
}</script><link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&family=Syne:wght@400;600;700;800&display=swap" rel="stylesheet"><link href="css/main.css" rel="stylesheet"><script src="js/main.js" defer></script><!-- Google tag (gtag.js) --><script async src="https://www.googletagmanager.com/gtag/js?id=G-8WP1EY91HF"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-8WP1EY91HF")</script></head><body><div class="container"><!-- Navbar --><div class="navbar"><div class="navbar-inner"><h1>Dragon Quest VIII – Alchemy Tracker</h1></div></div><!-- Welcome Alert --><div class="alert alert-info"><strong>Welcome!</strong><br>I'm <a href="https://eeriegoesd.com/" target="_blank" rel="noopener">EERIE</a>. This Dragon Quest VIII companion tool lets you:<ul style="margin:8px 0 8px 18px"><li>Tick your <strong>inventory</strong> (items + equipment you own)</li><li>Track <strong>Alchemy Pot recipes</strong> and mark what you’ve <strong>created</strong></li><li>See what’s <strong>craftable right now</strong> based on your current inventory</li><li>See <strong>craftable recipes you haven’t created yet</strong></li><li>Run the <strong>Equipment Optimizer</strong> to pick the best gear from what you own</li></ul>Feedback: <a href="mailto:eeriegoesd@gmail.com">eeriegoesd@gmail.com</a> · <a href="https://steamcommunity.com/profiles/76561198217097379/" target="_blank" rel="noopener">Steam</a><br><br><span style="font-size:13px"><a href="https://buymeacoffee.com/eeriegoesd" target="_blank" rel="noopener">Buy Me a Coffee!</a> | <a href="https://www.paypal.com/paypalme/eeriegoesd" target="_blank" rel="noopener">Paypal</a></span></div><!-- Warning Alert --><div class="alert alert-warning"><strong>Warning!</strong> Your progress is automatically saved in this browser, but it will be lost if you delete its cookies. You can save/load your state by using the import/export progress buttons.</div><!-- Progress Management Buttons --><div class="progress-buttons"><button id="export-state-btn" class="btn btn-export">Export Progress</button> <button class="btn btn-import"><label for="import-state-input" class="import-label">Import Progress...</label></button> <input id="import-state-input" type="file" accept=".json" style="display:none"></div><!-- Quick Navigation --><div class="quick-navigation"><h4>Quick Navigation:</h4><ul><li><a href="#inventory-panel">Inventory</a></li><li><a href="#all-recipes-panel">All Recipes</a></li><li><a href="#craftable-panel">Craftable Recipes</a></li><li><a href="#craftable-not-created-panel">Craftable (Not Created)</a></li><li><a href="#your-recipes-panel">Your Recipe List</a></li><li><a href="#optimizer-panel">Equipment Optimizer</a></li></ul></div><!-- Overall summary --><div id="overall-summary" class="overall-progress">0 / 0 recipes created – 0 / 0 recipes currently craftable</div><!-- Main layout --><div class="layout"><!-- Inventory --><section class="panel inventory-panel" id="inventory-panel"><h2>Inventory – Items You Own</h2><p class="small-text">Tick every item you currently have (equipment + items). The tracker will compute which recipes are craftable and the optimizer will use the equipped gear to pick the best loadout.</p><div class="inventory-bulk-buttons"><button id="inventory-tick-all" class="btn btn-import">Tick all</button> <button id="inventory-untick-all" class="btn btn-export">Untick all</button></div><div id="inventory-list" class="inventory-list"><!-- Filled by JS --></div></section><!-- Recipes + Optimizer --><section class="panel recipes-panel" id="all-recipes-panel"><h2>All Alchemy Recipes</h2><p class="small-text">Columns: Category, Result item, Ingredients, Craftable?, Created. Use the filters below to show only equipment recipes, only item recipes, or both.</p><div class="recipe-filters"><label><input type="checkbox" id="filter-equipment" checked> Equipment</label> <label><input type="checkbox" id="filter-items" checked> Items (Cheese / Medicine / Other)</label> <label style="margin-left:10px">Maximum items that can be mixed: <select id="max-mix-select"><option value="2">2</option><option value="3" selected>3</option></select></label></div><div class="table-responsive"><table class="table table-striped table-hover"><thead><tr><th>Category</th><th>Result</th><th>Ingredients</th><th>Craftable?</th><th>Created</th></tr></thead><tbody id="recipes-body"><!-- Filled by JS --></tbody></table></div><!-- Craftable recipes (all) --><div id="craftable-panel"><h3>Craftable Recipes (based on current inventory)</h3><p id="craftable-summary" class="small-text">0 / 0 recipes craftable.</p><div class="table-responsive"><table class="table table-striped table-hover"><thead><tr><th>Category</th><th>Result</th><th>Ingredients</th></tr></thead><tbody id="craftable-body"><!-- Filled by JS --></tbody></table></div></div><!-- Craftable recipes not created --><div id="craftable-not-created-panel"><h3>Craftable Recipes (that you haven't created before)</h3><p id="craftable-not-created-summary" class="small-text">0 craftable recipes that are not yet created.</p><div class="table-responsive"><table class="table table-striped table-hover"><thead><tr><th>Category</th><th>Result</th><th>Ingredients</th></tr></thead><tbody id="craftable-not-created-body"><!-- Filled by JS --></tbody></table></div></div><!-- Your recipe list --><div id="your-recipes-panel"><h3>Your Recipe List (already created)</h3><p class="small-text">This mirrors the "Created" ticks above. Useful as a quick checklist of what you've done.</p><ul id="created-list" class="created-list"><!-- Filled by JS --></ul></div><!-- Equipment Optimizer --><section class="optimizer-panel" id="optimizer-panel"><h2>Equipment Optimizer</h2><p class="small-text">Tick all <strong>equipment</strong> you own in the Inventory on the left (weapons, armour, shields, helmets, accessories), then click the button below. Weapons prioritize ATK, armour/shield/helmet prioritize DEF, and accessories use the dropdown below.</p><div class="optimizer-options"><label class="small-text" style="display:inline-block;margin:6px 0 10px 0">What to prioritize in accessory: <select id="optimizer-accessory-priority"><option>Agility</option><option>Attack</option><option>Defence</option><option>Max HP</option><option>Max MP</option><option selected>Total Stats</option><option>Wisdom</option></select></label><!-- NEW: Jessica swords toggle --> <label class="small-text" style="display:inline-block;margin:6px 0 10px 0"><input type="checkbox" id="optimizer-jessica-swords"> Jessica can equip swords</label></div><!-- Weapon category filters --><div id="optimizer-weapon-filters" class="optimizer-weapon-filters"><div class="small-text" style="font-weight:700;margin:6px 0">Filter:</div><!-- Filled by JS --></div><div><button id="optimizer-run-btn" class="btn btn-export">Calculate optimal equipment</button></div><div id="optimizer-output" class="optimizer-output"><!-- Filled by JS --></div></section></section></div><!-- /.layout --><!-- FAQ Section --><section style="margin-top:40px;position:relative;z-index:1"><div style="height:1px;background:var(--border);margin:32px 0"></div><h2 style="font-size:18px;font-weight:800;color:#fff;margin:32px 0 20px">Frequently Asked Questions</h2><details style="margin-bottom:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)"><summary style="padding:14px 18px;cursor:pointer;font-weight:700;font-size:13px;color:var(--text);font-family:var(--sans)">What does this Dragon Quest VIII tracker do?</summary><p style="padding:0 18px 14px;font-size:13px;color:var(--muted);line-height:1.7;font-family:var(--mono)">It lets you tick off your current inventory (items and equipment), then automatically shows which Alchemy Pot recipes you can craft right now. It also includes an equipment optimizer that picks the best gear loadout for each party member based on what you own.</p></details><details style="margin-bottom:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)"><summary style="padding:14px 18px;cursor:pointer;font-weight:700;font-size:13px;color:var(--text);font-family:var(--sans)">Is my progress saved?</summary><p style="padding:0 18px 14px;font-size:13px;color:var(--muted);line-height:1.7;font-family:var(--mono)">Yes — your inventory and recipe progress auto-saves in your browser's local storage. However, clearing cookies will erase it. Use the Export/Import buttons to back up your progress as a JSON file you can reload anytime.</p></details><details style="margin-bottom:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)"><summary style="padding:14px 18px;cursor:pointer;font-weight:700;font-size:13px;color:var(--text);font-family:var(--sans)">Does this cover all alchemy recipes in DQ8?</summary><p style="padding:0 18px 14px;font-size:13px;color:var(--muted);line-height:1.7;font-family:var(--mono)">Yes, the tracker includes all Alchemy Pot recipes from Dragon Quest VIII, including both 2-ingredient and 3-ingredient mixes. You can filter between equipment recipes and consumable items.</p></details><details style="margin-bottom:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)"><summary style="padding:14px 18px;cursor:pointer;font-weight:700;font-size:13px;color:var(--text);font-family:var(--sans)">How does the equipment optimizer work?</summary><p style="padding:0 18px 14px;font-size:13px;color:var(--muted);line-height:1.7;font-family:var(--mono)">It looks at every piece of equipment you've ticked in your inventory and assigns the best weapon, armour, shield, helmet, and accessory to each party member. Weapons are ranked by ATK, armour/shields/helmets by DEF, and accessories by your chosen priority stat.</p></details></section></div><!-- /.container --></body></html>