From 5a8128c25f60376d9d42c05fcbe453238ae98174 Mon Sep 17 00:00:00 2001 From: He4eT Date: Thu, 15 Aug 2024 21:23:45 +0200 Subject: [PATCH] Cleaup --- README.md | 5 ---- content_scripts/milje.js | 13 +++++++--- pages/demo/demo.html | 18 ++++++------- pages/options/options.html | 52 +++++++++++++++++--------------------- pages/popup/popup.html | 3 --- 5 files changed, 42 insertions(+), 49 deletions(-) diff --git a/README.md b/README.md index eca217d..e9a7c8d 100644 --- a/README.md +++ b/README.md @@ -1,9 +1,4 @@ # TODO -- Pointer events -- Popup (hide milje, open settings) -- Settings page -- Params: color, density - Screenshots - README -- Live reload diff --git a/content_scripts/milje.js b/content_scripts/milje.js index bac4d24..118b85c 100644 --- a/content_scripts/milje.js +++ b/content_scripts/milje.js @@ -179,20 +179,27 @@ function getCanvas(size) { /** @see https://stackoverflow.com/questions/3448347/how-to-scale-an-imagedata-in-html-canvas */ function scaleImageData(imageData, scale, ctx) { - const scaled = ctx.createImageData(imageData.width * scale, imageData.height * scale) + const scaled = ctx.createImageData( + imageData.width * scale, + imageData.height * scale, + ) const subLine = ctx.createImageData(scale, 1).data for (let row = 0; row < imageData.height; row++) { for (let col = 0; col < imageData.width; col++) { const sourcePixel = imageData.data.subarray( (row * imageData.width + col) * 4, - (row * imageData.width + col) * 4 + 4) + (row * imageData.width + col) * 4 + 4, + ) for (let x = 0; x < scale; x++) { subLine.set(sourcePixel, x * 4) } for (let y = 0; y < scale; y++) { const destRow = row * scale + y const destCol = col * scale - scaled.data.set(subLine, (destRow * scaled.width + destCol) * 4) + scaled.data.set( + subLine, + (destRow * scaled.width + destCol) * 4, + ) } } } diff --git a/pages/demo/demo.html b/pages/demo/demo.html index 07f07e8..9d27bb2 100644 --- a/pages/demo/demo.html +++ b/pages/demo/demo.html @@ -1,18 +1,18 @@ - + TV off - - + + - + diff --git a/pages/options/options.html b/pages/options/options.html index 261cfaa..0c8c803 100644 --- a/pages/options/options.html +++ b/pages/options/options.html @@ -5,35 +5,29 @@ Milje 2077 Settings diff --git a/pages/popup/popup.html b/pages/popup/popup.html index 086d114..9d76850 100644 --- a/pages/popup/popup.html +++ b/pages/popup/popup.html @@ -8,18 +8,15 @@ text-align: center; font-family: sans; } - main { width: 200px; } - button { display: block; box-sizing: border-box; width: 100%; margin: 8px 0; } -