From 9f55b88b501fb457fdb00a8111e0ff7f0cb98a1f Mon Sep 17 00:00:00 2001
From: Max Richter <jim-x@web.de>
Date: Mon, 13 Nov 2023 12:20:10 +0100
Subject: [PATCH] feat: center gallery grid

---
 src/lib/components/Questions.svelte |  2 +-
 src/lib/components/confetti.js      |  8 ++++++++
 src/lib/components/confetti.svelte  |  4 ++--
 src/routes/gallery/+page.svelte     | 11 +++++++++--
 static/hang.png:Zone.Identifier     |  3 ---
 5 files changed, 20 insertions(+), 8 deletions(-)
 create mode 100644 src/lib/components/confetti.js
 delete mode 100644 static/hang.png:Zone.Identifier

diff --git a/src/lib/components/Questions.svelte b/src/lib/components/Questions.svelte
index 35e5554..e85d319 100644
--- a/src/lib/components/Questions.svelte
+++ b/src/lib/components/Questions.svelte
@@ -278,7 +278,7 @@
 			</section>
 		{:else}
 			<div class="button-wrapper">
-				<Button on:click={() => submit()}>Möchtet Ihr diese königliche Einladung annehmen?</Button>
+				<Button on:click={() => submit()}>Einladung versenden</Button>
 			</div>
 		{/if}
 	{/if}
