Merge branch 'main' into krish

Author: MostlyKIGuess

public/assets/Images/aman_naik_week2_img1.png

@@ -11,6 +11,7 @@ avatar: "https://avatars.githubusercontent.com/u/154296996?s=400&u=985121a969ea9
 
 # About Nikhil Bhatt
 Nikhil Bhatt is a Google Summer of Code 2025 contributor and full stack product developer with a strong focus on building impactful, scalable tools.
+
 ## Experience
 
 - **GSoC 2025**: Music Blocks v3 Backend Development

public/assets/Images/aman_naik_week2_img2.png

@@ -0,0 +1,35 @@
+---
+name: "Shubham Singh"
+slug: "shubham-singh"
+title: "Maintainer and GSoC'25 Contributor"
+organization: "SugarLabs"
+description: "Maintainer and GSoC'25 Contributor at SugarLabs"
+avatar: "https://avatars.githubusercontent.com/u/174003514?s=400&u=e43600ba24f563f3799388137119ae119c74ffac&v=4"
+---
+
+<!--markdownlint-disable-->
+
+# About Shubham
+
+Shubham Singh is a passionate developer, open-source contributor, and Google Summer of Code 2025 contributor at SugarLabs. As a core contributor, he brings together creativity and functionality, optimizing both the user experience and technical performance of projects. Shubham is currently working on enhancing educational tools, with a focus on accessibility, interactivity, and meaningful design—empowering learners globally through open-source innovation.
+
+
+## Experience
+
+- **GSoC 2025**: Music Blocks v3 color sensor development
+- **SugarLabs Maintainer**: Active contributor to various projects
+
+## Current Projects
+
+- Music Blocks v3 Development of Color Sensor.
+- SugarLabs website development
+
+
+## Connect with Me
+
+- **GitHub**: [@FirePheonix](https://github.com/FirePheonix)
+- **Email**: [[email protected]](mailto:[email protected])
+- **LinkedIn**: [Shubham Singh](https://www.linkedin.com/in/shubham-singh-8a5643198/)
+- **Twitter**: [@shubhamm069](https://x.com/shubhamm069)
+- **Website**: 
+- **Discord**: [ctrlaltresett](https://discord.com/users/Shubham#0418)

src/constants/MarkdownFiles/authors/nikhil-bhatt.md

@@ -5,7 +5,6 @@ category: "DEVELOPER NEWS"
 date: "2025-06-08"
 slug: "2025-06-08-ssoc-25-MuhammadHaroon-week01"
 author: "@/constants/MarkdownFiles/authors/muhammad-haroon.md"
-description: "SSoC'25 Contributor working on Generative AI Instrument Sample Generation for Music Blocks"
 tags: "ssoc25,sugarlabs,week01,GenAI,MusicBlocks,Music"
 image: "assets/Images/GSOC.png"
 ---

src/constants/MarkdownFiles/authors/shubham-singh.md

@@ -0,0 +1,95 @@
+---
+title: "GSoC '25 Week 2 Update by Shubham Singh"
+excerpt: "Adding the entire prototyped interface ON TO the music blocks"
+category: "DEVELOPER NEWS"
+date: "2025-06-14"
+slug: "2025-06-14-gsoc-25-firepheonix-week02"
+author: "@/constants/MarkdownFiles/authors/shubham-singh.md"
+tags:   
+  - gsoc25
+  - sugarlabs
+  - week02
+  - firepheonix
+image: "assets/Images/GSOC.png"
+---
+
+<!-- markdownlint-disable -->
+
+# Week 2 Progress Report by Shubham Singh
+
+**Project:** [Color Sensor for Music Blocks](https://github.com/sugarlabs/musicblocks/issues/4537)  
+**Mentors:** [Devin Ulibarri](https://github.com/pikurasa), [Walter Bender](https://github.com/walterbender)  
+**Reporting Period:** 2025-06-08 – 2025-06-15  
+
+---
+
+## Goals for This Week
+
+- Basic UI for Image Upload/Real-time Video upload and adjustment.
+- Integrating the developed UIs onto the widget blocks within Music Blocks.
+- Researching existing audio integration patterns in the phrase maker and note blocks.
+
+---
+
+## This Week's Achievements
+
+1. **Interface Implementation for Lego Notations**  
+   - Successfully integrated the LegoBricks block directly onto the Music Blocks canvas.
+   - Modified 6 different files to implement an entirely new block type.
+   - Music Blocks already has sophisticated color detection for internal pixels, but couldn't detect colors from external sources like uploaded images or webcam feeds — this limitation was addressed.
+   - The codebase proved beautifully encapsulated and thoroughly documented, making the learning curve smoother.
+        ![Interface Implementation](https://i.ibb.co/d0X9zXjF/1st.png)
+
+2. **Real-time Video Integration**  
+   - Implemented real-time video functionality through webcam integration.
+   - Added full editing capabilities and canvas manipulation for live video feeds.
+   - Interface provides seamless interaction between video feed and detection algorithms.
+        ![Real-time Video Feature](https://i.ibb.co/cXL4Hpxq/2nd.png)
+
+3. **Export Mechanism Research**  
+   - Conducted extensive research into existing export mechanisms within Music Blocks.
+   - Deep-dived into Phrase Maker widget documentation and codebase.
+   - Studied how different blocks export output as both MIDI files and action blocks.
+        ![Export Research](https://i.ibb.co/bVD8Z54/image.png)
+
+---
+
+## Challenges & How I Overcame Them
+
+- **Challenge:** UI integration complexity — getting the UI integrated into Music Blocks proved more challenging than expected due to intricate dependencies and specific implementation patterns required by the block system.
+**Solution:** Leveraged multiple resources including mentor consultations, existing documentation on "how to add new blocks," and analyzed previous implementations for reference patterns.
+
+- **Challenge:** User workflow design — determining optimal user workflow for the Lego Bricks block required careful consideration of user interaction patterns and integration with existing functionality.
+**Solution:** Scheduled focused discussion with mentor during regular meeting to analyze phrase maker export functionality, gaining crucial insights into user experience patterns and technical approaches.
+
+---
+
+## Key Learnings
+
+- Gained comprehensive understanding of **output mechanisms** and how different blocks handle their output generation and processing.
+- Deepened appreciation for **code architecture** including inheritance patterns, code modularity, and custom return types within the Music Blocks ecosystem.
+- Improved skills in **development workflow** including exports, imports, code reusability, documentation practices, and collaborative development workflows.
+
+---
+
+## Next Week's Roadmap
+
+- Implement comprehensive mapping of musical notes to Lego brick colors.
+- Complete the core implementation during weeks 2 and 3, ensuring robust functionality and thorough testing.
+- Focus on algorithmic challenges for note-to-color mapping system.
+
+---
+
+## Resources & References
+
+- **Project Issue:** [Color Sensor for Music Blocks](https://github.com/sugarlabs/musicblocks/issues/4537)
+- **Music Blocks Repository:** [sugarlabs/musicblocks](https://github.com/sugarlabs/musicblocks)
+- **Documentation:** Music Blocks Developer Guide
+
+---
+
+## Acknowledgments
+
+Thank you to my mentors [Walter Bender](https://github.com/walterbender) and [Devin Ulibarri](https://github.com/pikurasa) for invaluable guidance throughout this development phase. Special thanks to Walter for his advice during our biweekly meeting on how the phrase maker exports output as ACTION blocks.
+
+---

src/constants/MarkdownFiles/posts/2025-06-08-ssoc-2025-MuhammadHaroon-week01.md

@@ -0,0 +1,93 @@
+---
+title: "DMP ’25 Week 2 Update by Aman Naik"
+excerpt: "This week's focus was on creating a story builder feature in such a way that it engages creativity of the children."
+category: "DEVELOPER NEWS"
+date: "2025-06-15"
+slug: "2025-06-15-dmp-25-AmanNaik-week02"
+author: "@/constants/MarkdownFiles/authors/amannaik247.md"
+tags: "dmp25,writeactivity,write,sugarlabs,week01,amannaik247"
+image: "assets/Images/c4gt_DMP.png"
+---
+
+<!-- markdownlint-disable -->
+
+# Week 2 Progress Report by Aman Naik
+
+**Project:** [Add an AI-assistant to the Write Activity](https://github.com/sugarlabs/write-activity/issues/52)  
+**Mentors:** [Walter Bender](https://github.com/walterbender), [Ibiam Chihurumnaya](https://github.com/chimosky)  
+**Reporting Period:** 2025-06-09 – 2025-06-15  
+
+---
+
+## Goals for This Week
+
+- **Goal 1:** Design a story builder feature to help children write stories  
+- **Goal 2:** Explore ways to integrate AI into the feature  
+- **Goal 3:** Document the architecture and workflow  
+- **Goal 4:** Focus on developing creative features that support learning  
+
+---
+
+## This Week’s Achievements
+
+1. **Explored Engaging Approaches to Story Writing**  
+   - Through guidance from mentors in biweekly and one-on-one meetings, I explored effective ways to encourage children to write creatively. This included analyzing architecture ideas that support active participation in storytelling.
+
+2. **Finalized the Architecture for the Story Builder Feature**  
+   - After research and discussions, I finalized an architecture that aids students in story writing while ensuring that the AI guides rather than writes the story for them.
+
+   ![Question-Answer workflow](assets/Images/aman_naik_week2_img1.png)
+
+   ![Create a framework using the context gained from the Q&A](assets/Images/aman_naik_week2_img2.png)
+
+3. **Created Documentation for Future Reference**  
+   - I’ve documented the feature's flow and design so it can be referred to later. [Link](https://docs.google.com/document/d/14V_FreatUU-gGgiHRdlvNDUXUgmBTWIeFyDaap38RnA/edit?usp=sharing)
+
+---
+
+## Challenges & How I Overcame Them
+
+- **Challenge:** The grammar correction feature was too strict for learning environments.  
+  **Solution:** Since the goal is to foster creativity, I decided to shift focus from strict grammar correction to more engaging, story-focused features. Grammar support can be introduced later as an enhancement.
+
+- **Challenge:** Stories don’t always follow a fixed pattern (e.g., not every story has a villain).  
+  **Solution:** I designed the AI to categorize responses into typical story elements automatically. This adaptive framework allows story parts like “villain” or “sidekick” to remain optional and dynamically appear based on user input.
+
+- **Challenge:** Prevent the AI from writing the story directly.  
+  **Solution:** Due to the resource constraints of Sugar’s environment, I couldn’t run large models locally. I used Hugging Face Spaces to host the models externally and used their APIs inside Sugar for lightweight testing. This also helped keep the feature lightweight and modular.
+
+---
+
+## Key Learnings
+
+**Developed Engaging Pedagogical Strategies for Story Writing**  
+   - Mentors helped me explore interactive ways to encourage children’s creativity, shifting from passive AI responses to more guided interactions.
+
+**Designed and Finalized a Guided AI Architecture**  
+   - I developed a modular design that prompts students to build stories step by step, ensuring they stay involved and learn narrative structure.
+
+**Learned Effective Student-AI Interaction Techniques**  
+   - I realized that giving the AI a playful personality that gently prompts students can make the writing process more enjoyable and educational.
+
+---
+
+## Next Week’s Roadmap
+
+- Begin coding the designed architecture  
+- Develop a basic Streamlit application to test the feature outside Sugar  
+- Work on feedback provided by mentors  
+
+---
+
+## References
+
+Here’s an insightful video shared by Walter Bender:  
+[CBS: The Thinking Machine (MIT Film, 1961)](https://www.youtube.com/watch?v=HCl19WKrfeg)
+
+---
+
+## Acknowledgments
+
+Thank you to my mentors, the Sugar Labs community, and fellow contributors for their continued support and encouragement!
+
+---

src/constants/MarkdownFiles/posts/2025-06-14-gsoc-25-firepheonix-week02.md

@@ -5,7 +5,6 @@ category: "DEVELOPER NEWS"
 date: "2025-06-15"
 slug: "2025-06-15-ssoc-25-MuhammadHaroon-week02"
 author: "@/constants/MarkdownFiles/authors/muhammad-haroon.md"
-description: "SSoC'25 Contributor working on Generative AI Instrument Sample Generation for Music Blocks"
 tags: "ssoc25,sugarlabs,week02,GenAI,MusicBlocks,Music"
 image: "assets/Images/GSOC.png"
 ---
@@ -54,6 +53,7 @@ image: "assets/Images/GSOC.png"
 ## Next Week's Roadmap
 
 - Generate more samples using AudioGen and save them in Google Drive.
+- Experiment with temperature and top_p parameters in AudioGen.
 
 ---
 

src/constants/MarkdownFiles/posts/2025-06-15-dmp-25-AmanNaik-week02.md

@@ -0,0 +1,114 @@
+---
+title: "GSoC ’25 Week 06 Update by Aditya Kumar Singh"
+excerpt: "Model optimizations, onboarding tutorial, adding json for body parts, and Shared mode enhancements in Paint Mode for the 3D Human Activity in Sugarizer."
+category: "DEVELOPER NEWS"
+date: "2025-06-20"
+slug: "2025-06-20-gsoc-25-AdityaKrSingh26-week06"
+author: "@/constants/MarkdownFiles/authors/aditya-singh.md"
+tags: "gsoc25,sugarlabs,week06,AdityaKrSingh26"
+image: "assets/Images/GSOC.png"
+---
+
+<!-- markdownlint-disable -->
+
+# Week 06 Progress Report by Aditya Kumar Singh
+
+**Project:** [Sugarizer](https://github.com/llaske/sugarizer)   
+**Mentors:** [Lionel Laské](https://github.com/llaske)   
+**Assisting Mentors:** [Samarth Bagga](https://github.com/SamarthBagga)   
+**Reporting Period:** 2025-05-12 - 2025-06-18  
+
+---
+
+## Goals for This Week
+
+- **Goal 1:** Optimize organ model to reduce file size and improve performance.  
+- **Goal 2:** Add a onboarding tutorial for users.    
+- **Goal 3:** Improve organ model proportions (eye-mouth distance).  
+- **Goal 4:** Create and integrate `.json` file for body parts and organs.  
+- **Goal 5:** Enhancing shared mode logic for **Paint Mode**.  
+
+---
+
+## This Week’s Achievements
+
+1. ***Organ Model Optimization**  
+    - Reduced the organ model size from **19MB to 5.92MB** by applying **Merge Vertices by Distance** and **Mesh Decimation** in Blender.  
+    - These steps simplified mesh geometry while retaining anatomical accuracy.  
+    - Resulted in faster loading on low-end devices and web platforms without compromising visual quality. 
+
+2. **Onboarding Tutorial Integration**  
+    - Implemented an interactive onboarding experience using the **Intro.js** library, following Sugarizer's developer tutorial guidelines.  
+    - Integrated a custom help button in the toolbar (`help.svg`) to trigger the tutorial on demand.  
+    - Defined tutorial steps in a dedicated `tutorial.js` module using `introJs().setOptions()` to guide users through the UI.  
+    - Customized the UI using Sugarizer-themed CSS classes for a consistent visual style.  
+    - Enabled full localization support using `l10n.get()` to adapt tutorial text based on the user’s language settings.  
+        ![Tutorial screen](https://i.ibb.co/TBbQPbLv/image.png)   
+        ![Tutorial screen](https://i.ibb.co/q3tNbkRV/image.png)   
+
+
+3. **Body Parts Metadata via JSON**  
+   - Introduced a new `.json` file structure to define:
+     - **Name**  
+     - **Mesh name**  
+     - **Position (x, y, z)**  
+   - Enables simpler mapping between UI and 3D model meshes.  
+   - Supports future work on localization, click handling, and performance enhancements.  
+     ```json
+     {
+        { "name": "Hair", "mesh": "Hair_mesh", "position": [-0.01, 7.03, -0.32] },
+        { "name": "LeftEyebrow", "mesh": "Mesh0207_1", "position": [0.06, 6.69, 0.63] },
+        { "name": "RightEyebrow", "mesh": "Mesh0207_3", "position": [0.06, 6.69, 0.63] },
+        { "name": "Left Ear", "mesh": "leftear_mesh", "position": [0.62, 6.42, -0.13] },
+        { "name": "Right Ear", "mesh": "righear_mesh", "position": [-0.53, 6.4, -0.13] },
+        { "name": "Face", "mesh": "Face_mesh", "position": [0.05, 6.35, 0.36] },
+        { "name": "Neck", "mesh": "Neck_mesh", "position": [0.04, 5.54, -0.23] },
+        { "name": "Chest", "mesh": "Chest_mesh", "position": [0.04, 4.55, 0.11] },
+        { "name": "Back", "mesh": "back_mesh", "position": [0.04, 3.78, -0.83] },
+        { "name": "Stomach", "mesh": "stomach_mesh", "position": [0.04, 2.41, 0.2] },
+        ...
+     }
+
+
+4. **Shared Mode enhancements for Paint Mode**   
+    - **Model sync:** when any participant switches to a different anatomical model, the client now emits a `switchModel` event; all connected users load the same model instantly.  
+    - **Shared painting:** a `paintPart` broadcast (object name, color, body-part name, painter ID) lets everyone see the newly painted part in real time. A modal on each peer shows **“<user>     painted: <part>”** for clear attribution.  
+        ![Shared mode](https://i.ibb.co/fV4KLx1d/image.png)   
+
+
+---
+
+## Challenges & How I Overcame Them
+
+- **Challenge:** Displaying context-aware feedback for painting actions without breaking UX flow.  
+  **Solution:** Built a shared modal system that shows **“User X painted: Part Y”** without interrupting interactions. Ensured consistent color application using hex values and mesh IDs.
+
+- **Challenge:** Keeping the tutorial visually aligned with Sugarizer UI guidelines while supporting localization.  
+  **Solution:** Customized Intro.js with Sugarizer-style buttons, icons, and tooltips. Integrated `l10n.get()` to provide multilingual support across tooltips, button labels, and descriptions.
+
+
+---
+
+## Key Learnings
+
+- Gained practical experience in implementing **real-time collaboration** using socket-based event broadcasting for 3D interactions.  
+- Learned how to **synchronize complex state changes** (like model switching, paint actions, and UI mode transitions) across multiple clients in a shared environment.  
+- Deepened understanding of **modular and scalable architecture** by separating shared logic into dedicated handlers and avoiding code duplication.  
+
+---
+
+## Next Week’s Roadmap
+
+- Write Weekly Blog Post summarizing progress, screenshots, and key learnings.   
+- Reduce file size of the organ model to improve load time and performance across devices (optimize meshes, reduce texture resolution).   
+- Add an onboarding tutorial for users   
+- Create and integrate .json files containing metadata (name, position, mesh reference) for body parts and organs to simplify mesh mapping and future i18n support.   
+- Begin developing shared logic for **Paint Mode** and **Tour Mode**.   
+
+---
+
+## Acknowledgments
+
+Thank you to my mentors, the Sugar Labs community, and fellow GSoC contributors for ongoing support.
+
+---