This commit is contained in:
Waylon S. Walker 2025-05-24 17:58:54 -05:00
commit 8631733274
14 changed files with 1719 additions and 0 deletions

964
.gitignore vendored Normal file
View file

@ -0,0 +1,964 @@
# Created by https://www.toptal.com/developers/gitignore/api/vim,node,data,emacs,python,pycharm,executable,sublimetext,visualstudio,visualstudiocode
# Edit at https://www.toptal.com/developers/gitignore?templates=vim,node,data,emacs,python,pycharm,executable,sublimetext,visualstudio,visualstudiocode
### Data ###
*.csv
*.dat
*.efx
*.gbr
*.key
*.pps
*.ppt
*.pptx
*.sdf
*.tax2010
*.vcf
*.xml
### Emacs ###
# -*- mode: gitignore; -*-
*~
\#*\#
/.emacs.desktop
/.emacs.desktop.lock
*.elc
auto-save-list
tramp
.\#*
# Org-mode
.org-id-locations
*_archive
# flymake-mode
*_flymake.*
# eshell files
/eshell/history
/eshell/lastdir
# elpa packages
/elpa/
# reftex files
*.rel
# AUCTeX auto folder
/auto/
# cask packages
.cask/
dist/
# Flycheck
flycheck_*.el
# server auth directory
/server/
# projectiles files
.projectile
# directory configuration
.dir-locals.el
# network security
/network-security.data
### Executable ###
*.app
*.bat
*.cgi
*.com
*.exe
*.gadget
*.jar
*.pif
*.vb
*.wsf
### Node ###
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
lerna-debug.log*
.pnpm-debug.log*
# Diagnostic reports (https://nodejs.org/api/report.html)
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
# Runtime data
pids
*.pid
*.seed
*.pid.lock
# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov
# Coverage directory used by tools like istanbul
coverage
*.lcov
# nyc test coverage
.nyc_output
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
.grunt
# Bower dependency directory (https://bower.io/)
bower_components
# node-waf configuration
.lock-wscript
# Compiled binary addons (https://nodejs.org/api/addons.html)
build/Release
# Dependency directories
node_modules/
jspm_packages/
# Snowpack dependency directory (https://snowpack.dev/)
web_modules/
# TypeScript cache
*.tsbuildinfo
# Optional npm cache directory
.npm
# Optional eslint cache
.eslintcache
# Optional stylelint cache
.stylelintcache
# Microbundle cache
.rpt2_cache/
.rts2_cache_cjs/
.rts2_cache_es/
.rts2_cache_umd/
# Optional REPL history
.node_repl_history
# Output of 'npm pack'
*.tgz
# Yarn Integrity file
.yarn-integrity
# dotenv environment variable files
.env
.env.development.local
.env.test.local
.env.production.local
.env.local
# parcel-bundler cache (https://parceljs.org/)
.cache
.parcel-cache
# Next.js build output
.next
out
# Nuxt.js build / generate output
.nuxt
dist
# Gatsby files
.cache/
# Comment in the public line in if your project uses Gatsby and not Next.js
# https://nextjs.org/blog/next-9-1#public-directory-support
# public
# vuepress build output
.vuepress/dist
# vuepress v2.x temp and cache directory
.temp
# Docusaurus cache and generated files
.docusaurus
# Serverless directories
.serverless/
# FuseBox cache
.fusebox/
# DynamoDB Local files
.dynamodb/
# TernJS port file
.tern-port
# Stores VSCode versions used for testing VSCode extensions
.vscode-test
# yarn v2
.yarn/cache
.yarn/unplugged
.yarn/build-state.yml
.yarn/install-state.gz
.pnp.*
### Node Patch ###
# Serverless Webpack directories
.webpack/
# Optional stylelint cache
# SvelteKit build / generate output
.svelte-kit
### PyCharm ###
# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio, WebStorm and Rider
# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
# User-specific stuff
.idea/**/workspace.xml
.idea/**/tasks.xml
.idea/**/usage.statistics.xml
.idea/**/dictionaries
.idea/**/shelf
# AWS User-specific
.idea/**/aws.xml
# Generated files
.idea/**/contentModel.xml
# Sensitive or high-churn files
.idea/**/dataSources/
.idea/**/dataSources.ids
.idea/**/dataSources.local.xml
.idea/**/sqlDataSources.xml
.idea/**/dynamic.xml
.idea/**/uiDesigner.xml
.idea/**/dbnavigator.xml
# Gradle
.idea/**/gradle.xml
.idea/**/libraries
# Gradle and Maven with auto-import
# When using Gradle or Maven with auto-import, you should exclude module files,
# since they will be recreated, and may cause churn. Uncomment if using
# auto-import.
# .idea/artifacts
# .idea/compiler.xml
# .idea/jarRepositories.xml
# .idea/modules.xml
# .idea/*.iml
# .idea/modules
# *.iml
# *.ipr
# CMake
cmake-build-*/
# Mongo Explorer plugin
.idea/**/mongoSettings.xml
# File-based project format
*.iws
# IntelliJ
out/
# mpeltonen/sbt-idea plugin
.idea_modules/
# JIRA plugin
atlassian-ide-plugin.xml
# Cursive Clojure plugin
.idea/replstate.xml
# SonarLint plugin
.idea/sonarlint/
# Crashlytics plugin (for Android Studio and IntelliJ)
com_crashlytics_export_strings.xml
crashlytics.properties
crashlytics-build.properties
fabric.properties
# Editor-based Rest Client
.idea/httpRequests
# Android studio 3.1+ serialized cache file
.idea/caches/build_file_checksums.ser
### PyCharm Patch ###
# Comment Reason: https://github.com/joeblau/gitignore.io/issues/186#issuecomment-215987721
# *.iml
# modules.xml
# .idea/misc.xml
# *.ipr
# Sonarlint plugin
# https://plugins.jetbrains.com/plugin/7973-sonarlint
.idea/**/sonarlint/
# SonarQube Plugin
# https://plugins.jetbrains.com/plugin/7238-sonarqube-community-plugin
.idea/**/sonarIssues.xml
# Markdown Navigator plugin
# https://plugins.jetbrains.com/plugin/7896-markdown-navigator-enhanced
.idea/**/markdown-navigator.xml
.idea/**/markdown-navigator-enh.xml
.idea/**/markdown-navigator/
# Cache file creation bug
# See https://youtrack.jetbrains.com/issue/JBR-2257
.idea/$CACHE_FILE$
# CodeStream plugin
# https://plugins.jetbrains.com/plugin/12206-codestream
.idea/codestream.xml
# Azure Toolkit for IntelliJ plugin
# https://plugins.jetbrains.com/plugin/8053-azure-toolkit-for-intellij
.idea/**/azureSettings.xml
### Python ###
# Byte-compiled / optimized / DLL files
__pycache__/
*.py[cod]
*$py.class
# C extensions
*.so
# Distribution / packaging
.Python
build/
develop-eggs/
downloads/
eggs/
.eggs/
lib/
lib64/
parts/
sdist/
var/
wheels/
share/python-wheels/
*.egg-info/
.installed.cfg
*.egg
MANIFEST
# PyInstaller
# Usually these files are written by a python script from a template
# before PyInstaller builds the exe, so as to inject date/other infos into it.
*.manifest
*.spec
# Installer logs
pip-log.txt
pip-delete-this-directory.txt
# Unit test / coverage reports
htmlcov/
.tox/
.nox/
.coverage
.coverage.*
nosetests.xml
coverage.xml
*.cover
*.py,cover
.hypothesis/
.pytest_cache/
cover/
# Translations
*.mo
*.pot
# Django stuff:
local_settings.py
db.sqlite3
db.sqlite3-journal
# Flask stuff:
instance/
.webassets-cache
# Scrapy stuff:
.scrapy
# Sphinx documentation
docs/_build/
# PyBuilder
.pybuilder/
target/
# Jupyter Notebook
.ipynb_checkpoints
# IPython
profile_default/
ipython_config.py
# pyenv
# For a library or package, you might want to ignore these files since the code is
# intended to run in multiple environments; otherwise, check them in:
# .python-version
# pipenv
# According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
# However, in case of collaboration, if having platform-specific dependencies or dependencies
# having no cross-platform support, pipenv may install dependencies that don't work, or not
# install all needed dependencies.
#Pipfile.lock
# poetry
# Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control.
# This is especially recommended for binary packages to ensure reproducibility, and is more
# commonly ignored for libraries.
# https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control
#poetry.lock
# pdm
# Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control.
#pdm.lock
# pdm stores project-wide configurations in .pdm.toml, but it is recommended to not include it
# in version control.
# https://pdm.fming.dev/#use-with-ide
.pdm.toml
# PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm
__pypackages__/
# Celery stuff
celerybeat-schedule
celerybeat.pid
# SageMath parsed files
*.sage.py
# Environments
.venv
env/
venv/
ENV/
env.bak/
venv.bak/
# Spyder project settings
.spyderproject
.spyproject
# Rope project settings
.ropeproject
# mkdocs documentation
/site
# mypy
.mypy_cache/
.dmypy.json
dmypy.json
# Pyre type checker
.pyre/
# pytype static type analyzer
.pytype/
# Cython debug symbols
cython_debug/
# PyCharm
# JetBrains specific template is maintained in a separate JetBrains.gitignore that can
# be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
# and can be added to the global gitignore or merged into this file. For a more nuclear
# option (not recommended) you can uncomment the following to ignore the entire idea folder.
#.idea/
### Python Patch ###
# Poetry local configuration file - https://python-poetry.org/docs/configuration/#local-configuration
poetry.toml
# ruff
.ruff_cache/
# LSP config files
pyrightconfig.json
### SublimeText ###
# Cache files for Sublime Text
*.tmlanguage.cache
*.tmPreferences.cache
*.stTheme.cache
# Workspace files are user-specific
*.sublime-workspace
# Project files should be checked into the repository, unless a significant
# proportion of contributors will probably not be using Sublime Text
# *.sublime-project
# SFTP configuration file
sftp-config.json
sftp-config-alt*.json
# Package control specific files
Package Control.last-run
Package Control.ca-list
Package Control.ca-bundle
Package Control.system-ca-bundle
Package Control.cache/
Package Control.ca-certs/
Package Control.merged-ca-bundle
Package Control.user-ca-bundle
oscrypto-ca-bundle.crt
bh_unicode_properties.cache
# Sublime-github package stores a github token in this file
# https://packagecontrol.io/packages/sublime-github
GitHub.sublime-settings
### Vim ###
# Swap
[._]*.s[a-v][a-z]
!*.svg # comment out if you don't need vector files
[._]*.sw[a-p]
[._]s[a-rt-v][a-z]
[._]ss[a-gi-z]
[._]sw[a-p]
# Session
Session.vim
Sessionx.vim
# Temporary
.netrwhist
# Auto-generated tag files
tags
# Persistent undo
[._]*.un~
### VisualStudioCode ###
.vscode/*
!.vscode/settings.json
!.vscode/tasks.json
!.vscode/launch.json
!.vscode/extensions.json
!.vscode/*.code-snippets
# Local History for Visual Studio Code
.history/
# Built Visual Studio Code Extensions
*.vsix
### VisualStudioCode Patch ###
# Ignore all local history of files
.history
.ionide
### VisualStudio ###
## Ignore Visual Studio temporary files, build results, and
## files generated by popular Visual Studio add-ons.
##
## Get latest from https://github.com/github/gitignore/blob/main/VisualStudio.gitignore
# User-specific files
*.rsuser
*.suo
*.user
*.userosscache
*.sln.docstates
# User-specific files (MonoDevelop/Xamarin Studio)
*.userprefs
# Mono auto generated files
mono_crash.*
# Build results
[Dd]ebug/
[Dd]ebugPublic/
[Rr]elease/
[Rr]eleases/
x64/
x86/
[Ww][Ii][Nn]32/
[Aa][Rr][Mm]/
[Aa][Rr][Mm]64/
bld/
[Bb]in/
[Oo]bj/
[Ll]og/
[Ll]ogs/
# Visual Studio 2015/2017 cache/options directory
.vs/
# Uncomment if you have tasks that create the project's static files in wwwroot
#wwwroot/
# Visual Studio 2017 auto generated files
Generated\ Files/
# MSTest test Results
[Tt]est[Rr]esult*/
[Bb]uild[Ll]og.*
# NUnit
*.VisualState.xml
TestResult.xml
nunit-*.xml
# Build Results of an ATL Project
[Dd]ebugPS/
[Rr]eleasePS/
dlldata.c
# Benchmark Results
BenchmarkDotNet.Artifacts/
# .NET Core
project.lock.json
project.fragment.lock.json
artifacts/
# ASP.NET Scaffolding
ScaffoldingReadMe.txt
# StyleCop
StyleCopReport.xml
# Files built by Visual Studio
*_i.c
*_p.c
*_h.h
*.ilk
*.meta
*.obj
*.iobj
*.pch
*.pdb
*.ipdb
*.pgc
*.pgd
*.rsp
*.sbr
*.tlb
*.tli
*.tlh
*.tmp
*.tmp_proj
*_wpftmp.csproj
*.tlog
*.vspscc
*.vssscc
.builds
*.pidb
*.svclog
*.scc
# Chutzpah Test files
_Chutzpah*
# Visual C++ cache files
ipch/
*.aps
*.ncb
*.opendb
*.opensdf
*.cachefile
*.VC.db
*.VC.VC.opendb
# Visual Studio profiler
*.psess
*.vsp
*.vspx
*.sap
# Visual Studio Trace Files
*.e2e
# TFS 2012 Local Workspace
$tf/
# Guidance Automation Toolkit
*.gpState
# ReSharper is a .NET coding add-in
_ReSharper*/
*.[Rr]e[Ss]harper
*.DotSettings.user
# TeamCity is a build add-in
_TeamCity*
# DotCover is a Code Coverage Tool
*.dotCover
# AxoCover is a Code Coverage Tool
.axoCover/*
!.axoCover/settings.json
# Coverlet is a free, cross platform Code Coverage Tool
coverage*.json
coverage*.xml
coverage*.info
# Visual Studio code coverage results
*.coverage
*.coveragexml
# NCrunch
_NCrunch_*
.*crunch*.local.xml
nCrunchTemp_*
# MightyMoose
*.mm.*
AutoTest.Net/
# Web workbench (sass)
.sass-cache/
# Installshield output folder
[Ee]xpress/
# DocProject is a documentation generator add-in
DocProject/buildhelp/
DocProject/Help/*.HxT
DocProject/Help/*.HxC
DocProject/Help/*.hhc
DocProject/Help/*.hhk
DocProject/Help/*.hhp
DocProject/Help/Html2
DocProject/Help/html
# Click-Once directory
publish/
# Publish Web Output
*.[Pp]ublish.xml
*.azurePubxml
# Note: Comment the next line if you want to checkin your web deploy settings,
# but database connection strings (with potential passwords) will be unencrypted
*.pubxml
*.publishproj
# Microsoft Azure Web App publish settings. Comment the next line if you want to
# checkin your Azure Web App publish settings, but sensitive information contained
# in these scripts will be unencrypted
PublishScripts/
# NuGet Packages
*.nupkg
# NuGet Symbol Packages
*.snupkg
# The packages folder can be ignored because of Package Restore
**/[Pp]ackages/*
# except build/, which is used as an MSBuild target.
!**/[Pp]ackages/build/
# Uncomment if necessary however generally it will be regenerated when needed
#!**/[Pp]ackages/repositories.config
# NuGet v3's project.json files produces more ignorable files
*.nuget.props
*.nuget.targets
# Microsoft Azure Build Output
csx/
*.build.csdef
# Microsoft Azure Emulator
ecf/
rcf/
# Windows Store app package directories and files
AppPackages/
BundleArtifacts/
Package.StoreAssociation.xml
_pkginfo.txt
*.appx
*.appxbundle
*.appxupload
# Visual Studio cache files
# files ending in .cache can be ignored
*.[Cc]ache
# but keep track of directories ending in .cache
!?*.[Cc]ache/
# Others
ClientBin/
~$*
*.dbmdl
*.dbproj.schemaview
*.jfm
*.pfx
*.publishsettings
orleans.codegen.cs
# Including strong name files can present a security risk
# (https://github.com/github/gitignore/pull/2483#issue-259490424)
#*.snk
# Since there are multiple workflows, uncomment next line to ignore bower_components
# (https://github.com/github/gitignore/pull/1529#issuecomment-104372622)
#bower_components/
# RIA/Silverlight projects
Generated_Code/
# Backup & report files from converting an old project file
# to a newer Visual Studio version. Backup files are not needed,
# because we have git ;-)
_UpgradeReport_Files/
Backup*/
UpgradeLog*.XML
UpgradeLog*.htm
ServiceFabricBackup/
*.rptproj.bak
# SQL Server files
*.mdf
*.ldf
*.ndf
# Business Intelligence projects
*.rdl.data
*.bim.layout
*.bim_*.settings
*.rptproj.rsuser
*- [Bb]ackup.rdl
*- [Bb]ackup ([0-9]).rdl
*- [Bb]ackup ([0-9][0-9]).rdl
# Microsoft Fakes
FakesAssemblies/
# GhostDoc plugin setting file
*.GhostDoc.xml
# Node.js Tools for Visual Studio
.ntvs_analysis.dat
# Visual Studio 6 build log
*.plg
# Visual Studio 6 workspace options file
*.opt
# Visual Studio 6 auto-generated workspace file (contains which files were open etc.)
*.vbw
# Visual Studio 6 auto-generated project file (contains which files were open etc.)
*.vbp
# Visual Studio 6 workspace and project file (working project files containing files to include in project)
*.dsw
*.dsp
# Visual Studio 6 technical files
# Visual Studio LightSwitch build output
**/*.HTMLClient/GeneratedArtifacts
**/*.DesktopClient/GeneratedArtifacts
**/*.DesktopClient/ModelManifest.xml
**/*.Server/GeneratedArtifacts
**/*.Server/ModelManifest.xml
_Pvt_Extensions
# Paket dependency manager
.paket/paket.exe
paket-files/
# FAKE - F# Make
.fake/
# CodeRush personal settings
.cr/personal
# Python Tools for Visual Studio (PTVS)
*.pyc
# Cake - Uncomment if you are using it
# tools/**
# !tools/packages.config
# Tabs Studio
*.tss
# Telerik's JustMock configuration file
*.jmconfig
# BizTalk build output
*.btp.cs
*.btm.cs
*.odx.cs
*.xsd.cs
# OpenCover UI analysis results
OpenCover/
# Azure Stream Analytics local run output
ASALocalRun/
# MSBuild Binary and Structured Log
*.binlog
# NVidia Nsight GPU debugger configuration file
*.nvuser
# MFractors (Xamarin productivity tool) working folder
.mfractor/
# Local History for Visual Studio
.localhistory/
# Visual Studio History (VSHistory) files
.vshistory/
# BeatPulse healthcheck temp database
healthchecksdb
# Backup folder for Package Reference Convert tool in Visual Studio 2017
MigrationBackup/
# Ionide (cross platform F# VS Code tools) working folder
.ionide/
# Fody - auto-generated XML schema
FodyWeavers.xsd
# VS Code files for those working on multiple tools
*.code-workspace
# Local History for Visual Studio Code
# Windows Installer files from build outputs
*.cab
*.msi
*.msix
*.msm
*.msp
# JetBrains Rider
*.sln.iml
### VisualStudio Patch ###
# Additional files built by Visual Studio
# End of https://www.toptal.com/developers/gitignore/api/vim,node,data,emacs,python,pycharm,executable,sublimetext,visualstudio,visualstudiocode

39
README.md Normal file
View file

@ -0,0 +1,39 @@
I'm working on replacing my usage of google inline search apps with real apps,
these are ones that I create and host on my own homelab. The first three that
I created are mostly chatgpt based, with a bit of hand edit after the fact,
uploaded to minio and become an app on my [k8s-pages](<https://github.com/waylonwalker/k8s-pages>
I'm leaning on [[web-wakelock]] to keep the screen on while these apps are
running, primarily clos, timer, and stopwatch.
## Clock
A large display clock.
[![screenshot of https://clock.wayl.one](http://shots.wayl.one/shot/?url=https://clock.wayl.one&height=450&width=800&scaled_width=800&scaled_height=450&selectors=)](https://clock.wayl.one)
## Timer
A simple timer that counts down from thet set time.
[![screenshot of https://timer.wayl.one](http://shots.wayl.one/shot/?url=https://timer.wayl.one&height=450&width=800&scaled_width=800&scaled_height=450&selectors=)](https://timer.wayl.one)
## Stopwatch
This is the one that inspired it all, I need to run a few stopwatches at work,
and chose to just do it right in the google search with a few tabs running.
[![screenshot of https://stopwatch.wayl.one](http://shots.wayl.one/shot/?url=https://stopwatch.wayl.one&height=450&width=800&scaled_width=800&scaled_height=450&selectors=)](https://stopwatch.wayl.one)
## Dice
A simple dice roller, this one is the one that I decided to start adding `?`
for help.
[![screenshot of https://dice.wayl.one](http://shots.wayl.one/shot/?url=https://dice.wayl.one&height=450&width=800&scaled_width=800&scaled_height=450&selectors=)](https://dice.wayl.one)
## UUID
It displays a uuid, thats it. <kbd>ctrl</kbd> + <kbd>c</kbd> to copy.
[![screenshot of https://uuid.wayl.one](http://shots.wayl.one/shot/?url=https://uuid.wayl.one&height=450&width=800&scaled_width=800&scaled_height=450&selectors=)](https://uuid.wayl.one)

BIN
clock/favicon.ico Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

87
clock/index.html Normal file
View file

@ -0,0 +1,87 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Large Web Clock</title>
<meta property="og:title" content="Large Web Clock" />
<meta property="og:image" content="http://shots.wayl.one/shot/?url=https://clock.wayl.one/&height=630&width=1200&scaled_width=1200&scaled_height=630&selectors=" />
<meta property="og:description" content="A large display clock, it just shows the time." />
<meta property="og:url" content="https://clock.wayl.one/" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Large Web Clock" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Large Web Clock" />
<meta name="twitter:description" content="A large display clock, it just shows the time." />
<meta name="twitter:image" content="http://shots.wayl.one/shot/?url=https://clock.wayl.one/&height=630&width=1200&scaled_width=1200&scaled_height=640&selectors=" />
<style>
html, body {
margin: 0;
padding: 0;
background: black;
background: black url('/triangles.svg') center/cover;
color: lime;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-family: monospace;
user-select: none;
}
#clock {
font-size: 10vw;
padding: 0 5vw;
text-align: center;
white-space: nowrap; /* Prevent line breaks */
}
</style>
</head>
<body>
<div id="clock">12:00:00&nbsp;AM</div>
<script>
const clock = document.getElementById("clock");
function updateClock() {
const now = new Date();
let hours = now.getHours();
const minutes = String(now.getMinutes()).padStart(2, "0");
const seconds = String(now.getSeconds()).padStart(2, "0");
const ampm = hours >= 12 ? "PM" : "AM";
hours = hours % 12;
hours = hours ? hours : 12; // Convert 0 to 12
const formatted = `${String(hours).padStart(2, "0")}:${minutes}:${seconds}&nbsp;${ampm}`;
clock.innerHTML = formatted; // innerHTML to support &nbsp;
}
setInterval(updateClock, 1000);
updateClock();
// Wake Lock support
let wakeLock = null;
async function requestWakeLock() {
try {
if ('wakeLock' in navigator) {
wakeLock = await navigator.wakeLock.request('screen');
console.log("Wake lock acquired");
}
} catch (err) {
console.error("Wake lock error:", err);
}
}
document.addEventListener("visibilitychange", () => {
if (wakeLock !== null && document.visibilityState === "visible") {
requestWakeLock();
}
});
requestWakeLock();
</script>
</body>
</html>

