Adding an image library because i apparently need TGAs

This commit is contained in:
2026-08-05 23:24:32 -05:00
parent 466e0570d4
commit 62a6f49eba
10 changed files with 9917 additions and 6 deletions

View File

@@ -2,6 +2,10 @@
<head>
<title>Critterfolio</title>
<link type="text/rcss" href="styles/main.rcss" />
<script>
</script>
</head>
<body data-model="app_data">
@@ -11,11 +15,23 @@
<!-- Critter Cards -->
<div class="critter-list">
<div data-for="entry : critters" class="critter-card">
<h3>#{{entry.key}} - {{entry.value.name}}</h3>
<p><strong>Species:</strong> {{entry.value.species}}</p>
<p><strong>Gender:</strong> {{entry.value.gender}}</p>
</div>
<button data-for="entry : critters" class="critter-card">
<div class="critter-card-header">
<span class="critter-id">ID: #{{entry.key}}</span>
<button class="btn-delete">X</button>
</div>
<div class="critter-card-body">
<img class="critter-thumb"
src="images/icon.tga" />
<div class="critter-info">
<h3 class="critter-name">{{entry.value.name}}</h3>
<p><strong>Species:</strong> {{entry.value.species}}</p>
<p><strong>Gender:</strong> {{entry.value.gender}}</p>
</div>
</div>
</button>
</div>
<!-- Modal Dialog Overlay -->