bakonpancakz/pancakz-homepage
1
0
Fork 0
Code Actions Activity

Initial Release

Browse Source
This commit is contained in:
BAKON☆PANCAKZ
2026-05-24 19:52:45 -07:00
commit 8242fdbbb3
181 changed files with 10119 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pancakz-v3-beam/application/secret-picross.html
+226
View File
@@ -0,0 +1,226 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="noindex">
<link rel="icon" href="{{ include-b64 'type='image/png' '/include/favicon.png' }}" />
<title>Picross &bull; pancakz.net</title>
{{ include-tag 'style' '/include/fonts/poppins.css' }}
{{ include-tag 'style' '/include/secret-picross/main.css' }}
{{ include-tag 'script' '/include/secret-picross/main.ts' }}
</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>