bugfix: minor legibility changes

move elements around and less jitter on the crt effect because it was kinda annoying
This commit is contained in:
2026-06-19 15:05:09 -07:00
parent cee55012a5
commit 96011d6454
4 changed files with 10 additions and 9 deletions
@@ -313,8 +313,8 @@ function renderFrame(t: number) {
gl.uniform1f(U.bloom, /*--*/ 0.5) gl.uniform1f(U.bloom, /*--*/ 0.5)
gl.uniform1f(U.vig, /*----*/ 1) gl.uniform1f(U.vig, /*----*/ 1)
gl.uniform1f(U.noise, /*--*/ noise) gl.uniform1f(U.noise, /*--*/ noise)
gl.uniform1f(U.flicker, /**/ 0.045) gl.uniform1f(U.flicker, /**/ 0.0375)
gl.uniform1f(U.jitter, /*-*/ 0.00075) gl.uniform1f(U.jitter, /*-*/ 0.0005)
gl.uniform1f(U.bright, /*-*/ 0.8) gl.uniform1f(U.bright, /*-*/ 0.8)
gl.uniform1f(U.sat, /*----*/ 1.0) gl.uniform1f(U.sat, /*----*/ 1.0)
gl.uniform1f(U.corner, /*-*/ 0.1) gl.uniform1f(U.corner, /*-*/ 0.1)
@@ -325,7 +325,7 @@ function renderFrame(t: number) {
} }
async function nextSlide(init = false) { async function nextSlide(init = false) {
const duration = 1000 const transitionTime = 1000
const nextIndex = slideCounter++ % slides.length const nextIndex = slideCounter++ % slides.length
if (nextIndex === slideIndex) return if (nextIndex === slideIndex) return
slideIndex = nextIndex slideIndex = nextIndex
@@ -365,10 +365,10 @@ async function nextSlide(init = false) {
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, textureCanvasB) gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, textureCanvasB)
if (init) { if (init) {
tween(0, 0.02, duration, (t) => (noise = t)) tween(0, 0.025, transitionTime, (t) => (noise = t))
setInterval(nextSlide, duration + 8000) setInterval(nextSlide, transitionTime + 8000)
} }
await tween(0, 1, duration, (t) => (degauss = t)) await tween(0, 1, transitionTime, (t) => (degauss = t))
textureContextA.drawImage(next.image!, 0, 0, W, H) textureContextA.drawImage(next.image!, 0, 0, W, H)
gl.activeTexture(gl.TEXTURE0) gl.activeTexture(gl.TEXTURE0)
+2 -1
View File
@@ -30,6 +30,7 @@
<div class="section"> <div class="section">
<span>LOCAL</span> <span>LOCAL</span>
<a href="/about.html">About</a> <a href="/about.html">About</a>
<a href="https://files.pancakz.net/">Files</a>
<a href="https://code.pancakz.net/">Code</a> <a href="https://code.pancakz.net/">Code</a>
</div> </div>
<div class="section"> <div class="section">
@@ -55,8 +56,8 @@
<div style="height: 32px;"></div> <div style="height: 32px;"></div>
<p class="layout-message">&copy; 2026 bakonpancakz. All Rights Reserved.</p>
<p class="layout-message" id="motd"></p> <p class="layout-message" id="motd"></p>
<p class="layout-message">&copy; 2026 bakonpancakz. All Rights Reserved.</p>
</div> </div>
</body> </body>
Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

+2 -2
View File
@@ -70,8 +70,8 @@ export default defineConfig({
return `<script type="application/json" id="${metadata}">\n${content}</script>` return `<script type="application/json" id="${metadata}">\n${content}</script>`
} }
// Embed as Base64 URI // Embed as data URI
if (['.png', '.gif'].find((ext) => filepath.endsWith(ext))) { if (['.png', '.jpg', '.jpeg', '.gif', '.webp', '.avif'].find((ext) => filepath.endsWith(ext))) {
const content = readFileSync(join(ROOT, filepath), 'base64') const content = readFileSync(join(ROOT, filepath), 'base64')
return `data:${metadata};base64,${content}` return `data:${metadata};base64,${content}`
} }