diff --git a/constants.js b/constants.js index ebd7d31..4abeafa 100644 --- a/constants.js +++ b/constants.js @@ -172,5 +172,21 @@ const upgrades = { "anthro": 1 } } + }, + "anthro-prod-2": { + "name": "Mesmerized Prey", + "desc": "Why bother walking over to it?", + "cost": { + "food": buildings.anthro.cost * 50 + }, + "effect": { + "type": "prod-2x", + "target": "anthro" + }, + "prereqs": { + "buildings": { + "anthro": 10 + } + } } } diff --git a/gorge.css b/gorge.css index e102b38..2576c3a 100644 --- a/gorge.css +++ b/gorge.css @@ -165,7 +165,7 @@ body.dark { #upgrade-tooltip { position: absolute; width: 200px; - height: 125%; + padding-bottom: 50px; background: #333; display: none; z-index: 1; @@ -173,12 +173,18 @@ body.dark { top: 0px; } +#upgrade-tooltip-name { + font-size: 24px; + color: #eee; + margin: 10px; + top: 50%; + left: 10px; +} + #upgrade-tooltip-desc { font-size: 14px; color: #bbb; margin: 10px; - top: 50%; - left: 10px; } #upgrade-tooltip-effect { diff --git a/gorge.html b/gorge.html index 16027ff..691adac 100644 --- a/gorge.html +++ b/gorge.html @@ -32,6 +32,7 @@
Upgrades
+
diff --git a/gorge.js b/gorge.js index 469b779..cc9b6a8 100644 --- a/gorge.js +++ b/gorge.js @@ -351,6 +351,7 @@ function upgradeTooltip(id, event) { let tooltip = document.querySelector("#upgrade-tooltip"); tooltip.style.setProperty("display", "inline-block"); + fillTooltip("upgrade", "name", upgrades[id].name); fillTooltip("upgrade", "desc", upgrades[id].desc); fillTooltip("upgrade", "effect", upgrade_types[upgrades[id].effect.type].desc(buildings[upgrades[id].effect.target].name)); fillTooltip("upgrade", "cost", renderCost(upgrades[id].cost));