MythEclipse/GMW
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: rebrand to GMW — Discord Moderation Watcher

Browse Source 
- New custom SVG logo: shield with eye + GMW text
- Page title: 'GMW — Discord Moderation Watcher'
- Header: shows logo + 'GMW · {tab title}'
- Sidebar: shows logo + 'GMW v1.0' + 'Discord Moderation Watcher'
- Favicon set to logo.svg
- Removed old 'Bete Watcher' branding

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
MythEclipse
2026-05-30 16:34:18 +07:00
co-authored by Claude Opus 4.8
parent c7abe39728
commit fed9f39bd9
4 changed files with 60 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/index.html
+2 -1
View File
@@ -3,7 +3,8 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Discord Moderation Dashboard</title>
<title>GMW — Discord Moderation Watcher</title>
<link rel="icon" type="image/svg+xml" href="/logo.svg" />
</head>
<body>
<div id="root"></div>
frontend/public/logo.svg
+44
View File
@@ -0,0 +1,44 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<defs>
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#1a1a2e"/>
<stop offset="100%" stop-color="#16213e"/>
</linearGradient>
<linearGradient id="shield" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#0ea5e9"/>
<stop offset="100%" stop-color="#06b6d4"/>
</linearGradient>
<linearGradient id="eye" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#22d3ee"/>
<stop offset="100%" stop-color="#67e8f9"/>
</linearGradient>
<filter id="glow">
<feGaussianBlur stdDeviation="2" result="blur"/>
<feMerge>
<feMergeNode in="blur"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<!-- Background -->
<rect width="128" height="128" rx="24" fill="url(#bg)"/>
<!-- Shield shape -->
<path d="M64 18 L102 32 L102 64 C102 88 84 106 64 114 C44 106 26 88 26 64 L26 32 Z"
fill="url(#shield)" opacity="0.9"/>
<!-- Shield inner border -->
<path d="M64 24 L96 36 L96 63 C96 84 80 100 64 108 C48 100 32 84 32 63 L32 36 Z"
fill="none" stroke="#38bdf8" stroke-width="1.5" opacity="0.6"/>
<!-- Eye outer -->
<ellipse cx="64" cy="60" rx="22" ry="14" fill="none" stroke="#0f172a" stroke-width="2.5" opacity="0.8"/>
<!-- Eye inner -->
<ellipse cx="64" cy="60" rx="20" ry="12" fill="#0f172a" opacity="0.7"/>
<!-- Pupil -->
<circle cx="64" cy="60" r="7" fill="url(#eye)" filter="url(#glow)"/>
<!-- Pupil inner dot -->
<circle cx="64" cy="60" r="3" fill="#ffffff" opacity="0.9"/>
<!-- Eyebrow / scan line -->
<line x1="42" y1="60" x2="86" y2="60" stroke="#0ea5e9" stroke-width="0.5" opacity="0.4"/>
<!-- GMW text -->
<text x="64" y="92" text-anchor="middle" font-family="system-ui, -apple-system, sans-serif"
font-weight="900" font-size="16" fill="#ffffff" letter-spacing="3" opacity="0.95">GMW</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

frontend/src/components/layout/Header.tsx
+7 -5
View File
@@ -1,4 +1,4 @@
import { Wifi, WifiOff, Shield } from "lucide-react";
import { Wifi, WifiOff } from "lucide-react";
import type { WebSocketStatus } from "../../hooks/useDashboardSocket";
import type { DashboardTab } from "../../types/ui";
import type { VoiceStatus } from "../../types/voice";
@@ -27,11 +27,13 @@ export function Header({ activeTab, wsStatus, voiceStatus }: HeaderProps) {
<header className="sticky top-0 z-10 border-b border-border bg-background/80 px-4 py-4 backdrop-blur md:px-8">
<div className="flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
<div className="flex items-center gap-3">
<div className="flex h-9 w-9 items-center justify-center rounded-xl bg-primary/15 text-primary">
<Shield className="h-5 w-5" />
</div>
<img src="/logo.svg" alt="GMW" className="h-9 w-9 rounded-xl" />
<div>
<h1 className="text-xl font-bold tracking-tight">{titles[activeTab]}</h1>
<h1 className="text-xl font-bold tracking-tight">
<span className="text-primary">GMW</span>
<span className="mx-2 text-muted-foreground">·</span>
{titles[activeTab]}
</h1>
<p className="text-sm text-muted-foreground">{subtitles[activeTab]}</p>
</div>
</div>
frontend/src/components/layout/Sidebar.tsx
+7 -6
View File
@@ -1,4 +1,4 @@
import { Bot, BarChart3, MessageSquare, Radio } from "lucide-react";
import { BarChart3, MessageSquare, Radio } from "lucide-react";
import type { DashboardTab } from "../../types/ui";
import { cn } from "../../lib/utils";
import { Button } from "../ui/button";
@@ -18,12 +18,13 @@ export function Sidebar({ activeTab, onTabChange }: SidebarProps) {
return (
<aside className="hidden w-72 shrink-0 border-r border-border bg-card/60 p-5 backdrop-blur md:block">
<div className="mb-8 flex items-center gap-3">
<div className="flex h-11 w-11 items-center justify-center rounded-2xl bg-primary/15 text-primary">
<Bot className="h-6 w-6" />
</div>
<img src="/logo.svg" alt="GMW" className="h-11 w-11 rounded-2xl" />
<div>
<div className="font-semibold tracking-tight">Bete Watcher</div>
<div className="text-xs text-muted-foreground">Discord control center</div>
<div className="flex items-baseline gap-2">
<span className="font-bold tracking-tight text-primary text-lg">GMW</span>
<span className="text-[10px] text-muted-foreground font-medium uppercase tracking-wider">v1.0</span>
</div>
<div className="text-xs text-muted-foreground">Discord Moderation Watcher</div>
</div>
</div>
<nav className="space-y-2">