Skip to content

Conversation

@MarkAC007
Copy link
Contributor

Screenshot 2025-10-05 at 09 33 24 Add a dedicated certifications section to the slate-portfolio theme for showcasing professional credentials with logo/badge support.

Features:

  • New certifications section with responsive grid layout
  • Logo/badge image display with hover effects
  • Certification card design with title, issuer, description, and date
  • Links to credential verification (e.g., Credly, certification providers)
  • Smooth animations and transitions
  • Mobile-responsive design

Template additions:

  • Certifications section block in index.html
  • Support for cert.logo, cert.issuer, cert.description, cert.date fields

CSS additions:

  • .certifications and .certifications-grid styles
  • .certification-card with hover effects and backdrop blur
  • .cert-logo-container for badge display
  • Responsive breakpoints for mobile devices

Usage in content.md:

sections:
certifications: title: "Professional Certifications" items: - title: "CISSP" issuer: "(ISC)²" description: "Security professional certification" logo: "/static/images/certs/cissp-logo.png" link: "https://www.credly.com/badges/..." ---

This enhancement is backwards compatible - the certifications section is optional and only renders if defined in content.md.

Add a dedicated certifications section to the slate-portfolio theme for
showcasing professional credentials with logo/badge support.

Features:
- New certifications section with responsive grid layout
- Logo/badge image display with hover effects
- Certification card design with title, issuer, description, and date
- Links to credential verification (e.g., Credly, certification providers)
- Smooth animations and transitions
- Mobile-responsive design

Template additions:
- Certifications section block in index.html
- Support for cert.logo, cert.issuer, cert.description, cert.date fields

CSS additions:
- .certifications and .certifications-grid styles
- .certification-card with hover effects and backdrop blur
- .cert-logo-container for badge display
- Responsive breakpoints for mobile devices

Usage in content.md:
---
sections:
  certifications:
    title: "Professional Certifications"
    items:
      - title: "CISSP"
        issuer: "(ISC)²"
        description: "Security professional certification"
        logo: "/static/images/certs/cissp-logo.png"
        link: "https://www.credly.com/badges/..."
---

This enhancement is backwards compatible - the certifications section is
optional and only renders if defined in content.md.
bahdotsh
bahdotsh previously approved these changes Oct 6, 2025
Copy link
Owner

@bahdotsh bahdotsh left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

Thank you so much for this! Can merge after resolving the issue below

@bahdotsh bahdotsh self-requested a review October 6, 2025 04:38
@bahdotsh bahdotsh dismissed their stale review October 7, 2025 13:06

temporarily dismissing to bring attention to the conversation yet to resolve

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants