Cametendo/devil-fruit-encyclopedia
1
0
Fork 0
mirror of https://github.com/Cametendo/devil-fruit-encyclopedia.git synced 2026-09-14 00:09:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

Rebuild site as a full One Piece character & Devil Fruit wiki

Browse Source 
Replaces the 4-card quickstart mockup with a data-driven wiki covering
the 100 most well-known One Piece characters and every Devil Fruit they
carry (57 fruits total), each with its own linked detail page.

- js/characters-data.js: 100 character profiles (stats, bio, abilities)
- js/fruits-data.js: 57 Devil Fruit entries (history, powers, strengths/
  weaknesses, full user lineage) cross-linked to character ids
- index.html + main.js: searchable/filterable character grid
- character.html + character.js: character detail template driven by ?id=
- fruits.html + fruits.js: searchable Devil Fruit index with type filter
- fruit.html + fruit.js: Devil Fruit detail template driven by ?id=
- css/styles.css: new wanted-poster/ocean-navy design system, responsive
- Fixed docker-compose volume mount (previously pointed at a nonexistent
  ./data directory) and rewrote README for the new structure

Verified with a headless browser: all four page types render without
script errors, search/filter interactions work, and every character-
fruit cross-reference resolves correctly.
This commit is contained in:
Claude
2026-08-14 23:19:44 +00:00
parent 2f1e30ad0e
commit 8f60ff8499
15 changed files with 3214 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
fruit.html Normal file
View File

@@ -0,0 +1,40 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Devil Fruit — One Piece Wiki</title>
<meta name="description" content="Devil Fruit history, powers, strengths, weaknesses, and every user who ever held it." />
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🏴‍☠️</text></svg>" />
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<header class="site-header">
<div class="container site-header__inner">
<a class="brand" href="index.html"><span class="brand__mark">⚓</span> One Piece Wiki</a>
<nav class="site-nav">
<a href="index.html">Characters</a>
<a href="fruits.html">Devil Fruits</a>
</nav>
</div>
</header>
<main class="container" id="fruit-root">
<a class="back-link" href="fruits.html">← Back to Devil Fruits</a>
<div id="fruit-content"><div class="empty-state">Loading Devil Fruit…</div></div>
</main>
<footer class="site-footer">
<div class="container">
<span class="footer-warning">⚠ This wiki covers the entire One Piece story, including its most recent arcs.</span>
<p>Fan-made encyclopedia for educational and entertainment purposes only. One Piece is created by Eiichiro Oda. Not affiliated with Shueisha, Toei Animation, or Eiichiro Oda.</p>
<p>Built with HTML, CSS &amp; JavaScript by <a href="https://www.github.com/Cametendo" target="_blank" rel="noopener">Cametendo</a> · MIT License</p>
</div>
</footer>
<script src="js/characters-data.js"></script>
<script src="js/fruits-data.js"></script>
<script src="js/app.js"></script>
<script src="js/fruit.js"></script>
</body>
</html>