bakonpancakz/pancakz-homepage
1
0
Fork 0
Code Actions Activity
Files
f26b11cd28cd6fd2616d2473b65d828e881f2585
pancakz-homepage/pancakz-v3-beam/application/secret-picross.html
T

227 lines
9.9 KiB
HTML
Raw Normal View History

Initial Release
2026-05-24 19:52:45 -07:00
<!DOCTYPE html>
<html lang="en">
<head>
bugfix: standardize metadata tags
2026-06-19 15:16:21 -07:00
<meta charset="UTF-8" />
Initial Release
2026-05-24 19:52:45 -07:00
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="noindex">
refactor: swap to generic {{ include }} tags
2026-06-17 01:12:22 -07:00
<link rel="icon" href="{{ include 'image/png' '/include/favicon.png' }}" />
Initial Release
2026-05-24 19:52:45 -07:00
<title>Picross &bull; pancakz.net</title>
refactor: swap to generic {{ include }} tags
2026-06-17 01:12:22 -07:00
{{ include 'style' '/include/fonts/poppins.css' }}
{{ include 'style' '/include/secret-picross/main.css' }}
{{ include 'script' '/include/secret-picross/main.ts' }}
Initial Release
2026-05-24 19:52:45 -07:00
</head>
<body>
<!-- Was bored and I love picross puzzles. Enjoy this little minigame. -->
<!-- In case you're wondering I sampled my keyboard for the audio. -->
<audio hidden src="/secret-picross/set.mp3" id="audio-set"></audio>
<audio hidden src="/secret-picross/del.mp3" id="audio-del"></audio>
<div role="main" class="layout-container no-print">
<div class="layout-header">
<p>Secret Picross Challenge!</p>
<p class="text-tip">Complete this puzzle to prove you can do picross puzzles!</p>
<p class="text-tip text-hidden">Controls: Left click to fill, right click to mark.</p>
</div>
<div class="layout-content">
<!-- thank you gzip for savin bandwidth -->
<div class="picross-row">
<p class="picross-hint"></p>
<p class="picross-hint"></p>
<p class="picross-hint"></p>
<p class="picross-hint"></p>
<p class="picross-hint"></p>
<p class="picross-hint">1</p>
<p class="picross-hint"></p>
<p class="picross-hint">1</p>
<p class="picross-hint"></p>
<p class="picross-hint"></p>
<p class="picross-hint"></p>
<p class="picross-hint"></p>
</div>
<div class="picross-row">
<p class="picross-hint"></p>
<p class="picross-hint"></p>
<p class="picross-hint"></p>
<p class="picross-hint"></p>
<p class="picross-hint"></p>
<p class="picross-hint">1</p>
<p class="picross-hint">3</p>
<p class="picross-hint">1</p>
<p class="picross-hint"></p>
<p class="picross-hint">1</p>
<p class="picross-hint"></p>
<p class="picross-hint"></p>
</div>
<div class="picross-row">
<p class="picross-hint"></p>
<p class="picross-hint"></p>
<p class="picross-hint"></p>
<p class="picross-hint">1</p>
<p class="picross-hint picross-active">7</p>
<p class="picross-hint">5</p>
<p class="picross-hint">5</p>
<p class="picross-hint">4</p>
<p class="picross-hint">8</p>
<p class="picross-hint">3</p>
<p class="picross-hint">2</p>
<p class="picross-hint">2</p>
</div>
<div class="picross-row">
<p class="picross-hint"></p>
<p class="picross-hint"></p>
<p class="picross-hint">3</p>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
</div>
<div class="picross-row">
<p class="picross-hint">1</p>
<p class="picross-hint">1</p>
<p class="picross-hint">1</p>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
</div>
<div class="picross-row">
<p class="picross-hint"></p>
<p class="picross-hint"></p>
<p class="picross-hint">5</p>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
</div>
<div class="picross-row">
<p class="picross-hint"></p>
<p class="picross-hint">2</p>
<p class="picross-hint">2</p>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
</div>
<div class="picross-row">
<p class="picross-hint"></p>
<p class="picross-hint">3</p>
<p class="picross-hint">1</p>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
</div>
<div class="picross-row">
<p class="picross-hint"></p>
<p class="picross-hint">5</p>
<p class="picross-hint">1</p>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
</div>
<div class="picross-row">
<p class="picross-hint"></p>
<p class="picross-hint"></p>
<p class="picross-hint">8</p>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
</div>
<div class="picross-row">
<p class="picross-hint"></p>
<p class="picross-hint"></p>
<p class="picross-hint">7</p>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
</div>
<div class="picross-row">
<p class="picross-hint"></p>
<p class="picross-hint"></p>
<p class="picross-hint">5</p>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
<button class="picross-button"></button>
</div>
</div>
<div class="layout-footer">
<p class="layout-timer text-tip">Time Spent: 00:00:00</p>
<div class="layout-actions">
<a id="action-quit" target="_blank" href="https://www.youtube.com/watch?v=KxGRhd_iWuE&t=2" onclick="this.onclick=() => window.location.assign('/')">
I Give Up...
</a>
<a id="action-send">Check It!</a>
</div>
</div>
</div>
<div class="layout-document" style="display: none;">
<span id="name"></span>
<span id="time"></span>
<span id="date"></span>
<img id="background" src="/secret-picross/template.jpeg">
</div>
</body>
</html>
Copy Permalink