Implement modern media gallery with enhanced features

- Fix CSS loading issue in project_detail.html template
- Add comprehensive ModernMediaGallery JavaScript class with touch navigation
- Implement glassmorphism design with backdrop-filter effects
- Add responsive breakpoint system for mobile devices
- Include embedded critical CSS styles for gallery functionality
- Add technology sidebar with vertical list layout and hover effects
- Support for images, videos, and embedded content with thumbnails
- Add lightbox integration and media type badges
- Implement progress bar and thumbnail navigation
- Add keyboard controls (arrow keys) and touch swipe gestures
- Include supplementary styles for video/embed placeholders
- Fix template block naming compatibility (extra_css → extra_styles)

smartsoltech/web/views.py

@@ -152,7 +152,7 @@ def about_view(request):
 
 
 def blog_view(request):
-    blog_posts = BlogPost.objects.all().order_by('-created_at')
+    blog_posts = BlogPost.objects.all().order_by('-published_date')
     return render(request, 'web/blog.html', {'blog_posts': blog_posts})
 
 def news_view(request):