diff --git a/Education/corporate-trainings.html b/Education/corporate-trainings.html index d7228be..5250dfe 100644 --- a/Education/corporate-trainings.html +++ b/Education/corporate-trainings.html @@ -4,171 +4,10 @@ Corporate Trainings - Gyannetra - - + + - - -
diff --git a/Education/individual-trainings.html b/Education/individual-trainings.html index b2bc6d5..91e3e57 100644 --- a/Education/individual-trainings.html +++ b/Education/individual-trainings.html @@ -4,124 +4,9 @@ Individual Training - Gyannetra - - + - - -
diff --git a/Education/workshops.html b/Education/workshops.html index c6517fe..a705c5c 100644 --- a/Education/workshops.html +++ b/Education/workshops.html @@ -4,109 +4,10 @@ Workshops - Gyannetra - - + + - - -
diff --git a/GITHUB-MANUAL-INSTRUCTIONS.md b/GITHUB-MANUAL-INSTRUCTIONS.md deleted file mode 100644 index 75d7790..0000000 --- a/GITHUB-MANUAL-INSTRUCTIONS.md +++ /dev/null @@ -1,57 +0,0 @@ -# Manual GitHub Upload Instructions - -## Prerequisites -1. Make sure Git is installed on your computer -2. Have a GitHub account (username: shaurya05745) -3. Create a personal access token on GitHub: - - Go to https://github.com/settings/tokens - - Click "Generate new token (classic)" - - Give it a name like "Website Upload" - - Check the "repo" scope box - - Click "Generate token" - - Copy the token immediately (you won't be able to see it again) - -## Option 1: Run the batch file -1. Open the file explorer and navigate to C:\Users\Lenovo\sample-website -2. Double-click on "upload-website-to-github.bat" -3. Follow the prompts in the terminal -4. When asked for your password, enter the personal access token you created - -## Option 2: Manual Git commands -If the batch file doesn't work, open a new PowerShell window and run these commands: - -```powershell -# Navigate to your website folder -cd C:\Users\Lenovo\sample-website - -# Initialize Git if not already initialized -git init - -# Add all files -git add . - -# Commit the files -git commit -m "Upload entire website" - -# Set the remote repository URL -git remote set-url origin https://github.com/shaurya05745/website.git -# If you get "remote origin not found" error, use this command instead: -# git remote add origin https://github.com/shaurya05745/website.git - -# Push to GitHub (you'll be prompted for credentials) -git push -u origin master -# When prompted for password, use your personal access token, not your GitHub password -``` - -## Option 3: GitHub Desktop (Easiest) -1. Download and install GitHub Desktop from https://desktop.github.com/ -2. Sign in to your GitHub account -3. Add your local repository (File > Add Local Repository...) -4. Navigate to C:\Users\Lenovo\sample-website -5. Click "Publish repository" -6. Enter "website" as the name -7. Click "Publish Repository" - -## After uploading -1. Visit https://github.com/shaurya05745/website to confirm your files were uploaded -2. You can enable GitHub Pages in the repository settings to publish your website diff --git a/HAMBURGER_MENU_COMPLETE.md b/HAMBURGER_MENU_COMPLETE.md deleted file mode 100644 index 973b29f..0000000 --- a/HAMBURGER_MENU_COMPLETE.md +++ /dev/null @@ -1,262 +0,0 @@ -# 🍔 HAMBURGER MENU IMPLEMENTATION - COMPLETE - -## Project Overview - -Successfully implemented a responsive hamburger menu for mobile navigation across the entire Gyannetra website, providing an enhanced mobile user experience with modern UI interactions. - -## ✅ Implementation Status: COMPLETE - -### Files Updated: 19 Total - -- **Main Pages**: index.html, about.html, contact.html -- **Services**: 5 pages (machine-learning, data-analysis, generative-ai, agentic-ai, automation-flows) -- **Industries**: 8 pages (finance, healthcare, manufacturing, marketing, media-entertainment, travel, retail, case-studies) -- **Education**: 3 pages (workshops, individual-trainings, corporate-trainings) - -### 🎯 Core Features Implemented - -#### 1. Hamburger Button HTML Structure - -```html - -``` - -#### 2. Responsive CSS Styling - -- **Breakpoint**: @media (max-width: 768px) -- **Mobile Menu**: Full-screen overlay with backdrop blur -- **Animation**: Hamburger lines transform to X when active -- **Touch-Friendly**: Large tap targets and proper spacing - -#### 3. JavaScript Functionality - -- **File**: menu-dropdown.js -- **Toggle**: Click hamburger to open/close menu -- **Auto-close**: Menu closes when navigation links are clicked -- **Dropdown Support**: Mobile-optimized dropdown menus -- **Scroll Lock**: Prevents body scrolling when menu is open - -## 🎨 Design Features - -### Desktop View (>768px) - -- Traditional horizontal navigation bar -- Hover effects on navigation links -- Standard dropdown menus - -### Mobile View (≤768px) - -- Hamburger icon replaces navigation links -- Full-screen mobile menu overlay -- Animated hamburger-to-X icon transformation -- Vertical dropdown menus with touch-friendly spacing - -## 🛠️ Technical Implementation - -### CSS Architecture - -```css -.hamburger-menu { - display: none; /* Hidden on desktop */ - flex-direction: column; - justify-content: space-around; - /* Hamburger styling */ -} - -@media (max-width: 768px) { - .hamburger-menu { - display: flex; /* Show on mobile */ - } - - .nav-links { - position: fixed; - left: -100%; /* Hidden by default */ - /* Full-screen overlay styling */ - } - - .nav-links.active { - left: 0; /* Slide in when active */ - } -} -``` - -### JavaScript Events - -```javascript -// Toggle hamburger menu -hamburgerMenu.addEventListener("click", function () { - hamburgerMenu.classList.toggle("active"); - navLinks.classList.toggle("active"); - - // Prevent body scrolling - document.body.style.overflow = navLinks.classList.contains("active") - ? "hidden" - : ""; -}); -``` - -## 📱 Mobile UX Enhancements - -### Visual Effects - -- **Slide Animation**: Menu slides in from left with smooth 0.3s transition -- **Backdrop Blur**: Background content blurred for focus -- **Icon Animation**: Hamburger lines morph into X with CSS transforms -- **Overlay Gradient**: Beautiful gradient background with transparency - -### Interaction Design - -- **Touch Optimization**: 44px minimum touch targets -- **Auto-Close**: Tapping navigation links closes the menu -- **Dropdown Integration**: Mobile dropdowns expand vertically -- **Scroll Prevention**: Body scroll locked when menu is open - -## 🧪 Testing & Validation - -### Automated Validation - -- **Script**: validate-hamburger-menu.ps1 -- **Coverage**: 19/19 files pass validation -- **Checks**: HTML structure, CSS implementation, JavaScript integration - -### Manual Testing Points - -1. **Responsive Breakpoint**: Verify hamburger appears at ≤768px width -2. **Animation**: Confirm smooth hamburger-to-X transformation -3. **Menu Overlay**: Test full-screen menu with backdrop blur -4. **Touch Interaction**: Verify large tap targets work on mobile -5. **Dropdown Functionality**: Test dropdown menus in mobile view -6. **Auto-Close**: Confirm menu closes when links are clicked -7. **Cross-Page Consistency**: Test across all 19 pages - -### Browser Compatibility - -- ✅ Modern browsers (Chrome, Firefox, Safari, Edge) -- ✅ Mobile browsers (iOS Safari, Chrome Mobile) -- ✅ CSS3 and ES6+ features utilized - -## 🚀 Performance Impact - -### Minimal Overhead - -- **CSS**: ~50 lines of additional mobile styles -- **JavaScript**: ~50 lines of event handling code -- **HTML**: 4 additional elements per page (button + 3 spans) - -### Optimization Features - -- **CSS Transitions**: Hardware-accelerated animations -- **Event Delegation**: Efficient click handling -- **Conditional Loading**: Mobile styles only apply below 768px - -## 📊 Accessibility Features - -### ARIA Support - -- `aria-label="Toggle menu"` on hamburger button -- Semantic HTML structure maintained -- Keyboard navigation preserved - -### Screen Reader Friendly - -- Descriptive button labels -- Proper heading hierarchy maintained -- Focus management for menu interactions - -## 🎯 Key Benefits Delivered - -### User Experience - -- **Mobile-First**: Modern responsive navigation pattern -- **Touch-Friendly**: Optimized for finger navigation -- **Fast Access**: Single-tap menu access on mobile -- **Consistent**: Uniform experience across all pages - -### Technical Benefits - -- **Maintainable**: Clean separation of HTML, CSS, and JavaScript -- **Scalable**: Easy to add new navigation items -- **Performance**: Lightweight implementation -- **Standards**: Follows modern web development best practices - -## 📝 Implementation Timeline - -1. **HTML Structure**: Added hamburger button to all 19 pages -2. **CSS Styling**: Implemented responsive mobile menu styles -3. **JavaScript**: Developed menu toggle and dropdown functionality -4. **PowerShell Automation**: Created script to update multiple files -5. **Manual Fixes**: Updated 3 service pages with missing elements -6. **Testing**: Comprehensive validation across all pages -7. **Documentation**: Created test page and validation scripts - -## 🔧 Files Created/Modified - -### New Files - -- `hamburger-test.html` - Comprehensive test page -- `validate-hamburger-menu.ps1` - Validation script -- `add-hamburger-menu.ps1` - Initial automation script - -### Modified Files - -- `css/style.css` - Added mobile responsive styles -- `js/menu-dropdown.js` - Enhanced with hamburger functionality -- All 19 HTML pages - Added hamburger button structure - -## 🎉 Project Completion Status - -### ✅ All Requirements Met - -- [x] Hamburger menu appears on mobile devices (≤768px) -- [x] Navigation links hidden behind hamburger icon -- [x] Smooth animations and transitions -- [x] Touch-friendly mobile interface -- [x] Full-screen overlay menu -- [x] Dropdown menu integration -- [x] Auto-close functionality -- [x] Cross-page consistency -- [x] Accessibility compliance -- [x] Performance optimization - -### 🎯 Success Metrics - -- **Coverage**: 100% of pages updated (19/19) -- **Validation**: 100% pass rate on automated checks -- **Responsiveness**: Works perfectly at mobile breakpoint -- **Functionality**: All features working as designed -- **UX**: Smooth, modern mobile navigation experience - -## 🚀 Optional Future Enhancements - -### Potential Improvements - -1. **Swipe Gestures**: Add touch swipe to close menu -2. **Keyboard Navigation**: Enhanced keyboard accessibility -3. **Animation Variants**: Different hamburger animation styles -4. **Close Button**: Optional dedicated close button in menu -5. **Menu Themes**: Different color schemes for mobile menu -6. **Micro-Interactions**: Additional hover/tap feedback - -### Advanced Features - -1. **Progressive Web App**: Service worker integration -2. **Voice Navigation**: Voice command support -3. **Gesture Controls**: Advanced touch gestures -4. **Analytics**: Track mobile menu usage -5. **A/B Testing**: Test different menu layouts - ---- - -## 🎊 IMPLEMENTATION COMPLETE! - -The hamburger menu has been successfully implemented across the entire Gyannetra website, providing a modern, responsive, and user-friendly mobile navigation experience. All 19 pages now feature a consistent, touch-optimized navigation system that enhances the mobile user experience while maintaining full functionality across all device sizes. - -**Test the implementation**: http://localhost:8080/hamburger-test.html - ---- - -_Hamburger Menu Implementation - Completed May 27, 2025_ diff --git a/Industries/case-studies.html b/Industries/case-studies.html index b6158cb..c0e159d 100644 --- a/Industries/case-studies.html +++ b/Industries/case-studies.html @@ -4,249 +4,9 @@ Case Studies - Gyannetra - + - - -
diff --git a/Industries/finance.html b/Industries/finance.html index 97a0930..6f69bca 100644 --- a/Industries/finance.html +++ b/Industries/finance.html @@ -4,277 +4,9 @@ AI in Finance - Gyannetra - - + - - -
diff --git a/Industries/healthcare.html b/Industries/healthcare.html index 85cb535..3b2d112 100644 --- a/Industries/healthcare.html +++ b/Industries/healthcare.html @@ -4,199 +4,9 @@ Healthcare - Gyannetra - - + - - -
diff --git a/Industries/manufacturing.html b/Industries/manufacturing.html index bdd2a18..f920489 100644 --- a/Industries/manufacturing.html +++ b/Industries/manufacturing.html @@ -4,233 +4,9 @@ AI in Manufacturing - Gyannetra - - + - - -
diff --git a/Industries/marketing.html b/Industries/marketing.html index cae9309..646067a 100644 --- a/Industries/marketing.html +++ b/Industries/marketing.html @@ -4,254 +4,10 @@ Marketing - Gyannetra - - + + - - -
diff --git a/Industries/media-entertainment.html b/Industries/media-entertainment.html index 63b3ab9..e0ab96e 100644 --- a/Industries/media-entertainment.html +++ b/Industries/media-entertainment.html @@ -3,188 +3,10 @@ - AI in Media & Entertainment - Gyannetra - + AI in Media & Entertainment - Gyannetra + - +
diff --git a/Industries/retail.html b/Industries/retail.html index 53404dd..3572be4 100644 --- a/Industries/retail.html +++ b/Industries/retail.html @@ -4,326 +4,9 @@ AI in Retail - Gyannetra - - + - - -
diff --git a/Industries/travel.html b/Industries/travel.html index 21a1d03..c170d61 100644 --- a/Industries/travel.html +++ b/Industries/travel.html @@ -4,239 +4,9 @@ AI in Travel - Gyannetra - - + - - -
diff --git a/SERVICE_PAGES_COLOR_STANDARDIZATION_COMPLETE.md b/SERVICE_PAGES_COLOR_STANDARDIZATION_COMPLETE.md deleted file mode 100644 index e69de29..0000000 diff --git a/Services/agentic-ai.html b/Services/agentic-ai.html index 7ac6d22..50b999e 100644 --- a/Services/agentic-ai.html +++ b/Services/agentic-ai.html @@ -4,333 +4,9 @@ Agentic AI - Gyannetra - - + - - -
diff --git a/Services/automation-flows.html b/Services/automation-flows.html index e8fdda6..0312cd4 100644 --- a/Services/automation-flows.html +++ b/Services/automation-flows.html @@ -4,342 +4,9 @@ Automation Flows - Gyannetra - - + - - -
diff --git a/Services/data-analysis.html b/Services/data-analysis.html index 4381b7a..554bde8 100644 --- a/Services/data-analysis.html +++ b/Services/data-analysis.html @@ -4,340 +4,9 @@ Data Analysis - Gyannetra - - + - - -
diff --git a/Services/generative-ai.html b/Services/generative-ai.html index 7949d62..575e0b5 100644 --- a/Services/generative-ai.html +++ b/Services/generative-ai.html @@ -4,339 +4,9 @@ Generative AI - Gyannetra - - + - - -
diff --git a/Services/machine-learning.html b/Services/machine-learning.html index 54adca4..a288a01 100644 --- a/Services/machine-learning.html +++ b/Services/machine-learning.html @@ -4,381 +4,9 @@ Machine Learning - Gyannetra - - + - - -
diff --git a/Upload-To-GitHub.ps1 b/Upload-To-GitHub.ps1 deleted file mode 100644 index 2149e26..0000000 --- a/Upload-To-GitHub.ps1 +++ /dev/null @@ -1,99 +0,0 @@ -function Push-To-GitHub { - param ( - [Parameter(Mandatory=$true)] - [string]$GitHubRepo, - - [Parameter(Mandatory=$true)] - [string]$Username, - - [Parameter(Mandatory=$false)] - [string]$Token - ) - - # Check if Git is installed - try { - $gitVersion = git --version - Write-Host "Git is available: $gitVersion" -ForegroundColor Green - } - catch { - Write-Host "Git is not installed or not in PATH. Please install Git first." -ForegroundColor Red - return - } - - # Check if repository exists - if (-not (Test-Path -Path ".git")) { - Write-Host "Initializing git repository..." -ForegroundColor Yellow - git init - } - else { - Write-Host "Git repository already initialized." -ForegroundColor Green - } - - # Configure remote - $remoteUrl = "https://$Username@github.com/$GitHubRepo" - if ($Token) { - $remoteUrl = "https://$Username:$Token@github.com/$GitHubRepo" - } - - # Check if origin exists - $remotes = git remote - if ($remotes -contains "origin") { - Write-Host "Updating remote URL..." -ForegroundColor Yellow - git remote set-url origin $remoteUrl - } - else { - Write-Host "Adding remote..." -ForegroundColor Yellow - git remote add origin $remoteUrl - } - - # Add all files - Write-Host "Adding all files..." -ForegroundColor Yellow - git add . - - # Commit changes - Write-Host "Committing changes..." -ForegroundColor Yellow - git commit -m "Upload entire website" - - # Get current branch name - $branch = git rev-parse --abbrev-ref HEAD - Write-Host "Current branch: $branch" -ForegroundColor Green - - # Push to GitHub - try { - Write-Host "Pushing to GitHub... This might take a while depending on your file size and internet connection." -ForegroundColor Yellow - if ($Token) { - git push -u origin $branch - } - else { - # Push and capture output to avoid showing credentials in the terminal - $output = git push -u origin $branch 2>&1 - if ($LASTEXITCODE -ne 0) { - Write-Host "Push failed. You might need to provide a token." -ForegroundColor Red - Write-Host "Visit https://github.com/settings/tokens to create a token with 'repo' scope." - $Token = Read-Host "Enter your GitHub Personal Access Token" -AsSecureString - $BSTR = [System.Runtime.InteropServices.Marshal]::SecureStringToBSTR($Token) - $plainToken = [System.Runtime.InteropServices.Marshal]::PtrToStringAuto($BSTR) - - $tokenUrl = "https://$Username:$plainToken@github.com/$GitHubRepo" - git remote set-url origin $tokenUrl - git push -u origin $branch - } - } - - if ($LASTEXITCODE -eq 0) { - Write-Host "Successfully pushed to GitHub!" -ForegroundColor Green - Write-Host "Visit https://github.com/$GitHubRepo to see your repository." - } - } - catch { - Write-Host "Error pushing to GitHub: $_" -ForegroundColor Red - } -} - -# Run the function -Write-Host "GitHub Website Uploader" -ForegroundColor Cyan -Write-Host "======================" -ForegroundColor Cyan -$repo = Read-Host "GitHub Repository (e.g., shaurya05745/website)" -$username = Read-Host "GitHub Username" - -Push-To-GitHub -GitHubRepo $repo -Username $username diff --git a/about.html b/about.html index d665919..f7b0030 100644 --- a/about.html +++ b/about.html @@ -3,60 +3,9 @@ - About Us - Gyannetra - + About Us - Gyannetra - - -
diff --git a/contact.html b/contact.html index 9a45129..38e44a1 100644 --- a/contact.html +++ b/contact.html @@ -3,13 +3,10 @@ - Contact Us - Gyannetra - + Contact Us - Gyannetra - - -