Merge pull request #1031 from steam-bell-92/main

Fixes#1018:  Improved markdown and code snippets in Fun Profile Customization

Author: sanjay-kv

docs/GitHub/Fun-Profile-Customizations/Anurag-Hazra's-GitHub-Readme-Cards.md

@@ -11,14 +11,17 @@ This is the foundational tool for dynamic profile statistics. It uses a serverle
 
 To use these cards, you simply embed them as images in your `README.md`. **Replace `YOUR_USERNAME` with your actual GitHub username.** The code below uses the popular `buefy` theme.
 
-```markdown
 ## My GitHub Stats
 
+```markdowm
 [![GitHub Stats](https://github-readme-stats.vercel.app/api?username=YOUR_USERNAME&show_icons=true&theme=buefy&hide_rank=true)](https://github.com/anuraghazra/github-readme-stats)
+```
 
 ## Top Languages
 
+```markdown
 [![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=YOUR_USERNAME&layout=compact&theme=buefy&exclude_repo=recode-hive-docs,test-repo)](https://github.com/anuraghazra/github-readme-stats)
+```
 
 ### Customization: Themes and Layouts
 
@@ -53,4 +56,4 @@ This parameter is most commonly used for the Top Languages card to optimize spac
 
 ⚠️ **Important Note on Language Calculations:** The Top Languages card calculates language usage from all public repos you own. To ensure the card accurately reflects your coding focus (and not just boilerplate files), it is strongly recommended to use the &exclude_repo= parameter to ignore repositories containing auto-generated documentation or simple configuration.
 
-🔗 Relevant Repo: ![Anurag Hazra's GitHub Readme Stats](https://github.com/anuraghazra/github-readme-stats)
+🔗 Relevant Repo: <a href="https://github.com/anuraghazra/github-readme-stats">Anurag Hazra's GitHub Readme Stats</a>

docs/GitHub/Fun-Profile-Customizations/Snake-Contribution-Animation.md

@@ -1,4 +1,4 @@
-# Snake Contribution Animation 🐍
+# Snake Contribution Animation
 
 The Snake Contribution Animation is a visually unique and engaging way to represent your yearly activity. This feature adds a looping GIF or SVG of a "snake" chasing and consuming your contribution blocks, creating a dynamic element on your profile.
 
@@ -52,9 +52,9 @@ jobs:
 ```
 Once your workflow runs successfully (you can check the Actions tab on GitHub), the generated file will be saved to your repository. Embed the image in your main README.md using the path where the action saved the file:
 
-```markdown
 ## My 2024 GitHub Activity
 
+```markdown
 ![Snake Animation](https://raw.githubusercontent.com/YOUR_USERNAME/YOUR_USERNAME/output/github-snake.svg)
 ```
 

docs/GitHub/Fun-Profile-Customizations/Trophy-Case-Streaks.md

@@ -11,17 +11,21 @@ To include the trophy case, simply embed the SVG image link in your Readme, repl
 
 ### My Trophy Case
 
+```markdown
 [![GitHub Trophies](https://github-profile-trophy.vercel.app/?username=YOUR_USERNAME&theme=gruvbox&no-frame=true)](https://github.com/ryo-ma/github-profile-trophy)
+```
 
-🔗 Relevant Repo: ![ryo-ma/github-profile-trophy](https://github.com/ryo-ma/github-profile-trophy)
+🔗 Relevant Repo: <a href="https://github.com/ryo-ma/github-profile-trophy">ryo-ma/github-profile-trophy</a>
 
 ### GitHub Streaks 🔥
 This card displays your current streak of contributions and your longest historical streak, promoting a daily habit of coding. Seeing your streak number grow can be a powerful psychological push!
 
 **Setup Example:**
 
+```markdown
 [![GitHub Streak](https://github-readme-streak-stats.herokuapp.com/?user=YOUR_USERNAME&theme=highcontrast&date_format=j+M+Y)](https://github.com/DenverCoder1/github-readme-streak-stats)
+```
 
-🔗 Relevant Repo: ![DenverCoder1/github-readme-streak-stats](https://github.com/DenverCoder1/github-readme-streak-stats)
+🔗 Relevant Repo: <a href="https://github.com/DenverCoder1/github-readme-streak-stats">DenverCoder1/github-readme-streak-stats</a>
 
 💡 Tip: To maintain a streak, remember that contributions count if they are made within a 24-hour period, based on UTC time.

docs/GitHub/Fun-Profile-Customizations/Why-Customize.md

@@ -1,4 +1,4 @@
-# 🎨 Fun GitHub Profile Customizations
+# Fun GitHub Profile Customizations
 
 Your GitHub profile Readme is a prime piece of digital real estate. It’s more than just a list of code repositories—it's your developer brand, your digital workshop, and your **first impression** on the global coding community. Customizing it is essential for promoting the dynamic developer culture of Recode Hive and maximizing your personal visibility.
 
@@ -16,10 +16,10 @@ Before you can add any dynamic stats or flair, you must complete the single, mos
 
 Once your profile repo is set up, customization offers tangible benefits that go far beyond aesthetics:
 
-1.  **First Impressions and Engagement:** A creative, customized profile is immediately **engaging and memorable**, encouraging visitors (mentors, recruiters, or collaborators) to spend more time exploring your work. By highlighting your key skills and active projects upfront, you dramatically increase the chances of a meaningful connection.
+- 1. **First Impressions and Engagement:** A creative, customized profile is immediately **engaging and memorable**, encouraging visitors (mentors, recruiters, or collaborators) to spend more time exploring your work. By highlighting your key skills and active projects upfront, you dramatically increase the chances of a meaningful connection.
 
-2.  **Highlight Activity and Commitment:** Dynamic cards displaying stats for your **total commits, contribution streaks, and top languages** automatically validate your commitment to continuous learning and development. This proof-of-work is far more convincing than a simple claim on a resume.
+- 2. **Highlight Activity and Commitment:** Dynamic cards displaying stats for your **total commits, contribution streaks, and top languages** automatically validate your commitment to continuous learning and development. This proof-of-work is far more convincing than a simple claim on a resume.
 
-3.  **Showcase Your Identity and Skills:** Customization allows you to highlight projects that matter most to you, whether it's a specific Recode Hive project or a new language you're mastering. Your profile becomes a curated **showcase of your specific expertise** and personality.
+- 3. **Showcase Your Identity and Skills:** Customization allows you to highlight projects that matter most to you, whether it's a specific Recode Hive project or a new language you're mastering. Your profile becomes a curated **showcase of your specific expertise** and personality.
 
-4.  **Professional Polish and Detail:** A well-structured, customized profile demonstrates **attention to detail, technical flair, and ownership**. These soft skills are highly valued in any professional development setting.
+- 4. **Professional Polish and Detail:** A well-structured, customized profile demonstrates **attention to detail, technical flair, and ownership**. These soft skills are highly valued in any professional development setting.

sidebars.ts

@@ -70,7 +70,7 @@ const sidebars: SidebarsConfig = {
         },
         {
           type: "category",
-          label: "🎨 Fun Proflie Customizations",
+          label: "Fun Proflie Customizations",
           className: "custom-sidebar-fun",
           items: [
             "GitHub/Fun-Profile-Customizations/Why-Customize",