docs: update website with missing features, screenshots page, UI polish, and SEO - #65
Merged
Conversation
…enshots page Content fixes: - Fix license from MIT to AGPL-3.0 in JSON-LD, privacy section, and FAQ - Update 'No setup wizards' claim (app now has a guided setup wizard) - Remove outdated 'restart after granting Input Monitoring' instructions (permissions are now auto-detected via polling) - Update Apple Dictation comparison (macOS 13+ has partial offline support) Missing features added to feature cards: - Translation (speech-to-speech via Whisper) - Silence Detection (auto-stop with adjustable thresholds) - Launch at Login (SMAppService) - Clipboard Preservation (save/restore after injection) - Updated Visual Feedback card to mention cursor indicator Missing model added: - Medium model card (769M params, ~2.5 GB) New screenshots page: - Created web/screenshots.html with all 8 app screenshots - Organized into sections: Menu Bar, Popover, Settings (4 tabs), Cursor Indicator - Screenshots copied from docs/screenshots/ to web/screenshots/ - Responsive grid layout with hover effects - Linked from footer on both main page and screenshots page - Shares theme toggle and navigation with main site
UI/UX changes: - Remove dark mode toggle, force light mode only (Apple-like) - Remove ALPHA badge from navbar and CTA section - Update hero mockup to match current app UI (Model: Small, resource indicators with SVG icons, copy icon, live date, no action buttons) - Widen mockup from 340px to 380px - Redesign hero CTA: Apple-blue primary button with download icon, bordered secondary button with GitHub star icon, centered layout - Move feature pills below CTA as plain text with spacing - Center-align feature card icons and titles - Fix models grid: 5 columns for symmetrical layout, nowrap on details - Highlight VocaMac family card with blue border - Remove all em-dashes, replace with periods/commas/parentheses - Hyperlink 'code signing' to GitHub issue #27 - Update transcription speed in mockup to 0.2s SEO improvements: - Add full Twitter Card tags to screenshots page - Expand screenshots page title and description - Add JSON-LD WebPage schema to screenshots page - Add keywords and robots meta to screenshots page - Add semantic <main> wrapper to both pages - Fix theme-color meta from dark to light (#FFFFFF) - Create robots.txt with sitemap reference - Create sitemap.xml with both pages Other: - Add Google Analytics (GA4 G-8W6EJV2KP0) to both pages - Direct DMG download from GitHub releases API
jatinkrmalik
changed the title
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Brings the marketing website (vocamac.com) up to date with the current app feature set and fixes several inaccuracies.
Content Fixes
License corrections (4 places)
Outdated claims updated
Missing Features Added
5 new feature cards in the Features section:
Also updated JSON-LD
featureListwith all new features.Missing Model Added
New Screenshots Page
web/screenshots.html— a dedicated page showcasing the appdocs/screenshots/:Files Changed
web/index.html— All content fixes and footer linkweb/screenshots.html— New screenshots pageweb/screenshots/*.png— 8 screenshot images (copied fromdocs/screenshots/)Testing
python3 -m http.server 8080