docs(content): new monster drops

- broken dagger
- rat tail
- slime residue
- small tusk
- splintered wood

diff --git a/public/assets/css/base.css b/public/assets/css/base.css
index 602b290530435dd9ba370a654faef420e8099cc6..dcd2083db03ac957fb95dbd85c5ff195b8355da4 100644 (file)
--- a/public/assets/css/base.css
+++ b/public/assets/css/base.css
@@ -85,4 +85,10 @@ h3 {
 footer {
     margin-top: 2rem;
     text-align: center;
+}
+
+.item-icon {
+    width: 32px;
+    height: 32px;
+    vertical-align: middle;
 }
\ No newline at end of file

diff --git a/public/assets/css/combat.css b/public/assets/css/combat.css
index ff3b23d948ff0de02328efe609fed04d0d3ac8a0..2c0b42752e7391dfd92ca6efaf3cbc8de9b05bac 100644 (file)
--- a/public/assets/css/combat.css
+++ b/public/assets/css/combat.css
@@ -30,5 +30,5 @@
 }
 
 #fight-results {
-    margin-top: 1rem;
+    margin: 1rem 0;
 }
\ No newline at end of file

diff --git a/public/assets/img/icons/items/broken_dagger.png b/public/assets/img/icons/items/broken_dagger.png
new file mode 100644 (file)
index 0000000..d99891d
Binary files /dev/null and b/public/assets/img/icons/items/broken_dagger.png differ

diff --git a/public/assets/img/icons/items/rat_tail.png b/public/assets/img/icons/items/rat_tail.png
new file mode 100644 (file)
index 0000000..df0039f
Binary files /dev/null and b/public/assets/img/icons/items/rat_tail.png differ

diff --git a/public/assets/img/icons/items/slime_residue.png b/public/assets/img/icons/items/slime_residue.png
new file mode 100644 (file)
index 0000000..859777c
Binary files /dev/null and b/public/assets/img/icons/items/slime_residue.png differ

diff --git a/public/assets/img/icons/items/small_tusk.png b/public/assets/img/icons/items/small_tusk.png
new file mode 100644 (file)
index 0000000..8d2f0f6
Binary files /dev/null and b/public/assets/img/icons/items/small_tusk.png differ

diff --git a/public/assets/img/icons/items/splintered_wood.png b/public/assets/img/icons/items/splintered_wood.png
new file mode 100644 (file)
index 0000000..2599ca9
Binary files /dev/null and b/public/assets/img/icons/items/splintered_wood.png differ

diff --git a/src/server/views/fight.ts b/src/server/views/fight.ts
index 9981ff765d47d2fbaf41b1dea808e8f691e343b7..b0d9711836b53c773a7eb7a125b4fb809d3ad935 100644 (file)
--- a/src/server/views/fight.ts
+++ b/src/server/views/fight.ts
@@ -23,7 +23,7 @@ export function renderRoundDetails(roundData: FightRound): string {
       }
 
       roundData.rewards.items.forEach(item => {
-        html.push(`<div>${roundData.monster.name} dropped ${item.amount} ${item.name}</div>`);
+        html.push(`<div>${roundData.monster.name} dropped ${item.amount} ${item.name} <img src="/assets/img/icons/items/${item.icon_name}" class="item-icon" alt="${item.name}"></div>`);
       });
     break;
     case 'monster':