Skip to content

Improve Specialties Section With Font Awesome Icons #32

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!

Activity

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

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