Add Strava footer button

[mrbalov]

Add a new button to the website footer for the following Strava club: https://www.strava.com/clubs/torqlab. Use the minimalistic Strava icon in the square button; the button must look consistent with existing footer icon buttons. Open the Strava club link in a new browser tab. Add noreferer and noopener anchor attributes for security reasons.

If the existing icons library does not have the Strava icon, use the following SVG:

<?xml version="1.0" encoding="utf-8"?>
<!-- License: Apache. Made by lawnchairlauncher: https://github.com/lawnchairlauncher/lawnicons -->
<svg width="800px" height="800px" viewBox="0 0 192 192" xmlns="http://www.w3.org/2000/svg" fill="none"><path stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12" d="m41 106 42-84 42 84m-26 12 26 52 26-52"/></svg>

This is what the concept looks like:

[mrbalov]

📋 Implementation Plan Created

This PR (#103) establishes the implementation plan for this issue.

Plan Summary

Requirements:

• Add Strava icon button to website footer
• Link to TORQ Strava club (https://www.strava.com/clubs/torqlab)
• Use minimalist icon design
• Ensure consistent styling with existing footer icon buttons
• Implement proper security attributes (noopener, noreferrer)
• Open link in new browser tab
• Ensure full accessibility (keyboard navigation, screen reader support)

Implementation Approach:

1. Check existing icon library for Strava icon availability
2. If missing, add provided SVG to icon assets directory
3. Add Strava icon button component to Footer component
4. Apply consistent styling with other footer icon buttons
5. Add proper security attributes to anchor tag
6. Add accessible alt text and aria labels

Key Changes:

• Footer component: Add new icon button
• Icon assets: Add Strava SVG if not available
• Footer styling: Ensure consistent appearance
• Change type: Added (new button and icon)

Implementation Tasks:

• Icon setup: Check library, add SVG if needed
• Footer integration: Add button, configure link, security attributes
• Styling: Match existing footer icon buttons, test responsive behavior
• Testing: Visual, functional, security, and accessibility tests

---

Development Process

1. ✅ Plan created (this comment)
2. 📌 Review branch: plan/94-add-strava-footer-button
3. 🔄 Review PR: [94] Add Strava footer button #103
4. ✅ Merge when plan is approved
5. 🚀 Begin implementation on the same branch
6. 📝 Update tasks.md as work progresses
7. ✅ Complete all tasks
8. 📋 Create implementation PR with actual code

Links

• Issue: Add Strava footer button #94
• Plan PR: [94] Add Strava footer button #103
• Branch: plan/94-add-strava-footer-button
• OpenSpec Files:
  • Proposal
  • Specification
  • Tasks

---

Note: This plan was auto-generated by the OpenSpec planning workflow. Review, adjust, and approve the approach before starting implementation.

[mrbalov]

🚀 Implementation PR Ready

The implementation for this ticket is now ready for review:

Implementation PR: #104

Please review the implementation PR for:

• Code changes matching the implementation plan
• All tasks marked complete in tasks.md
• Tests passing and lint checks passing
• Changelog entry accuracy

Review and merge when approved by the team.