diff --git a/css/style.css b/css/style.css index b6552b9..6cd7d4a 100644 --- a/css/style.css +++ b/css/style.css @@ -2,10 +2,8 @@ body { padding-top: 100px; } -#Detector img { - border-radius: 10px; +#detector { cursor: pointer; - width: 200px; } .bar rect { diff --git a/index.html b/index.html index a8868e1..0f2609b 100644 --- a/index.html +++ b/index.html @@ -36,7 +36,7 @@
-
+
Your detector. Click on it to generate events. @@ -52,6 +52,7 @@

Research

+

{{ r.name }} Level: {{ r.level }}

{{ r.description }}

@@ -71,7 +72,9 @@ - + + + diff --git a/js/game.js b/js/game.js index df8376a..e6c8235 100644 --- a/js/game.js +++ b/js/game.js @@ -12,16 +12,19 @@ return res; } + var lab = { name: 'My Awesome Lab', data: 0, reputation: 0, money: 0, + researchHistogram: new Histogram('#ResearchHist'), getGrant: function () { this.money += this.reputation * 10; // TODO: adjust factor }, acquire: function (amount) { this.data += amount; + this.researchHistogram.add_events(amount); }, research: function (cost, reputation) { if (this.data >= cost) {