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(); }; }