diff --git a/public/images/badge-profile.png b/public/images/badge-profile.png
new file mode 100644
index 0000000..41de2ce
Binary files /dev/null and b/public/images/badge-profile.png differ
diff --git a/public/images/badge-ticket.png b/public/images/badge-ticket.png
new file mode 100644
index 0000000..54ec8ba
Binary files /dev/null and b/public/images/badge-ticket.png differ
diff --git a/src/pages/badge-page.ts b/src/pages/badge-page.ts
index 2a9b2a8..8b8f979 100644
--- a/src/pages/badge-page.ts
+++ b/src/pages/badge-page.ts
@@ -191,7 +191,7 @@ export class BadgePage extends PolymerElement {
height: 450px;
border: 1px solid #ccc;
position: relative;
- background-image: url('/images/ticket-badge-23.png');
+ background-image: url('/images/badge-ticket.png');
/* Updated background image */
background-size: cover;
background-position: center;
@@ -218,11 +218,11 @@ export class BadgePage extends PolymerElement {
font-color="[[heroSettings.fontColor]]"
>
[[heroSettings.title]]
- [[tbd.unveilSoon]]
- [[tbd.announcedSoon]]
+
-
+
`;
@@ -357,7 +357,7 @@ export class BadgePage extends PolymerElement {
this.canvas = this.shadowRoot?.querySelector('#profile-canvas');
this.ctx = this.canvas.getContext("2d");
this.banner.setAttribute('crossOrigin', 'anonymous')
- this.banner.src = '/images/devfestahm23-badge-frame.png';
+ this.banner.src = '/images/badge-profile.png';
this.banner.onload = () => {
this.ctx.imageSmoothingEnabled = false;
this.draw();
@@ -493,7 +493,7 @@ export class BadgePage extends PolymerElement {
download = () => {
const a = document.createElement("a");
const url = this.canvas.toDataURL("image/png;base64");
- a.download = "devfestahm23-profile-badge.png";
+ a.download = "devfestahm-profile-badge.png";
a.href = url;
a.click();
};
@@ -512,7 +512,7 @@ export class BadgePage extends PolymerElement {
const backgroundImage = new Image();
const ticketImage = this.shadowRoot?.querySelector('#ticket-image');
- backgroundImage.src = '/images/ticket-badge-23.png';
+ backgroundImage.src = '/images/badge-ticket.png';
backgroundImage.onload = function () {
context.drawImage(backgroundImage, 0, 0, canvas.width, canvas.height);
@@ -550,7 +550,7 @@ export class BadgePage extends PolymerElement {
const link = document.createElement('a');
link.href = canvas.toDataURL('image/png');
- link.download = 'devfestahm23-ticket-badge.png';
+ link.download = 'devfestahm-ticket-badge.png';
link.click();
};
}