made canvas style width height change on resize

Author: zphrs

.firebase/hosting.YnVpbGQ.cache

@@ -1,47 +1,47 @@
-manifest.webmanifest,1747643383875,03607625d97ae9ccea47f615728818562c08828b7ebc521ec4ea300283c34c28
-sw.js,1747643383875,acc40fe7044b701e81f30abff9b14e497bda78464eaa7eaa80cb58e0411ec4c1
-tattoo.html,1747643383875,0e03dac1120f421126325e40371352800b4d83d38a91f25a55040cee291a914c
-porcupine.html,1747643383875,2225d584edc18d91f9241f9adbb436c903dce15bd441063583ce32b50546985e
-index.html,1747643383875,28fb2cf93b196f1c83a5fa1fd71ff19959aa64a65bac811a99dc4ff5786a8d26
-workbox-3e8df8c8.js,1747643383875,7d4f28789879a6a48efe0e3dc0d67432f3e4c499361f5a024389bd94d4491157
-favicon.svg,1747643383874,cebe0bf0ce4f378540909027e4b89016e3b4c8c049301d41dd685d85070a42c8
-favicon.png,1747643383874,a5840f6de28251030b171ff50c2bd37ae46976b56985a12cf7ecbe82baaec041
-favicon-2.svg,1747643383874,ce20c7940384d7512c9a2522f0870b64710aa2e78273559a11d18816eeb899e8
-Tattoo.svg,1747643383867,ce1b12e9d669e990ac329ac2e2f325be1e1d00f57d1b84c53d40354808f14d35
-404.html,1747643383947,41c348a070f0159765edc6c0b1b81ff700680428f7815ca28e810b44d827c53e
-favicon-2.png,1747643383873,c17c9fef87b9b78ef9ed4af8e118f651c06f0521f09ed615a630a7d3778d4c64
-_app/version.json,1747643383872,18aaa43f3d6e9d7e69aa181e181fcd54defd7c864ec92df9e52dfc7058d4fda4
-_app/immutable/nodes/5.199b4bb2.js,1747643383871,f9783c215b2624d55d13c87939795bfd1872849aa6c4c0c1e1993f2999b10e6b
-_app/immutable/nodes/4.91d6c514.js,1747643383871,9ff0c68318b3cd87cac474ea7d3b8aeeef3bd048839dfe92e2562223241be90c
-_app/immutable/nodes/1.def10e87.js,1747643383871,f274a9aefc2bfc073eb363f573066461d9c344c489cd50872a0ecfde3802a450
-_app/immutable/nodes/0.4785e6c0.js,1747643383871,7b9102b8130f239d0569dd1d0a1e6c71fec776e283d75ac03f7ac4055babf870
-_app/immutable/nodes/2.18b8ea8b.js,1747643383871,50390db520c2407b7dfa6ebd5fa984e3576c0a1024d9583ae92c33475722b8c9
-_app/immutable/entry/app.d339b71c.js,1747643383870,5c39cb827755c06c70292b56862e1e65aab1afc58ef797b45f8441a8329a930e
-_app/immutable/chunks/virtual_pwa-register.0d823c66.js,1747643383870,ed99aa721465b44fbfb863f319dd52eb489ecb75d77e3e4847433f2cfb7f6500
-_app/immutable/nodes/3.85019a6b.js,1747643383871,805e6ec93c4472ecea1aed1ae743a27af8d63685aed513c4955aded852ebec97
-_app/immutable/chunks/singletons.5a02e063.js,1747643383870,365c72effc005a9be72945b61ac0c98f789272bb3304ceb4f7d8ffd8a0ee61fb
-_app/immutable/chunks/workbox-window.prod.es5.5ffdab76.js,1747643383870,133d60820aa3312d70745d2508b89b4ae31df9c5735854d744792cfb2c7acebe
-_app/immutable/chunks/preload-helper.a4192956.js,1747643383870,50e25eb2d40af83459444126e8ad69f69add0da250addeac21f977db16235e1f
-_app/immutable/assets/reset.750e0ecf.css,1747643383869,0e5518d78d1ebe1fd13d7a58509cd8693e0f3d11b6d5c5b5faaf9107027001a1
-_app/immutable/chunks/Header.bf1d8ee6.js,1747643383869,23772c307281ad07e42e2862f5f911a986b36d6fce52f6d9496582e94b2a95db
-_app/immutable/assets/_page.cbe01251.css,1747643383869,8ab9bbeb741bb66dfaa87a7dd6bad031a1ba4c662604b9bf5330c2c15f1bbb03
-_app/immutable/assets/_page.1751482f.css,1747643383869,4122f14edbc46ff6c5651fbb9a8116d1a4e7fbc4de2384c8da655fea492f4686
-_app/immutable/assets/_page.49d20087.css,1747643383869,6580883bb21f8255c7bd81871fc24902467a01ff849076deab987ca94c2fb161
-_app/immutable/assets/_layout.657d107f.css,1747643383869,df91dff57fa09250321204a611f996f625cb0c10704bb327a2c2f08178e434ec
-_app/immutable/assets/Header.c790e276.css,1747643383868,ae8b59a37e8b185db1cc1df1bf941ec366583e163181941039c138efacfceed1
-_app/immutable/assets/5.1751482f.css,1747643383868,4122f14edbc46ff6c5651fbb9a8116d1a4e7fbc4de2384c8da655fea492f4686
-_app/immutable/assets/4.cbe01251.css,1747643383867,8ab9bbeb741bb66dfaa87a7dd6bad031a1ba4c662604b9bf5330c2c15f1bbb03
-_app/immutable/assets/0.8a75b855.css,1747643383867,bd8ceae51bfbd4db5ac1246159ec4774313d0d8ab1a8b729e99d7be06ee78b75
-_app/immutable/chunks/index.4547431a.js,1747643383869,bc3ab36b54ef55d3c4b55167780055c74f96bcba05905ad13389ec904b7a67ab
-_app/immutable/assets/3.98241152.css,1747643383867,91b043981faa1ac97972db80e99161805fddaf404bdb05b9d62fb46a9a68192e
-_app/immutable/entry/start.9b59274b.js,1747643383871,0fe3b96a27b3349c21f51673bfaf81dbe156f90b48622a91374fc67b0d98e6d7
-icons-192.png,1747643383874,c1c826dce38e0d2d1ed329ff01279d758cb8f5ef9f8108b96f768c365df54971
-icons-256.png,1747643383874,3904c484649dd1d23199caf031ce6a2e7f07d7da2426fc9cf9533f5f9563d772
-og-image.png,1747643383875,0a42220d966e6c1c55606d9565abfcf2642442fbcfa9d623dc93b5848714c584
-_app/immutable/assets/Gilbert-Bold.17f3f811.otf,1747643383868,08dd9b10fb65d589a7b5ba57008ce5ff1ff16cac38710ded073cc0ba677300a8
-icons-512.png,1747643383874,64f24c749e7d2c59554e3b0ae818009ff112ddc205fe51c1692a5dea152c2ac7
-image.png,1747643383874,28c3355debced127db6e8174bda8379d67b18c6772aaa3d02118017945d7f713
-audio/zeph.wav,1747643383872,1a8f26047342a9bf77484531e46ba1e9fe80a8dab5416da99ad3db72a11b08eb
-audio/iris.wav,1747643383872,77fe587be24a3c689a38dc8f3a1c187b180d7b6eadadcf0c4f30090fea4fcdcb
-audio/phire.wav,1747643383872,688ca1abad1421ae68f2d92f08c825f4cf2a5b8cb631018a99e00966a2c1bb23
-audio/zephiris.wav,1747643383873,742b2f9d41a7780eb3e7a29da2a6bebd2e6067e202e3a96b664f6a50aebb9732
+manifest.webmanifest,1747643611382,03607625d97ae9ccea47f615728818562c08828b7ebc521ec4ea300283c34c28
+sw.js,1747643611383,f7f2b261769b908826b6c3849b66ca60d9b75ad08a200c93a1b2346710e36c19
+porcupine.html,1747643611383,2229e5537541aeaf17888dd9fd5eee59c8d2253c22593c18c324342a6e249664
+tattoo.html,1747643611383,6412a790f93b7edf69b5a9a76a6e3e1fef359b42a03736d2e3981aa848c8fd7f
+index.html,1747643611383,458a3640fd0cad04559f67efb496d08d518765ba9e6c9ad77df0a49b0e6ba1cf
+workbox-3e8df8c8.js,1747643611383,7d4f28789879a6a48efe0e3dc0d67432f3e4c499361f5a024389bd94d4491157
+favicon.svg,1747643611381,cebe0bf0ce4f378540909027e4b89016e3b4c8c049301d41dd685d85070a42c8
+favicon.png,1747643611381,a5840f6de28251030b171ff50c2bd37ae46976b56985a12cf7ecbe82baaec041
+favicon-2.svg,1747643611380,ce20c7940384d7512c9a2522f0870b64710aa2e78273559a11d18816eeb899e8
+favicon-2.png,1747643611380,c17c9fef87b9b78ef9ed4af8e118f651c06f0521f09ed615a630a7d3778d4c64
+Tattoo.svg,1747643611373,ce1b12e9d669e990ac329ac2e2f325be1e1d00f57d1b84c53d40354808f14d35
+404.html,1747643611456,8de94543ea703428a6bc7fc423cb38df5433e37ba78736e67d7fbf9693af15cc
+_app/version.json,1747643611377,1d6818fd55732e01f7d888898425835b898a436cd606bc128c78aecffd9663a4
+_app/immutable/nodes/5.199b4bb2.js,1747643611377,f9783c215b2624d55d13c87939795bfd1872849aa6c4c0c1e1993f2999b10e6b
+_app/immutable/nodes/4.53852df9.js,1747643611377,9a103d11b3f88b30e9fcdc24d4a97aaeb0518fc702e1a5ec76709ce1be221dd2
+_app/immutable/nodes/2.18b8ea8b.js,1747643611377,50390db520c2407b7dfa6ebd5fa984e3576c0a1024d9583ae92c33475722b8c9
+_app/immutable/nodes/1.0d6d6fd4.js,1747643611377,9140aba12927281bc01629d03af170b258805fa073cf69c7c15d17e3a1849aac
+_app/immutable/nodes/0.4785e6c0.js,1747643611376,7b9102b8130f239d0569dd1d0a1e6c71fec776e283d75ac03f7ac4055babf870
+_app/immutable/entry/app.836dad1b.js,1747643611376,27e44135b903652ece7850795bb5b001254eef53575b4824248365fefda01fff
+_app/immutable/chunks/preload-helper.a4192956.js,1747643611375,50e25eb2d40af83459444126e8ad69f69add0da250addeac21f977db16235e1f
+_app/immutable/nodes/3.85019a6b.js,1747643611377,805e6ec93c4472ecea1aed1ae743a27af8d63685aed513c4955aded852ebec97
+_app/immutable/chunks/virtual_pwa-register.0d823c66.js,1747643611376,ed99aa721465b44fbfb863f319dd52eb489ecb75d77e3e4847433f2cfb7f6500
+_app/immutable/chunks/workbox-window.prod.es5.5ffdab76.js,1747643611376,133d60820aa3312d70745d2508b89b4ae31df9c5735854d744792cfb2c7acebe
+_app/immutable/chunks/singletons.9a457564.js,1747643611375,ebe4e1e3813e9d2610053e2ec4031ef545152150f4620888f859475019c355c9
+_app/immutable/chunks/Header.bf1d8ee6.js,1747643611375,23772c307281ad07e42e2862f5f911a986b36d6fce52f6d9496582e94b2a95db
+_app/immutable/assets/reset.750e0ecf.css,1747643611375,0e5518d78d1ebe1fd13d7a58509cd8693e0f3d11b6d5c5b5faaf9107027001a1
+_app/immutable/assets/_page.cbe01251.css,1747643611375,8ab9bbeb741bb66dfaa87a7dd6bad031a1ba4c662604b9bf5330c2c15f1bbb03
+_app/immutable/assets/_page.49d20087.css,1747643611375,6580883bb21f8255c7bd81871fc24902467a01ff849076deab987ca94c2fb161
+_app/immutable/assets/_page.1751482f.css,1747643611374,4122f14edbc46ff6c5651fbb9a8116d1a4e7fbc4de2384c8da655fea492f4686
+_app/immutable/assets/_layout.657d107f.css,1747643611374,df91dff57fa09250321204a611f996f625cb0c10704bb327a2c2f08178e434ec
+_app/immutable/assets/Header.c790e276.css,1747643611374,ae8b59a37e8b185db1cc1df1bf941ec366583e163181941039c138efacfceed1
+_app/immutable/chunks/index.4547431a.js,1747643611375,bc3ab36b54ef55d3c4b55167780055c74f96bcba05905ad13389ec904b7a67ab
+_app/immutable/assets/5.1751482f.css,1747643611373,4122f14edbc46ff6c5651fbb9a8116d1a4e7fbc4de2384c8da655fea492f4686
+_app/immutable/assets/0.8a75b855.css,1747643611373,bd8ceae51bfbd4db5ac1246159ec4774313d0d8ab1a8b729e99d7be06ee78b75
+_app/immutable/assets/3.98241152.css,1747643611373,91b043981faa1ac97972db80e99161805fddaf404bdb05b9d62fb46a9a68192e
+_app/immutable/assets/4.cbe01251.css,1747643611373,8ab9bbeb741bb66dfaa87a7dd6bad031a1ba4c662604b9bf5330c2c15f1bbb03
+_app/immutable/entry/start.96ecf5de.js,1747643611376,527cb0ae3aac4bb0a58293b0e97d1925b45510dcc7a129c63713440679490cd0
+icons-192.png,1747643611381,c1c826dce38e0d2d1ed329ff01279d758cb8f5ef9f8108b96f768c365df54971
+icons-256.png,1747643611382,3904c484649dd1d23199caf031ce6a2e7f07d7da2426fc9cf9533f5f9563d772
+og-image.png,1747643611382,0a42220d966e6c1c55606d9565abfcf2642442fbcfa9d623dc93b5848714c584
+_app/immutable/assets/Gilbert-Bold.17f3f811.otf,1747643611374,08dd9b10fb65d589a7b5ba57008ce5ff1ff16cac38710ded073cc0ba677300a8
+icons-512.png,1747643611382,64f24c749e7d2c59554e3b0ae818009ff112ddc205fe51c1692a5dea152c2ac7
+image.png,1747643611382,28c3355debced127db6e8174bda8379d67b18c6772aaa3d02118017945d7f713
+audio/iris.wav,1747643611378,77fe587be24a3c689a38dc8f3a1c187b180d7b6eadadcf0c4f30090fea4fcdcb
+audio/zeph.wav,1747643611378,1a8f26047342a9bf77484531e46ba1e9fe80a8dab5416da99ad3db72a11b08eb
+audio/phire.wav,1747643611378,688ca1abad1421ae68f2d92f08c825f4cf2a5b8cb631018a99e00966a2c1bb23
+audio/zephiris.wav,1747643611380,742b2f9d41a7780eb3e7a29da2a6bebd2e6067e202e3a96b664f6a50aebb9732

src/routes/porcupine/+page.svelte

@@ -187,15 +187,17 @@
 		const onResize = () => {
 			canvas.width = window.innerWidth * devicePixelRatio;
 			canvas.height = window.innerHeight * devicePixelRatio;
+			canvas.style.width = window.innerWidth + 'px';
+			canvas.style.height = window.innerHeight + 'px';
 			lines.forEach((line) => {
 				line.draw(ctx);
 			});
 		};
 		canvas.style.position = 'relative';
 		canvas.style.top = '0';
 		canvas.style.left = '0';
-		// canvas.style.width = window.innerWidth + 'px';
-		// canvas.style.height = window.innerHeight + 'px';
+		canvas.style.width = window.innerWidth + 'px';
+		canvas.style.height = window.innerHeight + 'px';
 		canvas.style.overflow = 'hidden';
 		canvas.style.touchAction = 'none';
 		setTimeout(() => {