Skip to content

replit.md

Latest commit

 

History

History
72 lines (62 loc) · 2.97 KB

replit.md

File metadata and controls

72 lines (62 loc) · 2.97 KB

Domini's Blog - Jekyll Site

Overview

This is a Jekyll-based personal blog website featuring posts about programming, system administration, and security topics. The site is built with Jekyll 4.3.4 and includes features like RSS feeds, SEO optimization, and syntax highlighting.

Project Structure

  • _posts/ - Blog posts in markdown format
  • _layouts/ - Jekyll layout templates
  • _includes/ - Reusable HTML components
  • _sass/ - SCSS stylesheets
  • assets/ - Images and static files
  • _config.yml - Jekyll configuration

Technology Stack

  • Framework: Jekyll 4.3.4 (Ruby-based static site generator)
  • Language: Ruby 3.2
  • Styling: Sass/SCSS
  • Plugins:
    • jekyll-feed (RSS feeds)
    • jekyll-sitemap (XML sitemap)
    • jekyll-seo-tag (SEO optimization)
    • jekyll-paginate (pagination)
    • jekyll-archives (archive pages)

Development Setup

The site is configured to run on Replit with the following setup:

  • Server runs on 0.0.0.0:5000
  • Live reload enabled for instant preview of changes
  • Force polling enabled for file watching in the Replit environment

Running the Site

The Jekyll server is configured as a workflow and starts automatically. To manually restart:

bundle exec jekyll serve --host 0.0.0.0 --port 5000 --livereload --force_polling

Recent Changes

  • 2025-10-16: Initial Replit setup and major improvements

    • Configured Jekyll to run on port 5000
    • Added Ruby 3.2 toolchain
    • Installed all dependencies via Bundler
    • Fixed file conflict by excluding Manifest.md from build
    • Updated .gitignore for Jekyll/Ruby files
    • Configured deployment settings

  • 2025-10-16: Design improvements and enhancements

    • Created modern SVG favicon with gradient
    • Enhanced hero section with animated gradient background
    • Added smooth fade-in animations for all content sections
    • Improved post cards with hover effects and staggered animations
    • Enhanced topic cards with gradient borders and animations
    • Added back-to-top button with smooth scroll
    • Implemented scroll-based parallax effect for hero
    • Added smooth scroll behavior site-wide
    • Improved mobile responsiveness for all screen sizes
    • Enhanced JavaScript functionality (scroll animations, active nav, parallax)
    • Optimized card hover effects with better shadows and transforms

Design Features

  • Animated Hero: Gradient background with smooth color transitions
  • Smooth Animations: Fade-in effects for cards and sections
  • Interactive Cards: Hover effects with elevation and scale transforms
  • Mobile-First: Fully responsive design optimized for all devices
  • Back to Top: Floating button for easy navigation
  • Parallax Effects: Subtle movement on scroll for visual interest
  • Gradient Accents: Modern color scheme with purple/blue gradients

Known Issues

  • Sass deprecation warnings (non-critical, related to future Dart Sass 3.0.0)

Deployment

The site is configured for Replit's autoscale deployment, suitable for static websites.