1
clock/triangles.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns='http://www.w3.org/2000/svg' width='400' height='200' viewBox='0 0 160 80'><rect fill='#000000' width='160' height='80'/><g fill='#E416FF' fill-opacity='0.04'><polygon points='0 10 0 0 10 0'/><polygon points='0 40 0 30 10 30'/><polygon points='0 30 0 20 10 20'/><polygon points='0 70 0 60 10 60'/><polygon points='0 80 0 70 10 70'/><polygon points='50 80 50 70 60 70'/><polygon points='10 20 10 10 20 10'/><polygon points='10 40 10 30 20 30'/><polygon points='20 10 20 0 30 0'/><polygon points='10 10 10 0 20 0'/><polygon points='30 20 30 10 40 10'/><polygon points='20 20 20 40 40 20'/><polygon points='40 10 40 0 50 0'/><polygon points='40 20 40 10 50 10'/><polygon points='40 40 40 30 50 30'/><polygon points='30 40 30 30 40 30'/><polygon points='40 60 40 50 50 50'/><polygon points='50 30 50 20 60 20'/><polygon points='40 60 40 80 60 60'/><polygon points='50 40 50 60 70 40'/><polygon points='60 0 60 20 80 0'/><polygon points='70 30 70 20 80 20'/><polygon points='70 40 70 30 80 30'/><polygon points='60 60 60 80 80 60'/><polygon points='80 10 80 0 90 0'/><polygon points='70 40 70 60 90 40'/><polygon points='80 60 80 50 90 50'/><polygon points='60 30 60 20 70 20'/><polygon points='80 70 80 80 90 80 100 70'/><polygon points='80 10 80 40 110 10'/><polygon points='110 40 110 30 120 30'/><polygon points='90 40 90 70 120 40'/><polygon points='10 50 10 80 40 50'/><polygon points='110 60 110 50 120 50'/><polygon points='100 60 100 80 120 60'/><polygon points='110 0 110 20 130 0'/><polygon points='120 30 120 20 130 20'/><polygon points='130 10 130 0 140 0'/><polygon points='130 30 130 20 140 20'/><polygon points='120 40 120 30 130 30'/><polygon points='130 50 130 40 140 40'/><polygon points='120 50 120 70 140 50'/><polygon points='110 70 110 80 130 80 140 70'/><polygon points='140 10 140 0 150 0'/><polygon points='140 20 140 10 150 10'/><polygon points='140 40 140 30 150 30'/><polygon points='140 50 140 40 150 40'/><polygon points='140 70 140 60 150 60'/><polygon points='150 20 150 40 160 30 160 20'/><polygon points='150 60 150 50 160 50'/><polygon points='140 70 140 80 150 80 160 70'/></g></svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
color/favicon.ico Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

