feat: update evolution guide with new interaction rules and enhance styling for clarity

This commit is contained in:
sha
2026-02-21 23:33:26 +02:00
parent b6379a0bd3
commit 39e4b2d3cf
3 changed files with 57 additions and 30 deletions
+25 -16
View File
@@ -89,34 +89,43 @@
<p class="guide-section__label">interactions</p>
<ul class="guide-rules">
<li class="guide-rule">
<span class="guide-rule__dot" style="--c:#ffb0a8"></span>
<span class="guide-entity__icon" data-guide-icon="bug"></span>
<span class="guide-rule__op">+</span>
<span class="guide-rule__dot" style="--c:#a8ffb8"></span>
<span class="guide-rule__desc">bug infects → <span style="color:#ff4d6d">virus</span></span>
<span class="guide-entity__icon" data-guide-icon="dna-bold-duotone"></span>
<span class="guide-rule__op"></span>
<span class="guide-entity__icon" data-guide-icon="virus-filled"></span>
<span class="guide-rule__desc">bug infects</span>
</li>
<li class="guide-rule">
<span class="guide-rule__dot" style="--c:#ffb0a8"></span>
<span class="guide-entity__icon" data-guide-icon="bug"></span>
<span class="guide-rule__op">+</span>
<span class="guide-rule__dot" style="--c:#ff4d6d"></span>
<span class="guide-rule__desc">bug cures → <span style="color:#a8ffb8">dna</span></span>
<span class="guide-entity__icon" data-guide-icon="virus-filled"></span>
<span class="guide-rule__op"></span>
<span class="guide-entity__icon" data-guide-icon="dna-bold-duotone"></span>
<span class="guide-rule__desc">bug cures virus</span>
</li>
<li class="guide-rule">
<span class="guide-rule__dot" style="--c:#ff4d6d"></span>
<span class="guide-entity__icon" data-guide-icon="virus-filled"></span>
<span class="guide-rule__op">+</span>
<span class="guide-rule__dot" style="--c:#a8ffb8"></span>
<span class="guide-rule__desc">virus kills &nbsp;<span class="guide-rule__pct">90%</span></span>
<span class="guide-entity__icon" data-guide-icon="dna-bold-duotone"></span>
<span class="guide-rule__op"></span>
<span class="guide-rule__pct">90%</span>
<span class="guide-rule__desc">virus kills</span>
</li>
<li class="guide-rule">
<span class="guide-rule__dot" style="--c:#ff4d6d"></span>
<span class="guide-entity__icon" data-guide-icon="virus-filled"></span>
<span class="guide-rule__op">+</span>
<span class="guide-rule__dot" style="--c:#a8ffb8"></span>
<span class="guide-rule__desc">mutates → <span style="color:#80ffee">bacteria</span> <span class="guide-rule__pct">10%</span></span>
<span class="guide-entity__icon" data-guide-icon="dna-bold-duotone"></span>
<span class="guide-rule__op"></span>
<span class="guide-entity__icon" data-guide-icon="bacteria"></span>
<span class="guide-rule__pct">10%</span>
<span class="guide-rule__desc">mutation</span>
</li>
<li class="guide-rule">
<span class="guide-rule__dot" style="--c:#80ffee"></span>
<span class="guide-rule__op"></span>
<span class="guide-rule__dot" style="--c:transparent;box-shadow:none;border:1px solid rgba(255,255,255,0.18)"></span>
<span class="guide-rule__desc">bacteria immune to virus</span>
<span class="guide-entity__icon" data-guide-icon="bacteria"></span>
<span class="guide-rule__op">×</span>
<span class="guide-entity__icon" data-guide-icon="virus-filled"></span>
<span class="guide-rule__desc">bacteria immune</span>
</li>
</ul>
</div>