mirror of
https://github.com/Cametendo/devil-fruit-encyclopedia.git
synced 2026-09-14 00:09:47 +02:00
c645ee09d2
Adds js/portraits.js: procedurally generated, original SVG artwork for all 101 characters (a role-themed line-art medallion — sword for swordsmen, crown for royalty, compass for navigators, etc., derived from each character's role/epithet/affiliation) and all 58 Devil Fruits (a stylized swirled-fruit icon colored by category with the fruit's symbolic emoji at center). Official One Piece artwork is copyrighted (Oda/Shueisha/Toei), so rather than scraping and re-hosting character art from the web, every image here is drawn from scratch with basic SVG primitives — no external assets, no copyright risk, fully offline-capable, and crisp at any size since it's vector. Wires the new generators into every card and detail view: character cards/profile header, Devil Fruit cards/detail header, the Devil-Fruit callout on character pages, and user chips on Devil Fruit pages. Removes the now-unused plain-letter initialFor() avatar helper.
42 lines
1.9 KiB
HTML
42 lines
1.9 KiB
HTML
<!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 & 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/portraits.js"></script>
|
|
<script src="js/app.js"></script>
|
|
<script src="js/fruit.js"></script>
|
|
</body>
|
|
</html>
|