151
color/index.html Normal file
View file

@ -0,0 +1,151 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>UUID</title>
<meta property="og:title" content="UUID" />
<meta property="og:image" content="http://shots.wayl.one/shot/?url=https://uuid.wayl.one/&height=630&width=1200&scaled_width=1200&scaled_height=630&selectors=" />
<meta property="og:description" content="It's just a UUID, thats it, thats all it needs to do, it generagets, displays and copies the UUID" />
<meta property="og:url" content="https://uuid.wayl.one/" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="UUID" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="UUID" />
<meta name="twitter:description" content="It's just a UUID, thats it, thats all it needs to do, it generagets, displays and copies the UUID" />
<meta name="twitter:image" content="http://shots.wayl.one/shot/?url=https://uuid.wayl.one/&height=630&width=1200&scaled_width=1200&scaled_height=640&selectors=" />
<style>
body {
background: black;
color: lime;
font-family: sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.container {
text-align: center;
font-size: 4rem;
line-height: 1.2;
}
#rolls {
list-style: none;
padding: 0;
margin: 0;
font-size: 6rem;
margin-top: 1rem;
color: lime;
}
#rolls li {
border: 4px solid #005500;
background: #00ff0024;
box-shadow: 0 0 3rem 1rem #00ff0017;
aspect-ratio: 1;
border-radius: .5rem;
height: 1.5em;
width: 1.5em;
line-height: 1.5em;
text-align: center;
display: inline-block;
padding: 0.5rem;
margin: 2rem;
}
.total {
margin-top: 0.5rem;
font-weight: bold;
}
/* Modal styles */
.modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.75);
display: none;
justify-content: center;
align-items: center;
z-index: 1000;
}
.modal {
box-shadow: 0 0 3rem 1rem #00ff0017;
background: black;
border: 2px solid lime;
border-radius: 0.5rem;
padding: 2rem;
max-width: 90%;
color: lime;
text-align: left;
font-size: 1.5rem;
}
.modal h2 {
margin-top: 0;
color: #008e00;
}
.modal ul {
color: #00ae00;
}
</style>
</head>
<body>
<div class="container">
<div id="uuid"></div>
</div>
<label>
Select a color:
<input type="color" colorspace="display-p3" alpha>
</label>
<!-- Modal -->
<div id="modal-overlay" class="modal-overlay">
<div class="modal">
<h2>Help</h2>
<p>
It's just a UUID, thats it, thats all it needs to do, it generagets, displays and copies the UUID
</p>
<p>
Copy with <kbd>Ctrl</kbd> + <kbd>c</kbd>
</p>
</div>
</div>
<script>
// Display
const uuid = crypto.randomUUID();
document.getElementById('uuid').textContent = uuid;
console.log(uuid);
// on control c put uuid on clipboard
document.addEventListener('keydown', e => {
if (e.key === 'c' && e.ctrlKey) {
navigator.clipboard.writeText(uuid);
}
})
// ---- Modal logic ----
const overlay = document.getElementById('modal-overlay');
function toggleModal() {
if (overlay.style.display === 'none') {
overlay.style.display = 'flex';
} else {
overlay.style.display = 'none';
}
}
overlay.addEventListener('click', e => {
if (e.target === overlay) hideModal();
});
document.addEventListener('keydown', e => {
if (e.key === '?') {
toggleModal();
}
});
</script>
</body>
</html>

BIN
dice/favicon.ico Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

162
dice/index.html Normal file
View file

@ -0,0 +1,162 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Dice Roller</title>
<meta property="og:title" content="Dice" />
<meta property="og:image" content="http://shots.wayl.one/shot/?url=https://dice.wayl.one/&height=630&width=1200&scaled_width=1200&scaled_height=630&selectors=" />
<meta property="og:description" content="Dice rolls, it just rolls dice, thats it." />
<meta property="og:url" content="https://dice.wayl.one/" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Dice" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Dice" />
<meta name="twitter:description" content="A large display dice, it just shows the time." />
<meta name="twitter:image" content="http://shots.wayl.one/shot/?url=https://dice.wayl.one/&height=630&width=1200&scaled_width=1200&scaled_height=640&selectors=" />
<style>
body {
background: black;
color: lime;
font-family: sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.container {
text-align: center;
font-size: 4rem;
line-height: 1.2;
}
#rolls {
list-style: none;
padding: 0;
margin: 0;
font-size: 6rem;
margin-top: 1rem;
color: lime;
}
#rolls li {
border: 4px solid #005500;
background: #00ff0024;
box-shadow: 0 0 3rem 1rem #00ff0017;
aspect-ratio: 1;
border-radius: .5rem;
height: 1.5em;
width: 1.5em;
line-height: 1.5em;
text-align: center;
display: inline-block;
padding: 0.5rem;
margin: 2rem;
}
.total {
margin-top: 0.5rem;
font-weight: bold;
}
/* Modal styles */
.modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.75);
display: none;
justify-content: center;
align-items: center;
z-index: 1000;
}
.modal {
box-shadow: 0 0 3rem 1rem #00ff0017;
background: black;
border: 2px solid lime;
border-radius: 0.5rem;
padding: 2rem;
max-width: 90%;
color: lime;
text-align: left;
font-size: 1.5rem;
}
.modal h2 {
margin-top: 0;
color: #008e00;
}
.modal ul {
color: #00ae00;
}
</style>
</head>
<body>
<div class="container">
<div id="total" class="total"></div>
<div id="detail" class="rolls"></div>
<ul id="rolls"></ul>
</div>
<!-- Modal -->
<div id="modal-overlay" class="modal-overlay">
<div class="modal">
<h2>Help</h2>
<p>
You can control the roll by passing query parameters in the URL:
</p>
<ul>
<li><code>num</code> number of dice (default <strong>1</strong>)</li>
<li><code>sides</code> sides per die (default <strong>6</strong>)</li>
</ul>
<p>Examples:</p>
<ul>
<li><code>?num=3&sides=20</code> — roll 3 twenty-sided dice</li>
<li><code>?num=5&sides=8</code> — roll 5 eight-sided dice</li>
</ul>
</div>
</div>
<script>
// Parse query params
const params = new URLSearchParams(window.location.search);
const num = Math.max(1, parseInt(params.get('num')) || 1);
const sides = Math.max(2, parseInt(params.get('sides')) || 6);
// Roll the dice
const rolls = [];
for (let i = 0; i < num; i++) {
rolls.push(Math.floor(Math.random() * sides) + 1);
}
const sum = rolls.reduce((a, b) => a + b, 0);
// Display
document.getElementById('total').textContent = `${sum}`;
const rolls_ul = document.getElementById('rolls')
rolls.forEach((roll, idx) => {
const li = document.createElement('li');
li.textContent = `${roll}`;
rolls_ul.appendChild(li);
});
// ---- Modal logic ----
const overlay = document.getElementById('modal-overlay');
function toggleModal() {
if (overlay.style.display === 'none') {
overlay.style.display = 'flex';
} else {
overlay.style.display = 'none';
}
}
overlay.addEventListener('click', e => {
if (e.target === overlay) hideModal();
});
document.addEventListener('keydown', e => {
if (e.key === '?') {
toggleModal();
}
});
</script>
</body>
</html>

