diff --git a/js/layers.js b/js/layers.js index 6a902a8..fe6a5f1 100644 --- a/js/layers.js +++ b/js/layers.js @@ -34,7 +34,7 @@ addLayer("c", { icecreamCap: (player[this.layer].points * 10) }}, effectDescription() { // Optional text to describe the effects - eff = this.effect; + eff = this.effect(); return "which are boosting waffles by "+format(eff.waffleBoost)+" and increasing the Ice Cream cap by "+format(eff.icecreamCap) }, milestones: { @@ -190,9 +190,11 @@ addLayer("c", { ["column", [ ["prestige-button", function() {return "Be redundant for "}, {'width': '150px', 'height': '30px'}], ["prestige-button", function() {return "Be redundant for "}, {'width': '150px', 'height': '30px'}], + ]], ]], - ]], -], + "blank", + ["display-image", "discord.png"], + ], }, style() {return { // 'background-color': '#3325CC' diff --git a/js/v.js b/js/v.js index 74c3734..bc52369 100644 --- a/js/v.js +++ b/js/v.js @@ -33,19 +33,19 @@ function loadVue() { Vue.component('display-text', { props: ['layer', 'data'], template: ` - {{readData(data)}} + {{readData(data)}} ` }) // data = a function returning html content, with some limited functionality - Vue.component('raw-html', { - props: ['layer', 'data'], - template: ` + Vue.component('raw-html', { + props: ['layer', 'data'], + template: ` - ` - }) + ` + }) - // Blank lines, data = optional height in px or pair with width and height in px + // Blank space, data = optional height in px or pair with width and height in px Vue.component('blank', { props: ['layer', 'data'], template: ` @@ -57,6 +57,20 @@ function loadVue() { ` }) + // Displays an image, data is the URL + Vue.component('display-image', { + props: ['layer', 'data'], + template: ` + + ` + }) + + Vue.component('image', { + props: ['layer', 'data'], + template: ` + ` + }) + // data = an array of Components to be displayed in a row Vue.component('row', { props: ['layer', 'data'],