d9466683192da2301dd0ed62facbcd115454a1d4
4
Commits
| Author | SHA1 | Message | Date | |
|---|---|---|---|---|
 Jatin K MalikandGitHub
|
b501235f1e |
feat(web): redesign marketing site with workstation craft (#582)
* feat(web): deslop marketing site with workstation craft identity Replace generic AI SaaS landing patterns with a deliberate Linux desk utility look: cool paper palette, Bricolage + Source Sans, solid type, editorial feature rows, and terminal install as first-class proof. Adds PRODUCT.md, DESIGN.md, and WEB-DESLOP-NOTES.md. Drops unused geist and react-intersection-observer. No product claim changes. * chore(web): drop local deslop working notes from PR WEB-DESLOP-NOTES.md was a firstmate/session artifact, not product docs. * fix(web): stop mobile horizontal overflow and harden viewport layout Long install URLs expanded the page past the phone width. Constrain terminal pre with break-all, min-w-0 columns, and overflow-x clip. Tighten mobile hero type and full-width CTAs. Add Playwright viewport QA script and jest checks that assert no overflow at desktop/tablet/mobile. * refactor(web): drop browser speech preview from marketing home Remove the cloud SpeechRecognition demo section and nav Demo link. Keep product truth: hero install, features, screenshots, engines. Fold shortcut/engine/audio links into the features intro. Delete unused LiveDemo component and its unit test. * chore(web): remove orphaned demo overlay and double-press hook Only LiveDemo used these; gone with the browser preview section. * feat(web): borrow PR #546 craft language into deslop home Merge closed redesign language onto feat/web-deslop-craft: pure white and near-black iron surfaces, emerald-committed palette, asymmetric hero with real app screenshots, full-bleed install strip, feature bento with tray/settings shots, and install-to-dictation steps. Keep Bricolage + Source Sans (not Geist), no browser speech demo, and mobile overflow guards. Update screenshots homepage expectations. * docs(design): align DESIGN.md tokens with PR #546 iron/emerald palette * fix(web): drop settings screenshot from installer details Uninstall sat too far below the list once the general-settings shot was in that column. Keep checklist, requirements, and uninstall only. * fix(web): raise light-mode primary and footer contrast Darken light emerald so white button text hits ~5:1 (was 3.4). Brighten install-strip and footer secondary text for legibility. Verified light/dark × desktop/tablet/mobile with no overflow. * fix(web): compact feature cards to kill empty vertical space Right-column tiles were h-full + justify-between next to a tall screenshot, so short copy left large voids. Use content-height cards with denser padding and inline link rows instead. * fix(web): pair settings shot with full feature rail Replace three orphan cards beside a tall dialog with a six-row feature panel that stretches with the screenshot frame. Crop the settings image with object-cover/object-top so heights match and no void sits next to the UI shot. * feat(web): apply homepage craft language to SEO child pages Rewrite SeoSubpageShell chrome (fixed nav, install pill, iron footer) to match the deslop home. Add subpage utilities and retoken all templated child routes: borders, radii, mono kickers, single emerald accent, terminal panels, no rainbow icon tiles or gradient cards. * fix(web): avoid invalid @apply hover:border-primary/40 in subpage-card * fix(web): rewrite subpage CSS without invalid Tailwind @apply * fix(web): color comparison X icons rose-red on alternatives Use soft rose (#c45c5c / #e08b8b) for no/cons marks so they read as distinct from emerald yes/checks without looking like form errors. * docs(web): move product/design docs under web/ and drop impeccable markers Keep PRODUCT.md and DESIGN.md next to the Next app (not repo root), add web/AGENTS.md as the entry point, and point the root AGENTS website section at those files. Strip tool-specific schema comments. * fix(web): use icon-only copy control on install terminal Replace the chunky Copy/Copied chip with a quiet clipboard icon that turns into a check on success. * fix(web): restyle system requirements as a spec rail Replace the nested bullet card with mono-label / value pairs under the installer section so it matches the craft language used elsewhere. * fix(web): center engine rows and quiet the Default badge Align name/badge with multi-line engine details on sm+; replace the filled green pill with a small mono outline chip. |
||
|
Jatin K MalikandGitHub
|
071b7b5da3 |
perf: optimize PageSpeed Insights performance score (#105) (#106)
This commit implements comprehensive performance optimizations to improve the PageSpeed Insights score from 70/100 to targeting 90+. ## Images & Assets (Est. 200+ KiB savings) - Optimize vocalinux.png: 207KB → 44KB (79% reduction) - Add WebP versions for all logo sizes (32, 64, 96, 192, 512px) - Create og-image.webp: 274KB → 176KB (36% reduction) - All WebP images provide ~92% size reduction over PNG ## JavaScript Optimization (Est. 84 KiB savings) - Lazy load react-syntax-highlighter with next/dynamic - Created CodeBlock component for async code highlighting - Reduces initial bundle size by deferring heavy syntax highlighter ## Bundle Configuration - Disable production source maps (reduces bundle size) - Add .browserslistrc targeting modern browsers (est. 12 KiB savings) - Remove legacy browser polyfills (IE11, old Android, etc.) ## Critical Rendering Path (Est. 300ms LCP improvement) - Add preconnect hint for api.github.com - Defer Google Analytics to lazyOnload strategy ## Caching Strategy - Add cache headers configuration for static assets - Cache-Control: public, max-age=31536000, immutable - Applied to _next/static/* and image assets ## Accessibility Fixes - Fix footer color contrast: text-zinc-500 → text-zinc-400 - Add prefers-reduced-motion media query support - All animations respect user motion preferences ## Expected Impact - Total estimated LCP reduction: ~1.5-2 seconds - Bundle size reduction: ~100 KB - Targeting 90+ performance score (up from 70) |
||
|
Jatin K MalikandGitHub
|
99b6fb6062 |
Website Beta v2: UI Polish and Improvements (#56)
* feat(web): Complete website overhaul for beta release Major updates to make the website beta-ready: ## Content & Design - Completely rewritten homepage with modern, catchy design - Prominent one-click installation command in hero section - Clear value proposition: 'Voice Dictation for Linux, Finally Done Right' - Trust indicators (100% Offline, Privacy First, Open Source, X11/Wayland) - Interactive demo section encouraging users to try double-tap Ctrl - Feature cards highlighting key benefits - Detailed installation section with both full and quick install options - Voice commands reference section - Speech engines comparison (Whisper AI vs VOSK) - Comprehensive FAQ section - Modern CTA section and footer ## SEO Improvements - Added comprehensive meta tags with proper descriptions - Open Graph and Twitter Card meta tags with proper images - JSON-LD structured data for SoftwareApplication schema - Added robots.txt for search engine crawling - Added sitemap.xml for better indexing - Added site.webmanifest for PWA support - Proper canonical URL and meta keywords - Author attribution and GPL-3.0 license info ## Technical - Removed unused creatr-devtools dependency - Real GitHub stars fetching from API - Improved responsive design - Better accessibility with proper aria labels - Clean, maintainable component structure The website now properly reflects the v0.2.0-alpha release features and provides a clear path for users to install and use Vocalinux. * feat(web): Add live demo, improve logo and install UX Changes: - Use actual app logo SVG image for consistent branding - Added live browser-based speech recognition demo using Web Speech API - Allows users to try voice-to-text directly in their browser - Clear indication that the demo uses cloud-based Web Speech API - Prominent call-to-action to install Vocalinux for offline experience - Redesigned one-click install box with better visual hierarchy - Left-aligned layout with clear instructions - Terminal-style command display with copy button - Added compatibility info and install time estimates - Improved footer and feature section with consistent logo usage * feat(web): Add double-tap Ctrl to trigger live demo - Added keyboard detection for double-tap Ctrl (same as the real app) - Shows visual hint 'Tap Ctrl again to start!' on first Ctrl press - Instructions updated to highlight Ctrl+Ctrl as primary activation - Click still works as alternative method - Double-tap Ctrl also stops recording when active * fix(web): Remove duplicate DictationOverlay that conflicted with LiveDemo The old DictationOverlay was still responding to double-tap Ctrl alongside the new LiveDemo component, causing two overlays to appear simultaneously. Removed the page-level useDoublePress hook and DictationOverlay since the LiveDemo now handles double-tap Ctrl detection internally. * fix(web): Improve Quick Install section layout and readability - Changed to stacked vertical layout for cleaner appearance - Command now wraps with break-all instead of horizontal scroll - Simplified compatibility text to fit better - Better spacing and padding throughout - Responsive bottom info section * fix(web): Make Quick Install box wider for better text fit Changed max-w-4xl to max-w-5xl and added horizontal padding so the curl command doesn't wrap as much on medium-sized screens. * Website beta v2: UI polish and improvements - Reorder nav links to match page section order (Demo, Features, Install) - Split install commands into 3 lines for better readability - Fix button contrast in dark mode (Install Now, Install Vocalinux) - Improve live demo mic icon and Ctrl text readability - Add gradient/border styling to version tag in header - Hide scrollbars on code blocks globally - Add favicon using vocalinux.svg - Add copy button to uninstall command - Left-align Quick Install header text - Update footer author link to X/Twitter profile |
||
|
jatinkrmalik
|
ec68dd90f0 |
Add Next.js website with GitHub Pages deployment
- Added complete Next.js single-page website for Vocalinux - Configured static export with proper GitHub Pages deployment - Added GitHub Actions workflow for automated deployment to gh-pages branch - Configured custom domain (vocalinux.com) with CNAME file - Added comprehensive build script with npm support - Responsive design with dark/light theme toggle - Modern UI components with Tailwind CSS and shadcn/ui - Proper SEO metadata and accessibility features |