feat: katimages - look at cat. feel good.
This commit is contained in:
parent
06d450506c
commit
a2acfbabf6
2 changed files with 9 additions and 9 deletions
14
README.md
14
README.md
|
|
@ -1,15 +1,15 @@
|
||||||
# kat-images
|
# katimages
|
||||||
|
|
||||||
a minimal, smooth random cat image viewer.
|
look at cat. feel good.
|
||||||
|
|
||||||
## features
|
## features
|
||||||
|
|
||||||
- minimal dark interface matching katdrop aesthetic
|
- minimal dark interface
|
||||||
- interactive 60fps canvas particle background
|
- interactive 60fps canvas particle background
|
||||||
- background pre-fetching for instant image transitions
|
- background pre-fetching for instant cats
|
||||||
- blob-based cross-origin download support
|
- blob-based cross-origin cat downloads
|
||||||
- full keyboard navigation (`←` / `→` / `space` / `c` / `d`)
|
- keyboard navigation (`←` / `→` / `space` / `c` / `d`)
|
||||||
- zero external dependencies (self-contained)
|
- zero dependencies, pure cats
|
||||||
|
|
||||||
## license
|
## license
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>kat-images</title>
|
<title>katimages</title>
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||||||
|
|
@ -232,7 +232,7 @@
|
||||||
|
|
||||||
<main class="container">
|
<main class="container">
|
||||||
<header class="header">
|
<header class="header">
|
||||||
<h1>kat-images</h1>
|
<h1>katimages</h1>
|
||||||
<div class="subtitle-row">
|
<div class="subtitle-row">
|
||||||
<span class="subtitle">// random cat images</span>
|
<span class="subtitle">// random cat images</span>
|
||||||
<span class="status-sep">•</span>
|
<span class="status-sep">•</span>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue