What’s New (Commit: 7967c8d)

1. Homepage (/)

  • Sidebar: Hidden (full-width layout)
  • Products: Limited to exactly 8 products in grid
  • Features: Hero section, promo banner, blog preview, contact section

2. Archive Page (/archive.html)

  • Layout: Modern blog grid with card design
  • Posts per page: 7 articles
  • Features:
    • Image thumbnail for each post
    • Category badges
    • Tags display
    • Read More button
    • Pagination (Previous/Next + page numbers)
  • Meta info: Date + author

3. Product Pages (/products/kanopi-alderon-murah-setu-bekasi/ etc)

  • Layout: 2-column marketplace design
  • Left Column:
    • Sticky image (stays visible on scroll)
    • High-quality product photo
  • Right Column:
    • Breadcrumb navigation
    • Large product title (4xl font)
    • Category badge
    • Price section: Prominent display with “Harga Mulai Dari”
    • Product description
    • CTA Buttons:
      • 💬 Konsultasi via WhatsApp (pre-filled)
      • 📞 Hubungi Kami (phone link)
    • Social share buttons (Facebook, Twitter, LinkedIn, Email)
  • Related Products: 4 cards from same category below
  • SEO: Full meta tags, schema markup

4. Blog Posts (/kanopi/desain/2025/12/22/trend-kanopi-minimalis-2025.html etc)

  • Featured Image: Full-width at top (responsive)
  • Navigation: Breadcrumb (Home > Blog > Article title)
  • Header Section:
    • Category badges (multiple, color-coded)
    • Large H1 title (4xl-5xl, bold)
    • Meta info: 📅 Date ✍️ Author name
  • Share Buttons:
    • Top of article (below header)
    • Bottom of article (for easy sharing)
    • Platforms: Facebook, Twitter, LinkedIn, Email
  • Content:
    • Proper H2/H3 styling with spacing
    • Image captions with rounded corners
    • Blockquote styling
    • Code block styling
    • List formatting
  • Tags Section: Below content with clickable tag links
  • Related Articles:
    • 3 random posts from all categories
    • Card layout with image, title, excerpt
    • Hover effects

5. Sidebar (Desktop only, all pages except homepage)

  • Visibility: Hidden on mobile, sticky on desktop
  • Sections:
    • Category links (kanopi, pagar, tangga, railing, finishing)
    • Recent 5 blog posts
  • Sticky offset: Stays 5rem from top during scroll

6. CSS Improvements

  • Prose styling: Full typography for blog content
    • H1: 1.875rem, 900 weight, 0f172a color
    • H2: 1.5rem, 700 weight
    • H3: 1.25rem, 700 weight
    • Paragraph: 1.75 line-height
    • Link colors: indigo-600 with hover effect
    • Code blocks: dark background
    • Blockquotes: left border with italic
  • Line clamp: .line-clamp-1, .line-clamp-2, .line-clamp-3
  • Utilities: Share buttons, pagination styling

Page URLs after build

Type Example URL
Homepage https://kharismasteel.github.io/
Archive https://kharismasteel.github.io/archive.html
Product https://kharismasteel.github.io/products/kanopi-alderon-murah-setu-bekasi/
Blog Post https://kharismasteel.github.io/kanopi/desain/2025/12/22/trend-kanopi-minimalis-2025.html

Build Status

  • ✅ Local build: SUCCESS (0.141 seconds)
  • ✅ Committed: 7967c8d
  • ✅ Pushed to: GitHub (origin/main)
  • ⏳ GitHub Pages: Building now (2-5 min typical)

Wait Times

GitHub Pages typically rebuilds in 2-5 minutes. If changes don’t appear:

  1. Wait 5 minutes
  2. Hard refresh browser (Ctrl+Shift+Delete cache)
  3. Check GitHub Actions tab for build status
Online - Chat Sekarang