fix: HTML5 & accessibility — replace frameborder/align, add missing alts

Author: KAYO-ult

README.md

@@ -1,12 +1,12 @@
-<div align="center">
+<div style="text-align: center">
   <a href="https://www.recodehive.com">
   <img src="static/icons/Logo-512X512.png" alt="recode hive logo" width="150" />
   </a>
 </div>
 
-<h1 align="center">recode hive</h1>
+<h1 style="text-align: center">recode hive</h1>
 
-<div align="center">
+<div style="text-align: center">
 
 [![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square)](#contributors)
 [![Stars Badge](https://img.shields.io/github/stars/recodehive/recode-website)](https://github.com/recodehive/recode-website/stargazers)
@@ -16,7 +16,7 @@
 [![Contributors](https://img.shields.io/github/contributors/recodehive/recode-website?color=2b9348)](https://github.com/recodehive/recode-website/graphs/contributors)
 [![License Badge](https://img.shields.io/github/license/recodehive/recode-website?color=2b9348)](https://github.com/recodehive/recode-website/LICENSE)
 
-<h2 align="center">Collaboration 1st , code 2nd.</h2>
+<h2 style="text-align: center">Collaboration 1st , code 2nd.</h2>
 
 **Your all-in-one resource for learning Git, GitHub, Python through comprehensive tutorials and hands-on projects.**
 
@@ -199,7 +199,7 @@ git push origin feature/your-feature-name
       <p>How to Contribute to this Repo | How to Setup - Watch Video</p>
     </a>
     <a href="https://www.loom.com/share/c8d8d5f0c2534a1f86fc510dcef52ee0">
-      <img style="max-width:700px;" src="https://cdn.loom.com/sessions/thumbnails/c8d8d5f0c2534a1f86fc510dcef52ee0-30cac2eeec09a266-full-play.gif">
+      <img style="max-width:700px;" src="https://cdn.loom.com/sessions/thumbnails/c8d8d5f0c2534a1f86fc510dcef52ee0-30cac2eeec09a266-full-play.gif" alt="How to Contribute video thumbnail">
     </a>
 </div>
 
@@ -235,7 +235,7 @@ Join our community and connect with fellow learners:
 We appreciate all contributions to recode hive! Thank you to everyone who has helped make this project better.
 
 <a href="https://github.com/RecodeHive/recode-website/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=RecodeHive/recode-website" />
+  <img src="https://contrib.rocks/image?repo=RecodeHive/recode-website" alt="Contributors image" />
 </a>
 
 ## ⚖️ License
@@ -254,12 +254,11 @@ Stay up to date with the latest from recode hive:
 
 ---
 
-<div align="center">
-
+<div style="text-align: center">
 **Happy open-source contributions—here's to your career success! 🎉**
 
-<p align="center">
-  <img src="https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif" width="600">
+<p style="text-align: center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif" width="600" alt="recode hive showcase">
 </p>
 
 Made with ❤️ by the recode hive community

blog/ETL-pipeline-tutorial/index.md

@@ -86,7 +86,7 @@ You create a Linked Service once, then reuse it across as many datasets and pipe
   height="400"
   src="https://www.youtube.com/embed/EpDkxTHAhOs"
   title="YouTube video player"
-  frameBorder="0"
+  style="border: none;"
   allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
   allowFullScreen>
 </iframe>
@@ -130,7 +130,7 @@ Here's how all four concepts connect in a real pipeline:
 ![End-to-end ADF ETL flow showing: REST API source → Linked Service → Dataset → Copy Activity → Dataset → Linked Service → ADLS Gen2 sink. Below the flow: Trigger icon labeled "Scheduled: daily 2am". All inside a Pipeline box.](./Img/adf-elt-flow.png)
 
 
-<img src={require('./Img/pipeline.png').default} width="500" height="50" />
+<img src={require('./Img/pipeline.png').default} alt="ADF pipeline diagram" width="500" height="50" />
 
 
 ## Build Your First Pipeline: Step by Step
@@ -267,7 +267,7 @@ Your pipeline now runs automatically every night at 2am, copying new sales data
 
 Let's step back and look at what you built:
 
-<img src={require('./Img/adf_flow.png').default} width="500" height="50" />
+<img src={require('./Img/adf_flow.png').default} alt="ADF end-to-end ETL flow" width="500" height="50" />
 
 This is the **Extract and Load** part of ETL. The file is extracted from the source container and loaded into the bronze layer, untouched, exactly as it arrived.
 

blog/git-coding-agent/index.md

@@ -140,7 +140,7 @@ The GitHub Copilot Coding Agent represents a significant step forward in develop
 
 Check out this video walkthrough of the GitHub Copilot Coding Agent in action:
 
-<iframe width="100%" height="400" src="https://www.youtube.com/embed/6AmzJDAOHJ8" title="GitHub Copilot Coding Agent Demo" frameborder="0" allowfullscreen></iframe>
+<iframe width="100%" height="400" src="https://www.youtube.com/embed/6AmzJDAOHJ8" title="GitHub Copilot Coding Agent Demo" style="border: none;" allowfullscreen></iframe>
 
 ---
 <GiscusComments/>

blog/netflix-data-engineering/index.md

@@ -105,7 +105,7 @@ Before diving into individual tools, watch this first. Flink Forward's breakdown
   height="400"
   src="https://www.youtube.com/embed/lC0d3gAPXaI"
   title="Netflix Data Engineering with Apache Flink"
-  frameborder="0"
+  style="border: none;"
   allowfullscreen>
 </iframe>
 
@@ -134,7 +134,7 @@ The full pipeline architecture:
 ### Layer 1: Event Capture: Suro and the API Gateway
 
 When a Netflix microservice emits an event, it has two paths into Kafka:
-
+    style="border: none;"
 1. **Direct Kafka write** via a Java client library, for high-throughput services that need maximum speed
 2. **HTTP POST via Suro :**  Netflix's internal event collection proxy for services in Python or other languages
 

community/our-documentation.md

@@ -234,13 +234,13 @@ int main() {
 
 ```md title="Example Apple Style Window"
  <BrowserWindow minHeight={300}>
-    <img src="https://github.com/Ajay-Dhangar.png" width="150" /> <br />
+   <img src="https://github.com/Ajay-Dhangar.png" alt="Ajay Dhangar avatar" width="150" /> <br />
     <button onClick={() => alert('Hello, world!')}>Click Me</button>
  </BrowserWindow>
 ```
 
  <BrowserWindow minHeight={300}>
-    <img src="https://github.com/Ajay-Dhangar.png" width="150" /> <br />
+   <img src="https://github.com/Ajay-Dhangar.png" alt="Ajay Dhangar avatar" width="150" /> <br />
     <button onClick={() => alert('Hello, world!')}>Click Me</button>
  </BrowserWindow>
 

docs/Docker/intro.md

@@ -13,7 +13,7 @@ tags:
 description: Learn Docker fundamentals - what containers are, why use Docker, core concepts like images and containers, and get started with essential Docker commands.
 ---
 
-<div align="center">
+<div style="text-align: center">
 
 # Introduction to Docker
 </div>

docs/GitHub/GitHub-basics/create-github-repo.md

@@ -132,7 +132,7 @@ You will now be able to see the uploaded resume in your repository.
 
 ### Watch the video Tutorial
 
-<iframe width="880" height="480" src="https://www.youtube.com/embed/XWjx-RjmhRM?list=PLrLTYhoDFx-kiuFiGQqVpYYZ56pIhUW63" title="How to create your first GitHub repository" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="880" height="480" src="https://www.youtube.com/embed/XWjx-RjmhRM?list=PLrLTYhoDFx-kiuFiGQqVpYYZ56pIhUW63" title="How to create your first GitHub repository" style="border: none;" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 ## Conclusion
 

docs/GitHub/GitHub-basics/first-opensource-code.md

@@ -49,7 +49,7 @@ This is a beginner-friendly repository designed for practicing open source contr
 
 <BrowserWindow url="https://github.com/sanjay-kv/Open-source-Practice" bodyStyle={{padding: 0}}>
   [![GitHub](./assets/23-opensource.png)](https://github.com/sanjay-kv/Open-source-Practice)
-  <div align="center"><small>Step 1: Repository Home Page</small></div>
+  <div style="text-align: center"><small>Step 1: Repository Home Page</small></div>
 </BrowserWindow>
 
 Take a moment to:
@@ -68,12 +68,12 @@ Forking creates your own copy of the repository where you can make changes witho
 
 <BrowserWindow url="https://github.com/sanjay-kv/Learn-GitHub/fork" bodyStyle={{padding: 0}}>
   [![GitHub](./assets/21-final-fork.png)](https://github.com/sanjay-kv/Learn-GitHub/fork)
-  <div align="center"><small>Step 2: Forking the Repository</small></div>
+  <div style="text-align: center"><small>Step 2: Forking the Repository</small></div>
 </BrowserWindow>
 
 <BrowserWindow url="https://github.com/sandemouser/Learn-GitHub" bodyStyle={{padding: 0}}>
   [![GitHub](./assets/24-opensource-fork.png)](https://github.com/sandemouser/Learn-GitHub)
-  <div align="center"><small>Step 3: Fork Button Location</small></div>
+  <div style="text-align: center"><small>Step 3: Fork Button Location</small></div>
 </BrowserWindow>
 
 Once the fork is complete, you'll see:
@@ -82,7 +82,7 @@ Once the fork is complete, you'll see:
 
 <BrowserWindow url="https://github.com/sandemouser/Learn-GitHub" bodyStyle={{padding: 0}}>
   [![GitHub](./assets/25-opensource-done.png)](https://github.com/sandemouser/Learn-GitHub)
-  <div align="center"><small>Step 4: Fork Complete</small></div>
+  <div style="text-align: center"><small>Step 4: Fork Complete</small></div>
 </BrowserWindow>
 
 ## Step 3: Edit files directly on GitHub
@@ -101,7 +101,7 @@ For this practice repository, you'll typically add your name to a contributors l
 
 <BrowserWindow url="https://github.com/sandemouser/Learn-GitHub" bodyStyle={{padding: 0}}>
   [![GitHub](./assets/26-add-name.png)](https://github.com/sandemouser/Learn-GitHub)
-  <div align="center"><small>Step 5: Add Your Name</small></div>
+  <div style="text-align: center"><small>Step 5: Add Your Name</small></div>
 </BrowserWindow>
 
 Common first contributions include:
@@ -113,7 +113,7 @@ Common first contributions include:
 
 <BrowserWindow url="https://github.com/sandemouser/Learn-GitHub" bodyStyle={{padding: 0}}>
   [![GitHub](./assets/27-added-git-line.png)](https://github.com/sandemouser/Learn-GitHub)
-  <div align="center"><small>Step 6: Changes Made</small></div>
+  <div style="text-align: center"><small>Step 6: Changes Made</small></div>
 </BrowserWindow>
 
 :::tip Best Practices for Making Changes
@@ -140,7 +140,7 @@ After making your edits, you need to commit them. A commit is like saving a snap
 
 <BrowserWindow url="https://github.com/sandemouser/Learn-GitHub" bodyStyle={{padding: 0}}>
   [![GitHub](./assets/28-opensource-commit.png)](https://github.com/sandemouser/Learn-GitHub)
-  <div align="center"><small>Step 7: Commit Changes</small></div>
+  <div style="text-align: center"><small>Step 7: Commit Changes</small></div>
 </BrowserWindow>
 
 **Good commit message examples:**
@@ -155,7 +155,7 @@ After making your edits, you need to commit them. A commit is like saving a snap
 
 <BrowserWindow url="https://github.com/sandemouser/Learn-GitHub" bodyStyle={{padding: 0}}>
   [![GitHub](./assets/29-git-final-commit.png)](https://github.com/sandemouser/Learn-GitHub)
-  <div align="center"><small>Step 8: Final Commit Review</small></div>
+  <div style="text-align: center"><small>Step 8: Final Commit Review</small></div>
 </BrowserWindow>
 
 ## Step 5: Create a Pull Request
@@ -188,7 +188,7 @@ A Pull Request is a way to propose changes to a repository. It allows:
 
 <BrowserWindow url="https://github.com/sandemouser/Learn-GitHub" bodyStyle={{padding: 0}}>
   [![GitHub](./assets/30-opensource-final-check.png)](https://github.com/sandemouser/Learn-GitHub)
-  <div align="center"><small>Step 9: Create Pull Request</small></div>
+  <div style="text-align: center"><small>Step 9: Create Pull Request</small></div>
 </BrowserWindow>
 
 ### Writing a Good Pull Request Description
@@ -281,7 +281,7 @@ After creating your pull request:
 
 For a visual walkthrough of the entire process, watch this helpful video:
 
-<iframe width="883" height="480" src="https://www.youtube.com/embed/R7NReLBCT_8?list=PLrLTYhoDFx-kiuFiGQqVpYYZ56pIhUW63" title="How to do your first opensource on GitHub" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="883" height="480" src="https://www.youtube.com/embed/R7NReLBCT_8?list=PLrLTYhoDFx-kiuFiGQqVpYYZ56pIhUW63" title="How to do your first opensource on GitHub" style="border: none;" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 ## Finding Projects to Contribute To
 

docs/GitHub/GitHub-basics/github-repo-command-line.md

@@ -110,7 +110,7 @@ git config --global user.name "Github username"
 
 
 
-<iframe width="880" height="480" src="https://www.youtube.com/embed/DO38CZcw5pg?list=PLrLTYhoDFx-kiuFiGQqVpYYZ56pIhUW63" title="Github create repo using command line" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="880" height="480" src="https://www.youtube.com/embed/DO38CZcw5pg?list=PLrLTYhoDFx-kiuFiGQqVpYYZ56pIhUW63" title="Github create repo using command line" style="border: none;" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 ## Conclusion
 

docs/GitHub/Maintainer-guide/enable-discussion.md

@@ -129,7 +129,7 @@ Now you will be able to see the uploaded resume.
 
 ### Watch the video Tutorial
 
-<iframe width="880" height="480" src="https://www.youtube.com/embed/XWjx-RjmhRM?list=PLrLTYhoDFx-kiuFiGQqVpYYZ56pIhUW63" title="How to create your first GitHub repository" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="880" height="480" src="https://www.youtube.com/embed/XWjx-RjmhRM?list=PLrLTYhoDFx-kiuFiGQqVpYYZ56pIhUW63" title="How to create your first GitHub repository" style="border: none;" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 ## Conclusion