Switch to awesome Cayman theme with custom styling

- Replace minima with modern Cayman theme
- Add custom gradient header with purple/blue colors
- Enhanced code blocks with better styling
- Beautiful tables with hover effects
- Improved typography and spacing
- Responsive design for mobile
- Custom CSS with visual flair and animations
- Clean navigation without duplicate menus
- Professional developer tool appearance

The site now has a modern, gradient hero section and enhanced
visual elements that make it stand out.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

docs/_config.yml

@@ -2,11 +2,12 @@ title: Video Toolkit
 description: A fast and efficient command-line tool for trimming MP4 videos with minimal processing and automatic audio extraction
 url: https://nipunbatra.github.io/video-toolkit
 baseurl: /video-toolkit
+show_excerpts: false
 
 # Jekyll configuration
-theme: minima
+remote_theme: pages-themes/cayman@v0.2.0
 plugins:
-  - jekyll-feed
+  - jekyll-remote-theme
   - jekyll-sitemap
   - jekyll-seo-tag
 
@@ -26,9 +27,10 @@ twitter:
   username: nipunbatra
   card: summary
 
-# Navigation
-header_pages:
-  - index.md
+# Cayman theme configuration
+cayman:
+  github_ribbon: true
+  google_analytics: false
 
 # Markdown settings
 markdown: kramdown

docs/assets/css/style.scss

@@ -0,0 +1,178 @@
+---
+---
+
+@import "{{ site.theme }}";
+
+// Custom awesome styling for Video Toolkit
+.page-header {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  padding: 3rem 0;
+}
+
+.project-name {
+  font-size: 3.5rem;
+  font-weight: 700;
+  color: #fff;
+  text-shadow: 0 2px 4px rgba(0,0,0,0.3);
+  margin-bottom: 0.5rem;
+}
+
+.project-tagline {
+  font-size: 1.25rem;
+  color: rgba(255,255,255,0.9);
+  margin-bottom: 2rem;
+}
+
+.btn {
+  background: rgba(255,255,255,0.2);
+  border: 2px solid rgba(255,255,255,0.3);
+  color: #fff;
+  padding: 0.75rem 1.5rem;
+  border-radius: 0.5rem;
+  font-weight: 600;
+  text-decoration: none;
+  transition: all 0.3s ease;
+  display: inline-block;
+  margin: 0.5rem;
+  backdrop-filter: blur(10px);
+}
+
+.btn:hover {
+  background: rgba(255,255,255,0.3);
+  border-color: rgba(255,255,255,0.5);
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
+}
+
+.main-content {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 2rem;
+}
+
+// Enhanced code blocks
+.highlight {
+  background: #f8f9fa;
+  border-radius: 8px;
+  padding: 1rem;
+  margin: 1rem 0;
+  border: 1px solid #e9ecef;
+}
+
+.highlighter-rouge .highlight {
+  background: #f8f9fa;
+  border-radius: 6px;
+  padding: 0.5rem;
+  border: 1px solid #e9ecef;
+}
+
+// Enhanced tables
+table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 1.5rem 0;
+  background: #fff;
+  border-radius: 8px;
+  overflow: hidden;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+}
+
+th {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  color: white;
+  font-weight: 600;
+  padding: 1rem;
+  text-align: left;
+}
+
+td {
+  padding: 1rem;
+  border-bottom: 1px solid #e9ecef;
+}
+
+tr:hover {
+  background: #f8f9fa;
+}
+
+// Enhanced headings
+h1, h2, h3, h4, h5, h6 {
+  color: #333;
+  font-weight: 600;
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+}
+
+h2 {
+  border-bottom: 2px solid #667eea;
+  padding-bottom: 0.5rem;
+}
+
+// Enhanced links
+a {
+  color: #667eea;
+  text-decoration: none;
+  transition: all 0.3s ease;
+}
+
+a:hover {
+  color: #764ba2;
+  text-decoration: underline;
+}
+
+// Badge-like styling for inline code
+code {
+  background: #f8f9fa;
+  padding: 0.2rem 0.4rem;
+  border-radius: 4px;
+  font-size: 0.9em;
+  color: #e83e8c;
+  border: 1px solid #e9ecef;
+}
+
+// Enhanced blockquotes
+blockquote {
+  border-left: 4px solid #667eea;
+  padding: 1rem;
+  background: #f8f9fa;
+  border-radius: 0 8px 8px 0;
+  margin: 1.5rem 0;
+}
+
+// Responsive design
+@media (max-width: 768px) {
+  .project-name {
+    font-size: 2.5rem;
+  }
+  
+  .project-tagline {
+    font-size: 1.1rem;
+  }
+  
+  .main-content {
+    padding: 1rem;
+  }
+}
+
+// Feature list styling
+ul li {
+  margin-bottom: 0.5rem;
+}
+
+ul li strong {
+  color: #667eea;
+}
+
+// Add some visual flair
+.main-content::before {
+  content: '';
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: 
+    radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.1) 0%, transparent 50%),
+    radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.1) 0%, transparent 50%);
+  pointer-events: none;
+  z-index: -1;
+}

docs/index.md

@@ -1,7 +1,7 @@
 ---
-title: Video Toolkit
-description: A fast and efficient command-line tool for trimming MP4 videos with minimal processing and automatic audio extraction
 layout: default
+title: Video Toolkit
+description: Fast and efficient command-line tool for trimming MP4 videos with minimal processing and automatic audio extraction
 ---
 
 <!-- This file is automatically built from the main README.md -->