Add comments feature with giscus integration for user feedback

[Copilot]

Overview

Implemented a new commenting feature that allows users to write comments and provide feedback on the course materials landing page. The feature uses giscus, a GitHub Discussions-based commenting system that integrates seamlessly with static GitHub Pages sites.

Changes

Added Comments Section (index.html)

• Integrated giscus commenting widget below the course cards
• Added "Comments & Feedback" section with appropriate styling
• Configured to use GitHub Discussions for comment storage and authentication
• Set theme to preferred_color_scheme to automatically match user's system preference (light/dark mode)

Updated Documentation (README.md)

• Added new "💬 Comments Feature" section documenting the functionality
• Explained key benefits including GitHub authentication, discussion threads, and reactions

Features

The commenting system enables:

• User engagement: Students and visitors can leave comments and feedback
• Discussion threads: Organized conversations about course materials
• Reactions: Users can react to comments with emojis
• Secure authentication: Uses GitHub OAuth for identity verification
• Privacy-friendly: No tracking, all data stored in GitHub Discussions
• Responsive design: Works on all device sizes
• Automatic theming: Adapts to user's light/dark mode preference

Implementation Details

• Minimal footprint: Only 30 lines added across 2 files
• No backend required: Entirely client-side integration
• No breaking changes: All existing functionality preserved
• Lazy loading: Script loads asynchronously for optimal performance

Screenshot

The new "Comments & Feedback" section appears below the course material cards with clean styling that matches the site's existing design aesthetic.

Testing

The implementation was tested locally using a web server to verify:

• Proper HTML structure and semantic elements
• CSS styling integrates correctly with existing theme
• Section appears in the correct position within the page layout
• Responsive design maintains consistency

Once deployed, users will be able to sign in with their GitHub accounts to participate in discussions about the course materials.

Original prompt

I need a new feature that allows users to write a comment

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.