5
justfile Normal file
View file

@ -0,0 +1,5 @@
serve:
python -m http.server -d site 8000
deploy name:
uvx --with awscli aws s3 sync {name} s3://k8s-pages/{name}

BIN
timer/favicon.ico Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

163
timer/index.html Normal file
View file

@ -0,0 +1,163 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Countdown Timer</title>
<description>A simple large display countdown timer, its just counts down</description>
<meta property="og:title" content="Countdown Timer" />
<meta property="og:image" content="http://shots.wayl.one/shot/?url=https://timer.wayl.one/&height=630&width=1200&scaled_width=1200&scaled_height=630&selectors=" />
<meta property="og:description" content="A simple large display countdown timer, its just counts down" />
<meta property="og:url" content="https://timer.wayl.one/" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Countdown Timer" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Countdown Timer" />
<meta name="twitter:description" content="A simple large display countdown timer, its just counts down" />
<meta name="twitter:image" content="http://shots.wayl.one/shot/?url=https://timer.wayl.one/&height=630&width=1200&scaled_width=1200&scaled_height=640&selectors=" />
<style>
html, body {
margin: 0;
padding: 0;
background: black;
color: lime;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-family: monospace;
user-select: none;
}
#title {
font-size: 4vw;
margin-bottom: 2vh;
outline: none;
text-align: center;
}
#countdown {
font-size: 20vw;
padding: 0 5vw;
text-align: center;
white-space: nowrap;
cursor: pointer;
}
</style>
</head>
<body>
<div id="title" contenteditable="true">Click to Edit Title</div>
<div id="countdown" contenteditable="true">00:05:00</div>
<script>
const countdownEl = document.getElementById("countdown");
let endTime = null;
let timerRunning = false;
let wakeLock = null;
function parseTime(text) {
const parts = text.split(":").map(p => parseInt(p, 10));
if (parts.length === 3) {
const [h, m, s] = parts;
return (h * 3600 + m * 60 + s) * 1000;
} else if (parts.length === 2) {
const [m, s] = parts;
return (m * 60 + s) * 1000;
}
return 0;
}
function formatTime(ms) {
let totalSeconds = Math.floor(ms / 1000);
const h = Math.floor(totalSeconds / 3600);
const m = Math.floor((totalSeconds % 3600) / 60);
const s = totalSeconds % 60;
return (
String(h).padStart(2, "0") + ":" +
String(m).padStart(2, "0") + ":" +
String(s).padStart(2, "0")
);
}
function startCountdown(durationMs) {
const now = Date.now();
endTime = now + durationMs;
timerRunning = true;
updateCountdown();
}
function updateCountdown() {
if (!timerRunning) return;
const now = Date.now();
const remaining = endTime - now;
if (remaining <= 0) {
countdownEl.textContent = "00:00:00";
timerRunning = false;
return;
}
countdownEl.textContent = formatTime(remaining);
requestAnimationFrame(updateCountdown);
}
countdownEl.addEventListener("blur", () => {
const text = countdownEl.textContent.trim();
const ms = parseTime(text);
if (ms > 0) {
startCountdown(ms);
}
});
countdownEl.addEventListener("keydown", (e) => {
if (e.key === "Enter") {
countdownEl.blur();
e.preventDefault();
}
});
// Support query params (e.g. ?min=3&sec=30)
function getInitialTimeFromQuery(urlParams) {
const hr = parseInt(urlParams.get("hr") || "0", 10);
const min = parseInt(urlParams.get("min") || "0", 10);
const sec = parseInt(urlParams.get("sec") || "0", 10);
const totalMs = (hr * 3600 + min * 60 + sec) * 1000;
return totalMs > 0 ? totalMs : 5 * 60 * 1000; // default to 5 min
}
// Keep screen awake
async function requestWakeLock() {
try {
if ("wakeLock" in navigator) {
wakeLock = await navigator.wakeLock.request("screen");
console.log("Wake lock acquired");
}
} catch (err) {
console.warn("Wake lock not available:", err);
}
}
document.addEventListener("visibilitychange", () => {
if (wakeLock && document.visibilityState === "visible") {
requestWakeLock();
}
});
// Start
const urlParams = new URLSearchParams(window.location.search);
const initialMs = getInitialTimeFromQuery(urlParams);
countdownEl.textContent = formatTime(initialMs);
const title = urlParams.get("title");
if (title) {
document.getElementById("title").textContent = title;
}
startCountdown(initialMs);
requestWakeLock();
</script>
</body>
</html>

