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'],