microsoft · glaucia86 · Nov 1, 2024 · Nov 1, 2024 · Nov 1, 2024 · Nov 1, 2024
diff --git a/.github/PULL_REQUEST_TEMPLATE/pull_request_template.md b/.github/PULL_REQUEST_TEMPLATE/pull_request_template.md
@@ -6,49 +6,35 @@
 
 1. Fork the repository
 1. Create a branch for your addition **(for instance, {account}-sunrise-standup)**
-1. Include a screenshot of your app in the `./media/` folder
+1. Identify the correct table for your example
 1. Include the app information (use the following code snippet as a template):
 
 ```md
-### [My Cool App](https://example.com)
-
-<p align="center">
-  <img src="./media/your-app.png" alt="My Cool App" width="100%">
-</p>
-
-<a short description of the app>
-
-- Link to the project: **[HERE](https://example.com)**
-- GitHub repo: **[HERE](https://github.com/microsoft)**
-
-> Stacks Used: `gatsby, nodejs, azure static web apps`
-> Author Twitter (optional): [@name](https://twitter.com/@name)
+## Azure Static Web Apps + [Technology/ Language] 
 
+| # | Demo                 | Description |
+|---| -------------------- | ----------- |
+| 1 | [My Cool App](https://github.com/<your-repo-here>) |<a short description of the app> <br> <img src="media/icons/<select-stack-icon>" alt="<product/stack name>" width="19" height="18" /> <br>  [Try Live](https://example.com)        |
 ```
 
 ### Add a new technology (optional)
 
 If you are including a new technology not listed in the README, please follow these steps:
 
-1. Under the **Projects** section, update the table of content and include the new technology.
-1. **Make you respect the alphabetical order**
-1. Add your application name as a sub-list.
-1. **Make sure you use the same acnhors that point to the app information (see above)**
+1. On the **Navbar** at the top, update the list with the respective badge from https://img.shields.io/.
+1. **Make you respect the order**
+1. Add the new section with a short description and table (See above)
+1. Upload and link to any new icons in **media/icons**
 
-```md
-- [Gatsby](#gatsby)
-  - [Gatsby Todo App](#gatsby-todo-app)
-```
 
 ## Checklist 
 
-- [ ] update table of content
-- [ ] add media file to `./media/`
+- [ ] update navbar
+- [ ] add icons to `./media/icons`
 - [ ] add app name and link
 - [ ] add app description
 - [ ] add used tech stack
 - [ ] add URL to app to the app on Azure Static Web Apps
 - [ ] add URL to app repository
-- [ ] add author twitter handle (optional)
 
 ❤️ Thank you for your contributions!
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
diff --git a/.github/workflows/test-deploy.yml b/.github/workflows/test-deploy.yml
diff --git a/README.md b/README.md
diff --git a/docs/README.md b/docs/README.md
diff --git a/docs/media/11ty.png b/docs/media/11ty.png
diff --git a/docs/media/angular-rock-paper-scissors.png b/docs/media/angular-rock-paper-scissors.png
diff --git a/docs/media/angular-search-experience.gif b/docs/media/angular-search-experience.gif
diff --git a/docs/media/angular-ssr.png b/docs/media/angular-ssr.png
diff --git a/docs/media/angular-swa-auth.gif b/docs/media/angular-swa-auth.gif
diff --git a/docs/media/azure_vision.gif b/docs/media/azure_vision.gif
diff --git a/docs/media/catsify.png b/docs/media/catsify.png
diff --git a/docs/media/cognitive-search-demo.png b/docs/media/cognitive-search-demo.png
diff --git a/docs/media/docusaurus-starter.PNG b/docs/media/docusaurus-starter.PNG
diff --git a/docs/media/gatsby_starter.png b/docs/media/gatsby_starter.png
diff --git a/docs/media/hexa.png b/docs/media/hexa.png
diff --git a/docs/media/mayadb.png b/docs/media/mayadb.png
diff --git a/docs/media/meme4fun.gif b/docs/media/meme4fun.gif
diff --git a/docs/media/mongoose-starter.png b/docs/media/mongoose-starter.png
diff --git a/docs/media/mongoose.png b/docs/media/mongoose.png
diff --git a/docs/media/ngvikings2020.png b/docs/media/ngvikings2020.png
diff --git a/docs/media/ngxtools.png b/docs/media/ngxtools.png
diff --git a/docs/media/nitro.png b/docs/media/nitro.png
diff --git a/docs/media/nitrooo.png b/docs/media/nitrooo.png
diff --git a/docs/media/peacock-icon.png b/docs/media/peacock-icon.png
diff --git a/docs/media/posedance.png b/docs/media/posedance.png
diff --git a/docs/media/positive-quote.png b/docs/media/positive-quote.png
diff --git a/docs/media/pwablog.png b/docs/media/pwablog.png
diff --git a/docs/media/shop-at-home-svelte.png b/docs/media/shop-at-home-svelte.png
diff --git a/docs/media/stencil.png b/docs/media/stencil.png
diff --git a/docs/media/sunrise-standup.png b/docs/media/sunrise-standup.png
diff --git a/docs/media/vscodecandothat.png b/docs/media/vscodecandothat.png
diff --git a/docs/media/xlayers-1.png b/docs/media/xlayers-1.png
diff --git a/docs/media/xlayers-2.png b/docs/media/xlayers-2.png
diff --git a/docs/www/.gitignore b/docs/www/.gitignore
diff --git a/docs/www/README.md b/docs/www/README.md
diff --git a/docs/www/babel.config.js b/docs/www/babel.config.js
diff --git a/docs/www/docusaurus.config.js b/docs/www/docusaurus.config.js