BIN
uuid/favicon.ico Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

147
uuid/index.html Normal file
View file

@ -0,0 +1,147 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>UUID</title>
<meta property="og:title" content="UUID" />
<meta property="og:image" content="http://shots.wayl.one/shot/?url=https://uuid.wayl.one/&height=630&width=1200&scaled_width=1200&scaled_height=630&selectors=" />
<meta property="og:description" content="It's just a UUID, thats it, thats all it needs to do, it generagets, displays and copies the UUID" />
<meta property="og:url" content="https://uuid.wayl.one/" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="UUID" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="UUID" />
<meta name="twitter:description" content="It's just a UUID, thats it, thats all it needs to do, it generagets, displays and copies the UUID" />
<meta name="twitter:image" content="http://shots.wayl.one/shot/?url=https://uuid.wayl.one/&height=630&width=1200&scaled_width=1200&scaled_height=640&selectors=" />
<style>
body {
background: black;
color: lime;
font-family: sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.container {
text-align: center;
font-size: 4rem;
line-height: 1.2;
}
#rolls {
list-style: none;
padding: 0;
margin: 0;
font-size: 6rem;
margin-top: 1rem;
color: lime;
}
#rolls li {
border: 4px solid #005500;
background: #00ff0024;
box-shadow: 0 0 3rem 1rem #00ff0017;
aspect-ratio: 1;
border-radius: .5rem;
height: 1.5em;
width: 1.5em;
line-height: 1.5em;
text-align: center;
display: inline-block;
padding: 0.5rem;
margin: 2rem;
}
.total {
margin-top: 0.5rem;
font-weight: bold;
}
/* Modal styles */
.modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.75);
display: none;
justify-content: center;
align-items: center;
z-index: 1000;
}
.modal {
box-shadow: 0 0 3rem 1rem #00ff0017;
background: black;
border: 2px solid lime;
border-radius: 0.5rem;
padding: 2rem;
max-width: 90%;
color: lime;
text-align: left;
font-size: 1.5rem;
}
.modal h2 {
margin-top: 0;
color: #008e00;
}
.modal ul {
color: #00ae00;
}
</style>
</head>
<body>
<div class="container">
<div id="uuid"></div>
</div>
<!-- Modal -->
<div id="modal-overlay" class="modal-overlay">
<div class="modal">
<h2>Help</h2>
<p>
It's just a UUID, thats it, thats all it needs to do, it generagets, displays and copies the UUID
</p>
<p>
Copy with <kbd>Ctrl</kbd> + <kbd>c</kbd>
</p>
</div>
</div>
<script>
// Display
const uuid = crypto.randomUUID();
document.getElementById('uuid').textContent = uuid;
console.log(uuid);
// on control c put uuid on clipboard
document.addEventListener('keydown', e => {
if (e.key === 'c' && e.ctrlKey) {
navigator.clipboard.writeText(uuid);
}
})
// ---- Modal logic ----
const overlay = document.getElementById('modal-overlay');
function toggleModal() {
if (overlay.style.display === 'none') {
overlay.style.display = 'flex';
} else {
overlay.style.display = 'none';
}
}
overlay.addEventListener('click', e => {
if (e.target === overlay) hideModal();
});
document.addEventListener('keydown', e => {
if (e.key === '?') {
toggleModal();
}
});
</script>
</body>
</html>