diff --git a/src/lib/components/confetti.js b/src/lib/components/confetti.js
new file mode 100644
index 0000000..f65f503
--- /dev/null
+++ b/src/lib/components/confetti.js
@@ -0,0 +1,8 @@
+/**
+ * Bundled by jsDelivr using Rollup v2.79.1 and Terser v5.19.2.
+ * Original file: /npm/canvas-confetti@1.9.0/dist/confetti.module.mjs
+ *
+ * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
+ */
+var t={};!function t(e,a,n,o){var r=!!(e.Worker&&e.Blob&&e.Promise&&e.OffscreenCanvas&&e.OffscreenCanvasRenderingContext2D&&e.HTMLCanvasElement&&e.HTMLCanvasElement.prototype.transferControlToOffscreen&&e.URL&&e.URL.createObjectURL),i="function"==typeof Path2D&&"function"==typeof DOMMatrix;function l(){}function s(t){var n=a.exports.Promise,o=void 0!==n?n:e.Promise;return"function"==typeof o?new o(t):(t(l,l),null)}var c,h,f,u,d,m,p,g,b,M=(f=Math.floor(1e3/60),u={},d=0,"function"==typeof requestAnimationFrame&&"function"==typeof cancelAnimationFrame?(c=function(t){var e=Math.random();return u[e]=requestAnimationFrame((function a(n){d===n||d+f-1<n?(d=n,delete u[e],t()):u[e]=requestAnimationFrame(a)})),e},h=function(t){u[t]&&cancelAnimationFrame(u[t])}):(c=function(t){return setTimeout(t,f)},h=function(t){return clearTimeout(t)}),{frame:c,cancel:h}),v=(g={},function(){if(m)return m;if(!n&&r){var e=["var CONFETTI, SIZE = {}, module = {};","("+t.toString()+")(this, module, true, SIZE);","onmessage = function(msg) {","  if (msg.data.options) {","    CONFETTI(msg.data.options).then(function () {","      if (msg.data.callback) {","        postMessage({ callback: msg.data.callback });","      }","    });","  } else if (msg.data.reset) {","    CONFETTI && CONFETTI.reset();","  } else if (msg.data.resize) {","    SIZE.width = msg.data.resize.width;","    SIZE.height = msg.data.resize.height;","  } else if (msg.data.canvas) {","    SIZE.width = msg.data.canvas.width;","    SIZE.height = msg.data.canvas.height;","    CONFETTI = module.exports.create(msg.data.canvas);","  }","}"].join("\n");try{m=new Worker(URL.createObjectURL(new Blob([e])))}catch(t){return void 0!==typeof console&&"function"==typeof console.warn&&console.warn("🎊 Could not load worker",t),null}!function(t){function e(e,a){t.postMessage({options:e||{},callback:a})}t.init=function(e){var a=e.transferControlToOffscreen();t.postMessage({canvas:a},[a])},t.fire=function(a,n,o){if(p)return e(a,null),p;var r=Math.random().toString(36).slice(2);return p=s((function(n){function i(e){e.data.callback===r&&(delete g[r],t.removeEventListener("message",i),p=null,o(),n())}t.addEventListener("message",i),e(a,r),g[r]=i.bind(null,{data:{callback:r}})}))},t.reset=function(){for(var e in t.postMessage({reset:!0}),g)g[e](),delete g[e]}}(m)}return m}),y={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:["square","circle"],zIndex:100,colors:["#26ccff","#a25afd","#ff5e7e","#88ff5a","#fcff42","#ffa62d","#ff36ff"],disableForReducedMotion:!1,scalar:1};function w(t,e,a){return function(t,e){return e?e(t):t}(t&&null!=t[e]?t[e]:y[e],a)}function x(t){return t<0?0:Math.floor(t)}function C(t){return parseInt(t,16)}function T(t){return t.map(I)}function I(t){var e=String(t).replace(/[^0-9a-f]/gi,"");return e.length<6&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]),{r:C(e.substring(0,2)),g:C(e.substring(2,4)),b:C(e.substring(4,6))}}function E(t){t.width=document.documentElement.clientWidth,t.height=document.documentElement.clientHeight}function S(t){var e=t.getBoundingClientRect();t.width=e.width,t.height=e.height}function P(t,e){e.x+=Math.cos(e.angle2D)*e.velocity+e.drift,e.y+=Math.sin(e.angle2D)*e.velocity+e.gravity,e.velocity*=e.decay,e.flat?(e.wobble=0,e.wobbleX=e.x+10*e.scalar,e.wobbleY=e.y+10*e.scalar,e.tiltSin=0,e.tiltCos=0,e.random=1):(e.wobble+=e.wobbleSpeed,e.wobbleX=e.x+10*e.scalar*Math.cos(e.wobble),e.wobbleY=e.y+10*e.scalar*Math.sin(e.wobble),e.tiltAngle+=.1,e.tiltSin=Math.sin(e.tiltAngle),e.tiltCos=Math.cos(e.tiltAngle),e.random=Math.random()+2);var a=e.tick++/e.totalTicks,n=e.x+e.random*e.tiltCos,o=e.y+e.random*e.tiltSin,r=e.wobbleX+e.random*e.tiltCos,l=e.wobbleY+e.random*e.tiltSin;if(t.fillStyle="rgba("+e.color.r+", "+e.color.g+", "+e.color.b+", "+(1-a)+")",t.beginPath(),i&&"path"===e.shape.type&&"string"==typeof e.shape.path&&Array.isArray(e.shape.matrix))t.fill(function(t,e,a,n,o,r,i){var l=new Path2D(t),s=new Path2D;s.addPath(l,new DOMMatrix(e));var c=new Path2D;return c.addPath(s,new DOMMatrix([Math.cos(i)*o,Math.sin(i)*o,-Math.sin(i)*r,Math.cos(i)*r,a,n])),c}(e.shape.path,e.shape.matrix,e.x,e.y,.1*Math.abs(r-n),.1*Math.abs(l-o),Math.PI/10*e.wobble));else if("bitmap"===e.shape.type){var s=Math.PI/10*e.wobble,c=.1*Math.abs(r-n),h=.1*Math.abs(l-o),f=e.shape.bitmap.width*e.scalar,u=e.shape.bitmap.height*e.scalar,d=new DOMMatrix([Math.cos(s)*c,Math.sin(s)*c,-Math.sin(s)*h,Math.cos(s)*h,e.x,e.y]);d.multiplySelf(new DOMMatrix(e.shape.matrix));var m=t.createPattern(e.shape.bitmap,"no-repeat");m.setTransform(d),t.globalAlpha=1-a,t.fillStyle=m,t.fillRect(e.x-f/2,e.y-u/2,f,u),t.globalAlpha=1}else if("circle"===e.shape)t.ellipse?t.ellipse(e.x,e.y,Math.abs(r-n)*e.ovalScalar,Math.abs(l-o)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):function(t,e,a,n,o,r,i,l,s){t.save(),t.translate(e,a),t.rotate(r),t.scale(n,o),t.arc(0,0,1,i,l,s),t.restore()}(t,e.x,e.y,Math.abs(r-n)*e.ovalScalar,Math.abs(l-o)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI);else if("star"===e.shape)for(var p=Math.PI/2*3,g=4*e.scalar,b=8*e.scalar,M=e.x,v=e.y,y=5,w=Math.PI/y;y--;)M=e.x+Math.cos(p)*b,v=e.y+Math.sin(p)*b,t.lineTo(M,v),p+=w,M=e.x+Math.cos(p)*g,v=e.y+Math.sin(p)*g,t.lineTo(M,v),p+=w;else t.moveTo(Math.floor(e.x),Math.floor(e.y)),t.lineTo(Math.floor(e.wobbleX),Math.floor(o)),t.lineTo(Math.floor(r),Math.floor(l)),t.lineTo(Math.floor(n),Math.floor(e.wobbleY));return t.closePath(),t.fill(),e.tick<e.totalTicks}function k(t,a){var i,l=!t,c=!!w(a||{},"resize"),h=!1,f=w(a,"disableForReducedMotion",Boolean),u=r&&!!w(a||{},"useWorker")?v():null,d=l?E:S,m=!(!t||!u)&&!!t.__confetti_initialized,p="function"==typeof matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function g(e,a,r){for(var l,c,h,f,u,m=w(e,"particleCount",x),p=w(e,"angle",Number),g=w(e,"spread",Number),b=w(e,"startVelocity",Number),v=w(e,"decay",Number),y=w(e,"gravity",Number),C=w(e,"drift",Number),I=w(e,"colors",T),E=w(e,"ticks",Number),S=w(e,"shapes"),k=w(e,"scalar"),O=!!w(e,"flat"),F=function(t){var e=w(t,"origin",Object);return e.x=w(e,"x",Number),e.y=w(e,"y",Number),e}(e),A=m,N=[],z=t.width*F.x,D=t.height*F.y;A--;)N.push((l={x:z,y:D,angle:p,spread:g,startVelocity:b,color:I[A%I.length],shape:S[(f=0,u=S.length,Math.floor(Math.random()*(u-f))+f)],ticks:E,decay:v,gravity:y,drift:C,scalar:k,flat:O},c=void 0,h=void 0,c=l.angle*(Math.PI/180),h=l.spread*(Math.PI/180),{x:l.x,y:l.y,wobble:10*Math.random(),wobbleSpeed:Math.min(.11,.1*Math.random()+.05),velocity:.5*l.startVelocity+Math.random()*l.startVelocity,angle2D:-c+(.5*h-Math.random()*h),tiltAngle:(.5*Math.random()+.25)*Math.PI,color:l.color,shape:l.shape,tick:0,totalTicks:l.ticks,decay:l.decay,drift:l.drift,random:Math.random()+2,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:3*l.gravity,ovalScalar:.6,scalar:l.scalar,flat:l.flat}));return i?i.addFettis(N):(i=function(t,e,a,r,i){var l,c,h=e.slice(),f=t.getContext("2d"),u=s((function(e){function s(){l=c=null,f.clearRect(0,0,r.width,r.height),i(),e()}l=M.frame((function e(){!n||r.width===o.width&&r.height===o.height||(r.width=t.width=o.width,r.height=t.height=o.height),r.width||r.height||(a(t),r.width=t.width,r.height=t.height),f.clearRect(0,0,r.width,r.height),(h=h.filter((function(t){return P(f,t)}))).length?l=M.frame(e):s()})),c=s}));return{addFettis:function(t){return h=h.concat(t),u},canvas:t,promise:u,reset:function(){l&&M.cancel(l),c&&c()}}}(t,N,d,a,r),i.promise)}function b(a){var n=f||w(a,"disableForReducedMotion",Boolean),o=w(a,"zIndex",Number);if(n&&p)return s((function(t){t()}));l&&i?t=i.canvas:l&&!t&&(t=function(t){var e=document.createElement("canvas");return e.style.position="fixed",e.style.top="0px",e.style.left="0px",e.style.pointerEvents="none",e.style.zIndex=t,e}(o),document.body.appendChild(t)),c&&!m&&d(t);var r={width:t.width,height:t.height};function b(){if(u){var e={getBoundingClientRect:function(){if(!l)return t.getBoundingClientRect()}};return d(e),void u.postMessage({resize:{width:e.width,height:e.height}})}r.width=r.height=null}function M(){i=null,c&&(h=!1,e.removeEventListener("resize",b)),l&&t&&(document.body.removeChild(t),t=null,m=!1)}return u&&!m&&u.init(t),m=!0,u&&(t.__confetti_initialized=!0),c&&!h&&(h=!0,e.addEventListener("resize",b,!1)),u?u.fire(a,r,M):g(a,r,M)}return b.reset=function(){u&&u.reset(),i&&i.reset()},b}function O(){return b||(b=k(null,{useWorker:!0,resize:!0})),b}a.exports=function(){return O().apply(this,arguments)},a.exports.reset=function(){O().reset()},a.exports.create=k,a.exports.shapeFromPath=function(t){if(!i)throw new Error("path confetti are not supported in this browser");var e,a;"string"==typeof t?e=t:(e=t.path,a=t.matrix);var n=new Path2D(e),o=document.createElement("canvas").getContext("2d");if(!a){for(var r,l,s=1e3,c=s,h=s,f=0,u=0,d=0;d<s;d+=2)for(var m=0;m<s;m+=2)o.isPointInPath(n,d,m,"nonzero")&&(c=Math.min(c,d),h=Math.min(h,m),f=Math.max(f,d),u=Math.max(u,m));r=f-c,l=u-h;var p=Math.min(10/r,10/l);a=[p,0,0,p,-Math.round(r/2+c)*p,-Math.round(l/2+h)*p]}return{type:"path",path:e,matrix:a}},a.exports.shapeFromText=function(t){var e,a=1,n="#000000",o='"Twemoji Mozilla", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "EmojiOne Color", "Android Emoji", "system emoji", sans-serif';"string"==typeof t?e=t:(e=t.text,a="scalar"in t?t.scalar:a,o="fontFamily"in t?t.fontFamily:o,n="color"in t?t.color:n);var r=10*a,i=r+"px "+o,l=new OffscreenCanvas(r,r),s=l.getContext("2d");s.font=i;var c=s.measureText(e),h=Math.floor(c.width),f=Math.floor(c.fontBoundingBoxAscent+c.fontBoundingBoxDescent);(s=(l=new OffscreenCanvas(h,f)).getContext("2d")).font=i,s.fillStyle=n,s.fillText(e,0,r);var u=1/a;return{type:"bitmap",bitmap:l.transferToImageBitmap(),matrix:[u,0,0,u,-h*u/2,-f*u/2]}}}(function(){return"undefined"!=typeof window?window:"undefined"!=typeof self?self:this||{}}(),t,!1);var e=t.exports,a=t.exports.create;export{a as create,e as default};
+//# sourceMappingURL=/sm/cc8e5f9de8525f27ddb220e5c78d35ca53bd726cede682892d703e104daddcbb.map
\ No newline at end of file
diff --git a/src/lib/components/confetti.svelte b/src/lib/components/confetti.svelte
index 0c2c15e..1c328e3 100644
--- a/src/lib/components/confetti.svelte
+++ b/src/lib/components/confetti.svelte
@@ -17,7 +17,7 @@
 	});
 
 	onMount(async () => {
-		const confetti = (await import('https://esm.run/canvas-confetti')).default;
+		const confetti = (await import('./confetti')).default;
 		confettiCanvas.width = window.innerWidth / 2;
 		confettiCanvas.height = window.innerHeight / 2;
 
@@ -54,7 +54,7 @@
 
 <style>
 	canvas {
-		position: absolute;
+		position: fixed;
 		top: 0px;
 		left: 0px;
 		pointer-events: none;
diff --git a/src/routes/gallery/+page.svelte b/src/routes/gallery/+page.svelte
index 11ab9a8..35b8db4 100644
--- a/src/routes/gallery/+page.svelte
+++ b/src/routes/gallery/+page.svelte
@@ -24,7 +24,7 @@
 	});
 </script>
 
-<div>
+<div class="wrapper">
 	<h1>Gallerie</h1>
 	<div class="grid">
 		{#each items as item}
@@ -47,7 +47,14 @@
 		display: grid;
 		grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
 		padding-bottom: 100px;
+		justify-content: center;
 	}
+
+	.item {
+		width: 90%;
+		margin: 0 auto;
+	}
+
 	h1 {
 		font-size: 5rem;
 		font-family: Parisienne, cursive;
@@ -87,7 +94,7 @@
 		background-image: url(/pattern.jpg) !important;
 		backdrop-filter: brightness(0.5) !important;
 	}
-	div {
+	.wrapper {
 		max-width: 1300px;
 		width: 80%;
 		margin: 0 auto;
diff --git a/static/hang.png:Zone.Identifier b/static/hang.png:Zone.Identifier
deleted file mode 100644
index 053d112..0000000
--- a/static/hang.png:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-HostUrl=about:internet