commit 57a71ceaa3c314351fa4ba4e8839a65f4cb0c64e · dunkirk.sh/unduckified

README.md

···

       29
       29
        
       - [x] [OpenSearch](https://developer.mozilla.org/en-US/docs/Web/XML/Guides/OpenSearch) support

     

       30
       30
        
       - [x] Search History (clearable, all local, and disabled by default ofc)

     

       31
       31
        
       - [x] Fancy sounds (disabled if you have `prefers-reduced-motion` set; sounds only account for 201.3 KB of the 707 KB total size)

     

       32
       32
       +
       - [x] Cute little text animations

     

       32
       33
        
       - [ ] ~Search suggestions~ (as far as I can tell this essentially impossible to do natively with either firefox or chrome; please correct me if I'm wrong though. In this case I would very much love to be wrong)

     

       33
       34
        
       

     

       34
       35
        
       and then some more really ambitious stuff like:

+39 -1

src/main.ts

···

       116
       116
        
       			</div>

     

       117
       117
        
       		</header>

     

       118
       118
        
       		<div class="content-container">

     

       119
       119
       -
       			<h1>┐( ˘_˘ )┌</h1>

     

       119
       119
       +
       			<h1 id="cutie">┐( ˘_˘ )┌</h1>

     

       120
       120
        
       			<p>DuckDuckGo's bang redirects are too slow. Add the following URL as a custom search engine to your browser. Enables <a href="https://duckduckgo.com/bang.html" target="_blank">all of DuckDuckGo's bangs.</a></p>

     

       121
       121
        
       			<div class="url-container">

     

       122
       122
        
       				<input

     
···

       209
       209
        
       

     

       210
       210
        
       	const elements = {

     

       211
       211
        
       		app,

     

       212
       212
       +
       		cutie: app.querySelector<HTMLHeadingElement>("#cutie"),

     

       212
       213
        
       		copyInput: app.querySelector<HTMLInputElement>(".url-input"),

     

       213
       214
        
       		copyButton: app.querySelector<HTMLButtonElement>(".copy-button"),

     

       214
       215
        
       		copyIcon: app.querySelector<HTMLImageElement>(".copy-button img"),

     
···

       239
       240
        
       	).matches;

     

       240
       241
        
       

     

       241
       242
        
       	if (!prefersReducedMotion) {

     

       243
       243
       +
       		// Add mouse tracking behavior

     

       244
       244
       +
       		document.addEventListener("click", (e) => {

     

       245
       245
       +
       			const x = e.clientX;

     

       246
       246
       +
       			const y = e.clientY;

     

       247
       247
       +
       			const centerX = window.innerWidth / 2;

     

       248
       248
       +
       			const centerY = window.innerHeight / 2;

     

       249
       249
       +
       			const differenceX = x - centerX;

     

       250
       250
       +
       			const differenceY = y - centerY;

     

       251
       251
       +
       

     

       252
       252
       +
       			// Left-facing cuties

     

       253
       253
       +
       			const leftCuties = ["╰（°□°╰）", "(◕‿◕´)", "(・ω・´)"];

     

       254
       254
       +
       

     

       255
       255
       +
       			// Right-facing cuties

     

       256
       256
       +
       			const rightCuties = ["(╯°□°）╯", "(｀◕‿◕)", "(｀・ω・)"];

     

       257
       257
       +
       

     

       258
       258
       +
       			// Up-facing cuties

     

       259
       259
       +
       			const upCuties = ["(↑°□°)↑", "(´◕‿◕)↑", "↑(´・ω・)↑"];

     

       260
       260
       +
       

     

       261
       261
       +
       			// Down-facing cuties

     

       262
       262
       +
       			const downCuties = ["(↓°□°)↓", "(´◕‿◕)↓", "↓(´・ω・)↓"];

     

       263
       263
       +
       

     

       264
       264
       +
       			if (

     

       265
       265
       +
       				Math.abs(differenceX) > Math.abs(differenceY) &&

     

       266
       266
       +
       				Math.abs(differenceX) > 100

     

       267
       267
       +
       			) {

     

       268
       268
       +
       				validatedElements.cutie.textContent =

     

       269
       269
       +
       					differenceX < 0

     

       270
       270
       +
       						? leftCuties[Math.floor(Math.random() * leftCuties.length)]

     

       271
       271
       +
       						: rightCuties[Math.floor(Math.random() * rightCuties.length)];

     

       272
       272
       +
       			} else if (Math.abs(differenceY) > 100) {

     

       273
       273
       +
       				validatedElements.cutie.textContent =

     

       274
       274
       +
       					differenceY < 0

     

       275
       275
       +
       						? upCuties[Math.floor(Math.random() * upCuties.length)]

     

       276
       276
       +
       						: downCuties[Math.floor(Math.random() * downCuties.length)];

     

       277
       277
       +
       			}

     

       278
       278
       +
       		});

     

       279
       279
       +
       

     

       242
       280
        
       		const audio = {

     

       243
       281
        
       			spin: createAudio("/heavier-tick-sprite.mp3"),

     

       244
       282
        
       			toggleOff: createAudio("/toggle-button-off.mp3"),