Skip to content

Improve Specialties Section With Font Awesome Icons #32

@IamLRBA

Description

@IamLRBA

Description

Currently, the specialties section uses the emojis (💻, ⚡) to represent different categories. While functional, emojis lack consistency, accessibility, and modern design appeal.

Screenshot:

Image

Problem

  • Emojis do not match the style of the rest of the site.
  • Limited scalability for future additions (no consistent icon set).
  • No ability to style them (colors, sizes) in a maintainable way.

Proposed Solution

  • Replace emojis with Font Awesome icons.
    • Use fa-laptop-code (💻 replacement) for Open Source Contributions.
    • Use fa-bolt (⚡ replacement) for DevOps & CI/CD Solutions.
  • Apply consistent styling with CSS classes.
  • Assign distinct colors to each icon:
    • fa-laptop-codesky blue
    • fa-boltpurple

Additional Notes

We are already loading Font Awesome v5.15.3 via CDN, so no extra dependencies are required.


@DJ-BBot @rbarker-dev @andrewb1269hg I shall create a PR with screenhots showing the proposed solution alongside the original.
Thanks!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions