Skip to content

Commit 07d85cd

Browse files
author
Rajul
committed
Add GitHub Pages site for Kutuk
1 parent 8106b11 commit 07d85cd

File tree

8 files changed

+1252
-1
lines changed

8 files changed

+1252
-1
lines changed

‎.github/workflows/pages.yml‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
name: Pages
2+
3+
on:
4+
push:
5+
branches: [main]
6+
paths:
7+
- "docs/**"
8+
- ".github/workflows/pages.yml"
9+
workflow_dispatch:
10+
11+
permissions:
12+
contents: read
13+
pages: write
14+
id-token: write
15+
16+
concurrency:
17+
group: pages
18+
cancel-in-progress: true
19+
20+
jobs:
21+
build:
22+
runs-on: ubuntu-latest
23+
steps:
24+
- name: Checkout
25+
uses: actions/checkout@v6
26+
27+
- name: Configure Pages
28+
uses: actions/configure-pages@v5
29+
30+
- name: Upload site artifact
31+
uses: actions/upload-pages-artifact@v4
32+
with:
33+
path: docs
34+
35+
deploy:
36+
environment:
37+
name: github-pages
38+
url: ${{ steps.deployment.outputs.page_url }}
39+
needs: build
40+
runs-on: ubuntu-latest
41+
steps:
42+
- name: Deploy to GitHub Pages
43+
id: deployment
44+
uses: actions/deploy-pages@v4

‎Makefile‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,14 +13,15 @@ DMG_VOLUME_NAME ?= Kutuk
1313
DMG_NAME ?= Kutuk-$(CONFIGURATION).dmg
1414
DMG_PATH := $(DIST_DIR)/$(DMG_NAME)
1515
BUNDLE_IDENTIFIER ?= io.github.irajul.kutuk
16+
PREVIEW_PORT ?= 8000
1617

1718
# Build flags: Universal Binary (Intel + Apple Silicon), no code signing for CI
1819
XCODEBUILD_FLAGS ?= \
1920
CODE_SIGNING_ALLOWED=NO \
2021
ONLY_ACTIVE_ARCH=NO \
2122
ARCHS="arm64 x86_64"
2223

23-
.PHONY: build dist-app dmg clean verify-app verify-universal bump-version bump-build
24+
.PHONY: build dist-app dmg clean verify-app verify-universal bump-version bump-build preview-site
2425

2526
build:
2627
xcodebuild \
@@ -74,3 +75,7 @@ bump-version:
7475

7576
bump-build:
7677
./scripts/bump_build.sh
78+
79+
preview-site:
80+
@test -d "$(CURDIR)/docs" || (echo "docs/ not found" && exit 1)
81+
python3 -m http.server "$(PREVIEW_PORT)" --directory "$(CURDIR)/docs"

‎docs/assets/cherry-mx-blue_regular_press_1.wav‎

26.5 KB
Binary file not shown.

‎docs/assets/favicon.png‎

35.4 KB
Loading

‎docs/assets/kutuk-hero-image.jpg‎

160 KB
Loading

‎docs/index.html‎

Lines changed: 137 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,137 @@
1+
<!DOCTYPE html>
2+
<html lang="en" class="no-js">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Kutuk | Mechanical Keyboard Sounds for Mac</title>
7+
<meta
8+
name="description"
9+
content="Kutuk brings Cherry MX Blue keyboard sounds to macOS with a menu bar footprint, listen-only input monitoring, and local audio playback."
10+
>
11+
<link rel="icon" href="assets/favicon.png" type="image/png" sizes="512x512">
12+
<link rel="preconnect" href="https://fonts.googleapis.com">
13+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
14+
<link
15+
href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&display=swap"
16+
rel="stylesheet"
17+
>
18+
<link rel="stylesheet" href="site.css">
19+
</head>
20+
<body>
21+
<div class="bg-grid"></div>
22+
<div class="ambient-aura"></div>
23+
24+
<header class="hero">
25+
<div class="hero-media" role="presentation"></div>
26+
<div class="hero-scrim" role="presentation"></div>
27+
<div class="container hero-inner reveal">
28+
<div class="hero-copy">
29+
<div class="hero-mark" aria-hidden="true">⌘</div>
30+
<a href="https://github.com/irajul/kutuk" target="_blank" rel="noreferrer" class="hero-repo">
31+
<svg width="14" height="14" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true">
32+
<path
33+
fill-rule="evenodd"
34+
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8Z"
35+
></path>
36+
</svg>
37+
irajul / kutuk
38+
</a>
39+
<p class="hero-kicker">kutuk for macos</p>
40+
<h1 class="hero-title" data-text="the missing click." aria-label="the missing click.">
41+
<span class="type-ghost" aria-hidden="true">the missing click.</span>
42+
<span class="type-live" aria-hidden="true">
43+
<span id="typeTarget" class="type-target">the missing click.</span><span class="type-cursor" id="typeCursor">_</span>
44+
</span>
45+
</h1>
46+
<p class="hero-subtitle">
47+
mechanical keyboard sounds for your Mac. Kutuk lives in the menu bar, plays Cherry MX Blue clicks
48+
as you type, and keeps every key event on-device.
49+
</p>
50+
51+
<div class="hero-actions">
52+
<div class="cli-install">
53+
<span class="cli-prefix">></span>
54+
<span class="cli-code" id="installCommand">open https://github.com/irajul/kutuk/releases/latest</span>
55+
<button class="cli-btn" id="copyCommandButton" type="button">Open</button>
56+
</div>
57+
<a href="https://github.com/irajul/kutuk/releases/latest" target="_blank" rel="noreferrer" class="hero-link">
58+
Latest release
59+
</a>
60+
</div>
61+
</div>
62+
</div>
63+
</header>
64+
65+
<main>
66+
<section class="section container reveal">
67+
<span class="section-badge">$ man kutuk</span>
68+
<h2 class="section-title">Specs for developers with loud taste.</h2>
69+
<p class="section-desc">
70+
Kutuk is for developers who think the stock Mac keyboard sounds like a bug report. It stays tiny,
71+
local, and menu-bar quiet while giving every keypress a little mechanical personality.
72+
</p>
73+
74+
<div class="facts-grid">
75+
<article class="fact-card">
76+
<div class="fact-kicker">Price</div>
77+
<div class="fact-value">$0.00</div>
78+
<p class="fact-copy">Open source. Your wallet stays silent. Your keys absolutely do not.</p>
79+
</article>
80+
<article class="fact-card">
81+
<div class="fact-kicker">Size</div>
82+
<div class="fact-value">2.5 MB</div>
83+
<p class="fact-copy">Smaller than most npm installs. More fun than almost all of them.</p>
84+
</article>
85+
<article class="fact-card">
86+
<div class="fact-kicker">Sound</div>
87+
<div class="fact-value">MX Blue</div>
88+
<p class="fact-copy">Your MacBook gets the vibe of a clicky keyboard with confidence issues resolved.</p>
89+
</article>
90+
<article class="fact-card">
91+
<div class="fact-kicker">Privacy</div>
92+
<div class="fact-value">Listen-only</div>
93+
<p class="fact-copy">It catches the rhythm, not your secrets, commits, or questionable shell history.</p>
94+
</article>
95+
<article class="fact-card">
96+
<div class="fact-kicker">Surface</div>
97+
<div class="fact-value">Menu bar</div>
98+
<p class="fact-copy">No dock icon. No drama. Just one tiny control room above your tabs.</p>
99+
</article>
100+
<article class="fact-card">
101+
<div class="fact-kicker">Hotkey</div>
102+
<div class="fact-value">Option+Command+K</div>
103+
<p class="fact-copy">Instant mute for demos, standups, and meetings that should have been markdown.</p>
104+
</article>
105+
<article class="fact-card">
106+
<div class="fact-kicker">CPU</div>
107+
<div class="fact-value">Universal</div>
108+
<p class="fact-copy">Apple Silicon and Intel. Even your older machine can sound smug.</p>
109+
</article>
110+
<article class="fact-card">
111+
<div class="fact-kicker">Startup</div>
112+
<div class="fact-value">Login ready</div>
113+
<p class="fact-copy">Boot the Mac and the keyboard already thinks it works at a startup.</p>
114+
</article>
115+
</div>
116+
</section>
117+
118+
</main>
119+
120+
<footer class="footer">
121+
<div>
122+
Built for <a href="https://github.com/irajul/kutuk" target="_blank" rel="noreferrer">Kutuk</a>.
123+
Mechanical keyboard sounds for Mac.
124+
</div>
125+
<div>
126+
<a href="https://github.com/irajul/kutuk/releases/latest" target="_blank" rel="noreferrer">Releases</a>
127+
<span class="footer-separator">|</span>
128+
<a href="https://github.com/irajul/kutuk/blob/main/README.md" target="_blank" rel="noreferrer">README</a>
129+
<span class="footer-separator">|</span>
130+
MIT License
131+
</div>
132+
</footer>
133+
134+
<audio id="typeSound" preload="auto" src="assets/cherry-mx-blue_regular_press_1.wav"></audio>
135+
<script src="site.js"></script>
136+
</body>
137+
</html>

0 commit comments

Comments
 (0)
⚡