Skip to content

Commit a25c45a

Browse files
HOYALIMHOYALIM
committed
feat: optimize tab grouping and revamp TapOG interactive site
1 parent b9c3a8a commit a25c45a

15 files changed

Lines changed: 751 additions & 108 deletions

‎README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616

1717
- Extension source: `src/`
1818
- Landing page: `site/`
19-
- Branding source: `branding/source/`
19+
- Logo source images: `img/`
2020
- Web Store docs: `docs/`
2121

2222
## Load Locally (Chrome)

‎branding/exports/logo-128.png‎

-15 KB
Binary file not shown.

‎branding/exports/logo-16.png‎

-588 Bytes
Binary file not shown.

‎branding/exports/logo-32.png‎

-1.35 KB
Binary file not shown.

‎branding/exports/logo-48.png‎

-2.54 KB
Binary file not shown.

‎branding/source/logo-alt.png‎

-1.26 MB
Binary file not shown.

‎branding/source/logo-primary.png‎

-983 KB
Binary file not shown.

‎docs/BRANDING_ASSETS.md‎

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -3,23 +3,25 @@
33
Updated: February 25, 2026
44

55
## Source logos (user provided)
6-
- Primary: `branding/source/logo-primary.png` (from `img/tapog2.png`)
7-
- Alternate: `branding/source/logo-alt.png` (from `img/tapog.png`)
6+
- Primary: `img/tapog2.png`
7+
- Alternate: `img/tapog.png`
88

99
## Current extension icons
1010
- `assets/icons/icon16.png`
1111
- `assets/icons/icon32.png`
1212
- `assets/icons/icon48.png`
1313
- `assets/icons/icon128.png`
1414

15-
## Saved exports for reuse
16-
- `branding/exports/logo-16.png`
17-
- `branding/exports/logo-32.png`
18-
- `branding/exports/logo-48.png`
19-
- `branding/exports/logo-128.png`
15+
## Reusable web/site assets
16+
- `assets/icons/icon16.png`
17+
- `assets/icons/icon32.png`
18+
- `assets/icons/icon48.png`
19+
- `assets/icons/icon128.png`
20+
- `site/assets/logo-primary.png`
21+
- `site/assets/logo-alt.png`
2022

2123
## Future macOS app icon note
22-
When you move to a macOS app build, reuse `branding/source/logo-primary.png` as the source image.
24+
When you move to a macOS app build, reuse `img/tapog2.png` as the source image.
2325
Recommended pipeline:
2426
1) Generate iconset sizes (`16,32,64,128,256,512,1024`)
2527
2) Build `.icns` with `iconutil`

‎scripts/generate-macos-iconset.sh‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
set -euo pipefail
33

44
ROOT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")/.." && pwd)"
5-
SRC="${1:-$ROOT_DIR/branding/source/logo-primary.png}"
5+
SRC="${1:-$ROOT_DIR/img/tapog2.png}"
66
OUT_DIR="$ROOT_DIR/assets/macos/tapog.iconset"
77

88
if [[ ! -f "$SRC" ]]; then

‎site/index.html‎

Lines changed: 38 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -15,26 +15,50 @@
1515
</head>
1616
<body>
1717
<div class="noise"></div>
18+
<div class="world-logo" id="worldLogo" aria-hidden="true">
19+
<img src="assets/logo-primary.png" alt="" />
20+
</div>
21+
<div class="glow glow-a"></div>
22+
<div class="glow glow-b"></div>
1823
<header class="topbar">
1924
<a class="brand" href="#">
2025
<img src="assets/logo-primary.png" alt="tapog.ai logo" />
21-
<span>tapog.ai</span>
26+
<span>TapOG</span>
2227
</a>
2328
<a class="ghost-btn" href="https://github.com/HOYALIM/tapog.ai" target="_blank" rel="noreferrer">GitHub</a>
2429
</header>
2530

2631
<main>
27-
<section class="hero">
28-
<p class="kicker">Chrome Extension</p>
29-
<h1>From tab chaos<br />to clean groups<br />in one action.</h1>
30-
<p class="lead">
31-
tapog.ai lets you group tabs by AI or by domain instantly. Keep momentum, not tab clutter.
32-
</p>
33-
<div class="cta-row">
34-
<a class="primary-btn" href="https://chrome.google.com/webstore/devconsole" target="_blank" rel="noreferrer"
35-
>Publish Console</a
36-
>
37-
<a class="ghost-btn" href="https://raw.githubusercontent.com/HOYALIM/tapog.ai/main/PRIVACY_POLICY.md" target="_blank" rel="noreferrer">Privacy Policy</a>
32+
<section class="hero hero-grid">
33+
<div class="hero-copy">
34+
<p class="kicker">Chrome Extension</p>
35+
<h1>Tap once.<br />Group smart.<br />Move fast.</h1>
36+
<p class="lead">
37+
TapOG groups tabs by AI or domain in one flow. Built for speed, local-first, and clean context switching.
38+
</p>
39+
<div class="cta-row">
40+
<a class="primary-btn" href="https://chromewebstore.google.com/" target="_blank" rel="noreferrer"
41+
>Chrome Web Store</a
42+
>
43+
<a
44+
class="ghost-btn"
45+
href="https://raw.githubusercontent.com/HOYALIM/tapog.ai/main/PRIVACY_POLICY.md"
46+
target="_blank"
47+
rel="noreferrer"
48+
>Privacy Policy</a
49+
>
50+
</div>
51+
</div>
52+
53+
<div class="hero-visual">
54+
<div class="logo-stage" id="logoStage" aria-hidden="true">
55+
<div class="halo"></div>
56+
<div class="logo-orb">
57+
<img src="assets/logo-primary.png" alt="" />
58+
</div>
59+
<div class="scanline"></div>
60+
<div class="logo-label">TapOG.ai</div>
61+
</div>
3862
</div>
3963
</section>
4064

@@ -60,8 +84,9 @@ <h2>Group Guard</h2>
6084
</main>
6185

6286
<footer>
63-
<span>© tapog.ai</span>
87+
<span>© TapOG</span>
6488
<a href="mailto:subhoya@gmail.com">subhoya@gmail.com</a>
6589
</footer>
90+
<script src="main.js"></script>
6691
</body>
6792
</html>

0 commit comments

Comments
 (0)