Compare commits

..

No commits in common. "c32ebdda397e99654237b852ee1ba4bcce293b1e" and "a9185baf999e4566292f401867b56a3658673a93" have entirely different histories.

2 changed files with 5 additions and 12 deletions

View file

@ -25,18 +25,12 @@ export function getAugments() {
for (const [id, feature] of Object.entries(allFeatures)) {
const name = feature.label || feature.name || "";
if (name.startsWith("Ikonis:")) {
const desc = feature.description ? feature.description.replace(/<[^>]*>?/gm, '').trim() : "";
const lines = desc.split(/\n|\r/).map(l => l.trim()).filter(l => l.length > 0);
const costLine = lines.find(l => l.toLowerCase().startsWith("cost:"));
const effectLine = lines.find(l => !l.toLowerCase().startsWith("cost:"));
augments.push({
id: id,
name: name.replace("Ikonis:", "").trim(),
fullName: name,
effect: effectLine || "Native Feature",
cost: costLine || ""
effect: feature.description ? feature.description.replace(/<[^>]*>?/gm, '').substring(0, 200).trim() : "Native Feature",
cost: "" // Cost is included in the description
});
}
}

View file

@ -28,14 +28,13 @@
<div class="augments-list" style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;">
{{#each ikonis.augments as |aug|}}
<div class="augment-item motherboard-card" style="padding: 1rem; background: rgba(255,255,255,0.02); border: 1px solid #2d3436; border-radius: 8px; position: relative; min-height: 85px; display: flex; flex-direction: column;">
<div class="augment-item motherboard-card" style="padding: 1rem; background: rgba(255,255,255,0.02); border: 1px solid #2d3436; border-radius: 8px; position: relative; min-height: 80px; display: flex; flex-direction: column;">
<a class="remove-btn" data-action="removeAugment" data-id="{{aug.id}}" style="position: absolute; top: 0.5rem; right: 0.5rem; color: #666; cursor: pointer;"><i class="fa-solid fa-trash-alt"></i></a>
<div style="display: flex; gap: 0.75rem; align-items: center; margin-bottom: 0.25rem;">
<span class="aug-name" style="font-weight: bold; font-size: 1.1rem; color: #ffffff;">{{aug.name}}</span>
</div>
<div class="aug-stats" style="font-size: 0.9rem; color: #a4b0be; line-height: 1.3;">
<div class="effect" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{aug.effect}}</div>
<div class="cost" style="color: #ff2e63; font-style: italic;">{{aug.cost}}</div>
<div class="aug-stats" style="font-size: 0.9rem; color: #a4b0be; flex: 1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.25;">
{{aug.effect}}
</div>
</div>
{{else}}