Updated README.md 📝

Author: MarketingPip

README.md

@@ -1,18 +1,31 @@
-# Run-Code-Web-Component
+# Code-Runner-Web-Component
 
 
+<div align="center"> 
+
 ![ezgif-5-d9d9221610](https://user-images.githubusercontent.com/86180097/191913312-754d00aa-0a0a-4812-bed3-774ebdfb66a7.png)
 
 
 
+A web component that allows you to run high level programming languages on your website via the public [Piston API](https://github.com/engineer-man/piston#Public-API) <br>
+  <small> <b><i>Show your support!</i> </b></small>
+  <br>
+   <a href="https://github.com/MarketingPipeline/Code-Runner-Web-Component">
+    <img title="Star on GitHub" src="https://img.shields.io/github/stars/MarketingPipeline/Code-Runner-Web-Component.svg?style=social&label=Star">
+  </a>
+  <a href="https://github.com/MarketingPipeline/Code-Runner-Web-Component/fork">
+    <img title="Fork on GitHub" src="https://img.shields.io/github/forks/MarketingPipeline/Code-Runner-Web-Component.svg?style=social&label=Fork">
+  </a>
+
+</div>
+
 
-A web component that allows you to run high level programming languages on your website via the public [Piston API](https://github.com/engineer-man/piston#Public-API)
 
 
 
 ## Example and usage
 
-You can view a demo of the Code Runner web component in use [here.](https://marketingpipeline.github.io/Markdown-Tag)
+You can view a demo of the Code Runner web component in use [here.](https://marketingpipeline.github.io/Code-Runner-Web-Component/demo.html)
 
 
 How to use <b><i>Code Runner</b></i>:
@@ -21,15 +34,15 @@ Set a <code>language</code> attribute to a [supported programming language](#sup
 
 
 ```html
-<run-code language="python" version="3"></run-code>
+<code-runner language="python" version="3"></code-runner>
 ```    
 
 
 
 
-   include this [script](https://github.com/MarketingPipeline/Markdown-Tag/blob/main/markdown-tag.js) in your HTML document.
+   include this [script](https://github.com/MarketingPipeline/Code-Runner-Web-Component/blob/main/dist/code-runner-wc.min.js) in your HTML document.
 
-    <script src="https://cdn.jsdelivr.net/gh/MarketingPipeline/Markdown-Tag/markdown-tag.js" defer></script> 
+    <script src="https://cdn.jsdelivr.net/gh/MarketingPipeline/Code-Runner-Web-Component/dist/code-runner-wc.min.js" defer></script> 
 
 
 
@@ -40,7 +53,7 @@ Set a <code>language</code> attribute to a [supported programming language](#sup
 How to use <b><i>Code Runner</b></i> with <b>Pre-Defined Code</b>:
 
 ```html
-<run-code language="python" version="3">print('hello world')</run-code>
+<code-runner language="python" version="3">print('hello world')</code-runner>
 ```    
 
 
@@ -172,17 +185,17 @@ How to use <b><i>Code Runner</b></i> with <b>Pre-Defined Code</b>:
 
 
 
-## Contributing ![GitHub](https://img.shields.io/github/contributors/MarketingPipeline/Markdown-Tag)
+## Contributing ![GitHub](https://img.shields.io/github/contributors/MarketingPipeline/Code-Runner-Web-Component)
 
 Want to improve this? Create a pull request with detailed changes / improvements! If approved you will be added to the list of contributors of this awesome project!
 
 
 See also the list of
-[contributors](https://github.com/MarketingPipeline/Markdown-Tag/graphs/contributors) who
+[contributors](https://github.com/MarketingPipeline/Code-Runner-Web-Component/graphs/contributors) who
 participate in this project.
 
-## License ![GitHub](https://img.shields.io/github/license/MarketingPipeline/markdown-tag)
+## License ![GitHub](https://img.shields.io/github/license/MarketingPipeline/Code-Runner-Web-Component)
 
 This project is licensed under the GPL-3.0 License - see the
-[LICENSE.md](https://github.com/MarketingPipeline/Markdown-Tag/blob/main/LICENSE) file for
+[LICENSE.md](https://github.com/MarketingPipeline/Code-Runner-Web-Component/blob/main/LICENSE) file for
 details.