-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathlobomon.html
More file actions
158 lines (142 loc) · 8.89 KB
/
Copy pathlobomon.html
File metadata and controls
158 lines (142 loc) · 8.89 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!doctype html>
<html lang="pt-BR">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Lobomon: Spirit Evolution tree</title>
<link rel="stylesheet" href="../../digivolution.css" />
<style>
/* page-specific layout */
.infographic { width:1598px; height:1506px; }
.columns { top:200px; }
/* both reference panels are right-aligned and stacked (narrow DNA on top, wide Unified below) */
.jogress-panel { top:711px; width:248px; left:auto; right:24px; }
.partner-panel { top:1104px; width:1128px; left:auto; right:24px; }
</style>
</head>
<body>
<div class="wrap">
<a class="backnav" href="index.html"><span class="arrow">←</span> Legendary Warriors</a>
<div class="infographic" id="canvas">
<div class="title">
<h1>Lobomon: Spirit Evolution tree</h1>
<div class="subtitle">Koji Minamoto's Warrior of Light line: from the ancestral AncientGarurumon and the Child form Strabimon up through the Human and Beast Spirits, the Fusion, the Unified MagnaGarurumon and the collective Susanoomon.</div>
</div>
<div class="legend">
<div class="legend-title">Spirit triggers</div>
<div class="legend-grid"></div>
</div>
<div class="columns"></div>
<svg id="edges" viewBox="0 0 1598 1506" preserveAspectRatio="none"></svg>
<div id="labels"></div>
<div id="nodes"></div>
<section class="jogress-panel" id="dna-panel">
<div class="jogress-panel-title">
<h2>Susanoomon: DNA Digivolve</h2>
<span>Takuya's EmperorGreymon completes the union</span>
</div>
<div class="jogress-body">
<a class="jogress-card" href="https://digimon.fandom.com/wiki/EmperorGreymon" target="_blank">
<img referrerpolicy="no-referrer" src="https://digimon.fandom.com/wiki/Special:Redirect/file/EmperorGreymon_b.jpg" alt="EmperorGreymon">
<div class="jogress-name">EmperorGreymon</div>
<div class="jogress-level">Unified (Takuya)</div>
<div class="jogress-fuse">+ MagnaGarurumon = Susanoomon</div>
</a>
</div>
</section>
<section class="partner-panel" id="unified-panel">
<div class="partner-panel-title">
<h2>MagnaGarurumon: Unified Spirit</h2>
<span>Koji unifies the Spirits (Human + Beast) of five Legendary Warriors</span>
</div>
<div class="partner-grid">
<a class="partner-card" href="https://digimon.fandom.com/wiki/AncientGarurumon" target="_blank">
<img referrerpolicy="no-referrer" src="https://digimon.fandom.com/wiki/Special:Redirect/file/AncientGarurumon_b.jpg" alt="AncientGarurumon">
<div class="partner-name">AncientGarurumon</div>
<div class="partner-level">Light</div>
<div class="partner-fuse">Human + Beast Spirit (Koji's own)</div>
</a>
<a class="partner-card" href="https://digimon.fandom.com/wiki/AncientBeetlemon" target="_blank">
<img referrerpolicy="no-referrer" src="https://digimon.fandom.com/wiki/Special:Redirect/file/AncientBeetlemon_b.jpg" alt="AncientBeetlemon">
<div class="partner-name">AncientBeetlemon</div>
<div class="partner-level">Thunder</div>
<div class="partner-fuse">Human + Beast Spirit</div>
</a>
<a class="partner-card" href="https://digimon.fandom.com/wiki/AncientSphinxmon" target="_blank">
<img referrerpolicy="no-referrer" src="https://digimon.fandom.com/wiki/Special:Redirect/file/AncientSphinxmon_b.jpg" alt="AncientSphinxmon">
<div class="partner-name">AncientSphinxmon</div>
<div class="partner-level">Darkness</div>
<div class="partner-fuse">Human + Beast Spirit</div>
</a>
<a class="partner-card" href="https://digimon.fandom.com/wiki/AncientMermaidmon" target="_blank">
<img referrerpolicy="no-referrer" src="https://digimon.fandom.com/wiki/Special:Redirect/file/AncientMermaidmon_b.jpg" alt="AncientMermaidmon">
<div class="partner-name">AncientMermaidmon</div>
<div class="partner-level">Water</div>
<div class="partner-fuse">Human + Beast Spirit</div>
</a>
<a class="partner-card" href="https://digimon.fandom.com/wiki/AncientWisemon" target="_blank">
<img referrerpolicy="no-referrer" src="https://digimon.fandom.com/wiki/Special:Redirect/file/AncientWisemon_b.jpg" alt="AncientWisemon">
<div class="partner-name">AncientWisemon</div>
<div class="partner-level">Steel</div>
<div class="partner-fuse">Human + Beast Spirit</div>
</a>
</div>
</section>
<div class="footer">Images and names link to DigimonWiki/Fandom. Credit and license: Fandom community, CC BY-SA unless noted otherwise. Frontier has no partner Digimon: Koji's Child form Strabimon Spirit-Evolves into these forms; AncientGarurumon is the ancestral Warrior of Light (lore links, not steps) and the origin of both the Human line (via Strabimon) and the Beast Spirit. BeoWolfmon fuses the two Light Spirits; MagnaGarurumon unifies five Warriors' Spirits (see panel); Susanoomon is MagnaGarurumon DNA-Digivolved with Takuya's EmperorGreymon (see panel), uniting all ten Legendary Warriors.</div>
</div>
<div class="support">
<span class="support-label">Support this project</span>
<a class="support-btn kofi" href="https://ko-fi.com/drigos" target="_blank" rel="noopener"><span class="support-icon" aria-hidden="true">☕</span><span class="support-text">Ko-fi</span><span class="support-url">ko-fi.com/drigos</span></a>
<a class="support-btn sponsors" href="https://github.com/sponsors/drigos" target="_blank" rel="noopener"><span class="support-icon" aria-hidden="true">♥</span><span class="support-text">GitHub Sponsors</span><span class="support-url">github.com/sponsors/drigos</span></a>
</div>
</div>
<script src="../../digivolution.js"></script>
<script>
DigiTree.mount({
legend: [
['normal','Spirit Evolution'],
['mode','Slide Evolution'],
['dna','Fusion / DNA Digivolve'],
['burst','Unified Spirit'],
['lore','Ancestral link']
],
columns: [
[42,'Ancestor'],[304,'Child'],[566,'Human / Beast Spirit'],[828,'Fusion'],[1090,'Unified Spirit'],[1352,'Susanoomon']
],
nodes: [
// ancestral origin (far left): ancient Warrior of Light, source of both branches
{id:'ancientgarurumon', x:42, y:370, cls:'lore', badge:{cls:'lw', text:'Legendary Warrior'}, name:'AncientGarurumon', lvl:'Ancient', note:'Ancient Warrior of Light; ancestor of the entire Light line.', wiki:'AncientGarurumon', img:'AncientGarurumon_b.jpg'},
// child form (Koji's Rookie-level Digimon), level with the Human Spirit
{id:'strabimon', x:304, y:250, cls:'normal', name:'Strabimon', lvl:'Child', note:'Koji’s Child form; Spirit-Evolves into Lobomon.', wiki:'Strabimon', img:'Strabimon_b.jpg'},
// spirit column (Human + Beast, slide-linked)
{id:'lobomon', x:566, y:250, cls:'normal', name:'Lobomon', lvl:'Human Spirit', note:'Koji’s Human Spirit of Light.', wiki:'Lobomon', img:'Lobomon_b.jpg'},
{id:'kendogarurumon', x:566, y:490, cls:'mode', name:'KendoGarurumon', lvl:'Beast Spirit', note:'Beast Spirit of Light, via Slide Evolution.', wiki:'KendoGarurumon', img:'KendoGarurumon_b.jpg'},
// fusion
{id:'beowolfmon', x:828, y:370, cls:'dna', name:'BeoWolfmon', lvl:'Fusion', note:'Koji’s Double Spirit form.', wiki:'BeoWolfmon', img:'BeoWolfmon_b.jpg'},
// unified
{id:'magnagarurumon', x:1090, y:370, cls:'burst', name:'MagnaGarurumon', lvl:'Unified', note:'Koji’s Unified Spirit form (see panel).', wiki:'MagnaGarurumon', img:'MagnaGarurumon_b.jpg'},
// collective pinnacle
{id:'susanoomon', x:1352, y:370, cls:'dna', name:'Susanoomon', lvl:'Susanoomon', note:'The Ten Legendary Warriors united (see panel).', wiki:'Susanoomon', img:'Susanoomon_b.jpg'}
],
edges: function (edge) {
// ancestral (lore) fan: the ancient origin ties to the Child root and the Beast Spirit, no arrowheads
edge('ancientgarurumon','strabimon','lore','right','left',{noArrow:true});
edge('ancientgarurumon','kendogarurumon','lore','right','left',{noArrow:true});
// child Spirit-Evolves into the Human Spirit
edge('strabimon','lobomon','normal','right','left');
// slide between Human and Beast
edge('lobomon','kendogarurumon','mode','bottom','top',{shape:'vertical', startArrow:true, label:'Slide', lx:668, ly:469});
// fusion of both spirits
edge('lobomon','beowolfmon','dna','right','left');
edge('kendogarurumon','beowolfmon','dna','right','left');
// unified, then DNA Digivolve with EmperorGreymon
edge('beowolfmon','magnagarurumon','burst');
edge('magnagarurumon','susanoomon','dna','right','left');
// connectors from the top nodes down to their reference panels
edge('magnagarurumon','unified-panel','burst','bottom','top',{shape:'vertical', toX:1192});
edge('susanoomon','dna-panel','dna','bottom','top',{shape:'vertical', toX:1454});
}
});
</script>
</body>
</html>