diff --git a/css/styles.css b/css/styles.css index b13321f..259f07f 100644 --- a/css/styles.css +++ b/css/styles.css @@ -323,6 +323,53 @@ section { padding: 64px 0; } } .skill-card li { padding: 2px 0; } +/* ---------- Certifications & Credentials ---------- */ +.credentials-grid { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 24px; +} + +.credential-card { + background: var(--panel); + border: 1px solid var(--rule); + border-top: 3px solid var(--steel); + border-radius: 4px; + padding: 24px; + box-shadow: 0 1px 2px rgba(16, 38, 61, 0.04); + display: grid; + grid-template-columns: 170px 1fr; + gap: 24px; + align-items: center; +} + +.credly-embed { + min-height: 270px; + display: flex; + align-items: center; + justify-content: center; +} + +.credential-copy h3 { + font-size: 18px; + margin-bottom: 6px; +} + +.credential-copy p { + margin: 0 0 16px; + color: var(--muted); + font-size: 14px; +} + +.credential-copy .view-link { + font-size: 13.5px; + font-weight: 600; +} + +.credential-copy .view-link::after { + content: " \203A"; +} + /* ---------- Troubleshooting ---------- */ .notes-list { background: var(--panel); @@ -498,6 +545,7 @@ section { padding: 64px 0; } .hero-grid { grid-template-columns: 1fr; padding: 32px; } .projects-grid { grid-template-columns: repeat(2, 1fr); } .skills-grid { grid-template-columns: repeat(2, 1fr); } + .credentials-grid { grid-template-columns: 1fr; } .about-grid { grid-template-columns: 1fr; } .two-col { grid-template-columns: 1fr; } .contact-cta { flex-direction: column; align-items: flex-start; } @@ -512,6 +560,9 @@ section { padding: 64px 0; } .section-head h2 { font-size: 22px; } .projects-grid { grid-template-columns: 1fr; } .skills-grid { grid-template-columns: 1fr; } + .credential-card { grid-template-columns: 1fr; text-align: center; } + .credly-embed { min-height: 270px; } + .credential-copy .view-link { display: inline-block; } .note-item { grid-template-columns: 36px 1fr; padding: 16px; } .note-item .chevron { display: none; } diff --git a/index.html b/index.html index 97dc6d4..281747b 100644 --- a/index.html +++ b/index.html @@ -25,6 +25,7 @@
  • Home
  • Projects
  • Homelab
  • +
  • Credentials
  • Troubleshooting
  • About
  • Resume
  • @@ -310,6 +311,40 @@ + +
    +
    +
    +

    Certifications & Credentials

    + Verified credentials issued through Credly +
    + +
    +
    +
    +
    +
    +
    +

    AWS Certified Cloud Practitioner

    +

    Amazon Web Services

    + Verify Credential +
    +
    + +
    +
    +
    +
    +
    +

    Google IT Support Professional Certificate (v2)

    +

    Google

    + Verify Credential +
    +
    +
    +
    +
    +
    @@ -508,6 +543,7 @@
    +