feat: add merchandise page with T-shirt details and styling

Author: shenxianpeng

docs/merch.md

@@ -0,0 +1,138 @@
+# cpp-linter Merchandise
+
+Show your support for cpp-linter with our official T-shirts!
+
+## About These T-Shirts
+
+These aren't for sale — just something we made for ourselves to wear and promote this open source project. If you've used cpp-linter, appreciate the open source approach, or want to support the project, consider getting one.
+
+<div class="grid cards" markdown>
+
+<div markdown>
+
+### White Edition
+
+![White T-shirt Front](static/merch/white-front.jpg){: style="max-width: 100%; border-radius: 8px;"}
+
+**Features:**
+
+- "cpp linter" logo with circuit board design
+- "Lint your C/C++ code in workflow" tagline
+
+</div>
+
+<div markdown>
+
+### Black Edition
+
+![Black T-shirt Front](static/merch/black-front.jpg){: style="max-width: 100%; border-radius: 8px;"}
+
+**Features:**
+
+- "cpp-linter" logo with circuit board design
+- "Lint your C/C++ code in workflow" tagline
+
+</div>
+
+</div>
+
+## Design Gallery
+
+<div class="image-grid" markdown>
+
+![White T-shirt](static/merch/white-demo.jpg){: style="max-width: 100%; border-radius: 8px;"}
+
+![Black T-shirt](static/merch/black-demo.jpg){: style="max-width: 100%; border-radius: 8px;"}
+
+</div>
+
+## Size Chart
+
+!!! warning "Important: Sizes run small!"
+    Please carefully check the size chart before ordering. **No returns or refunds** after shipping.
+
+| Size | S | M | L | XL | 2XL | 3XL | 4XL | 5XL |
+|------|---|---|---|----|----|-----|-----|-----|
+| **Chest (cm)** | 45 | 47 | 49 | 51 | 53 | 55 | 57 | 59 |
+| **Length (cm)** | 63 | 65 | 67 | 69 | 71 | 73 | 75 | 77 |
+| **Sleeve (cm)** | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 |
+| **Shoulder (cm)** | 40 | 42 | 44 | 46 | 48 | 50 | 52 | 54 |
+| **Height (cm)** | 155 | 160 | 165 | 170 | 175 | 180 | 185 | 190 |
+| **Weight (kg)** | 50± | 55± | 60± | 65± | 75± | 85± | 95± | 105± |
+
+*Note: Measurements are manual and may vary by 1-3cm. Everyone's body is different, so height and weight are for reference only. Since this is a custom product, sizes cannot be changed after ordering.*
+
+## How to Order
+
+### For International Users
+
+**Price: $23 USD per shirt** (includes international shipping from China)
+
+We're currently setting up payment options for international orders. Here are the recommended options for supporting open source projects:
+
+#### Option 1: GitHub Sponsors (Recommended)
+
+We're in the process of setting up GitHub Sponsors for [@cpp-linter](https://github.com/cpp-linter). This allows you to:
+
+- Support the project directly through GitHub
+- Revenue will be shared between the core maintainers ([@2bndy5](https://github.com/2bndy5) and the team)
+- Transparent and trusted payment processing
+- Tax-compliant for open source donations
+
+!!! tip "Coming Soon"
+    GitHub Sponsors setup is in progress. Check back soon or watch our repository for updates!
+
+#### Option 2: Buy Me a Coffee / Ko-fi
+
+Alternative donation platforms that work well for open source projects:
+
+- **Buy Me a Coffee**: Simple one-time or recurring donations
+- **Ko-fi**: No platform fees, great for creators
+- **Open Collective**: Transparent expense tracking for open source
+
+#### Option 3: Direct Contact
+
+For now, you can reach out to us directly:
+
+- Open an issue on [GitHub](https://github.com/cpp-linter/cpp-linter.github.io/issues)
+- Contact via email (check the repository for contact info)
+
+!!! note "Revenue Sharing"
+    All proceeds from merchandise sales are shared between the core development team, particularly [@2bndy5](https://github.com/2bndy5) who has been instrumental in developing cpp-linter.
+
+### For Chinese Users (中国用户)
+
+**价格：38元/件**
+
+请关注微信公众号 **《DevOps攻城狮》** 进行下单。
+
+!!! info "说明"
+
+    不是为了卖货，只是自己平时穿，宣传一下我们的开源项目，就顺手多做了几件。
+    
+    如果你用过、关注过这个项目，认同这种开源方式，或是想支持我们，可以考虑支持一件。
+    
+    **38 元 / 件**
+    
+    尺码偏小，请一定要先参考尺码表再下单。订单发货后不支持退货及退款，请谨慎下单。
+
+## Shipping & Returns
+
+- **Chinese Domestic Orders**: Ships within China
+- **International Orders**: Ships from China (allow 2-4 weeks for delivery)
+- **No Returns/Refunds**: Due to the custom nature of these products, we cannot accept returns or provide refunds after shipping
+- **Size Carefully**: Please double-check the size chart before ordering!
+
+## Support the Project
+
+Not interested in merchandise but want to support cpp-linter? Here are other ways:
+
+- ⭐ Star our [GitHub repository](https://github.com/cpp-linter)
+- 🐛 Report bugs and suggest features
+- 💻 Contribute code or documentation
+- 📢 Share cpp-linter with your network
+- 💬 Help others in discussions and issues
+
+---
+
+*Thank you for supporting cpp-linter! Every purchase helps maintain and improve this open source project.*

docs/static/merch/black-demo.jpg

@@ -98,6 +98,41 @@ th {
     border-radius: 0.5rem;
 }
 
+/* Merchandise page styling */
+.image-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    gap: 2rem;
+    margin: 2rem 0;
+}
+
+.image-grid img {
+    width: 100%;
+    height: auto;
+    object-fit: cover;
+    border-radius: 8px;
+    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.image-grid img:hover {
+    transform: scale(1.05);
+    box-shadow: 0 8px 12px rgba(0,0,0,0.2);
+}
+
+/* Size chart table styling */
+.md-typeset table {
+    font-size: 0.9em;
+}
+
+.md-typeset table th {
+    text-align: center;
+}
+
+.md-typeset table td {
+    text-align: center;
+}
+
 /* Button styling improvements */
 .md-button {
     border-radius: 2rem;

docs/static/merch/black-front.jpg

@@ -9,6 +9,7 @@ nav:
   - Home: index.md
   - Getting Started: getting-started.md
   - Discussion: discussion.md
+  - Merchandise: merch.md
   # - Blog:
   #     - blog/index.md
 exclude_docs: |
@@ -56,6 +57,8 @@ theme:
 
 
 markdown_extensions:
+  - admonition
+  - pymdownx.details
   - pymdownx.superfences
   - attr_list
   - md_in_html