Enhanced browsing: Added target='_blank' for certain section links (#171)

Author: rafimahr

api/templates/index.html

@@ -71,7 +71,7 @@ <h2>What is this?</h2>
                 <h2>How do I use it?</h2>
                 <p>
                     Check out the
-                    <a href="https://github.com/DenverCoder1/github-readme-youtube-cards#basic-usage">GitHub Readme</a>
+                    <a href="https://github.com/DenverCoder1/github-readme-youtube-cards#basic-usage" target=”_blank”>GitHub Readme</a>
                     for instructions on how to set up the action and use the cards in your repo or profile page.
                 </p>
             </div>
@@ -80,21 +80,21 @@ <h2>How do I use it?</h2>
                 <h2>How do I customize it?</h2>
                 <p>
                     Check out the
-                    <a href="https://github.com/DenverCoder1/github-readme-youtube-cards#advanced-configuration">
+                    <a href="https://github.com/DenverCoder1/github-readme-youtube-cards#advanced-configuration"target=”_blank”>
                         Advanced Configuration
                     </a>
                     section of the GitHub Readme for a list of input options you can use in addition to the
                     <code>channel_id</code>.
                     You can also check out the
-                    <a href="https://github.com/DenverCoder1/github-readme-youtube-cards/wiki">Wiki</a>
+                    <a href="https://github.com/DenverCoder1/github-readme-youtube-cards/wiki" target=”_blank”>Wiki</a>
                     for more information on how to use specific features.
                 </p>
             </div>
 
             <div class="details example">
                 <h2>What does it look like?</h2>
                 <p>Here's an example of what the cards will look like in your README:</p>
-                <a href="https://www.youtube.com/watch?v=6u9BrDaSHJc">
+                <a href="https://www.youtube.com/watch?v=6u9BrDaSHJc" target=”_blank”>
                     <picture>
                         <source media="(prefers-color-scheme: dark)"
                             srcset="/?id=6u9BrDaSHJc&title=Automatically+Deploy+to+Fly.io+with+GitHub+Actions&lang=en&timestamp=1661889604&background_color=%230d1117&title_color=%23ffffff&stats_color=%23dedede&width=250&border_radius=5&duration=312&max_title_lines=1">
@@ -103,7 +103,7 @@ <h2>What does it look like?</h2>
                             title="Automatically Deploy to Fly.io with GitHub Actions">
                     </picture>
                 </a>
-                <a href="https://www.youtube.com/watch?v=J7Fm7MdZn_E">
+                <a href="https://www.youtube.com/watch?v=J7Fm7MdZn_E" target=”_blank”>
                     <picture>
                         <source media="(prefers-color-scheme: dark)"
                             srcset="/?id=J7Fm7MdZn_E&title=Hosting+a+Python+Discord+Bot+for+Free+with+Fly.io&lang=en&timestamp=1661733947&background_color=%230d1117&title_color=%23ffffff&stats_color=%23dedede&width=250&border_radius=5&duration=403&max_title_lines=1">
@@ -112,7 +112,7 @@ <h2>What does it look like?</h2>
                             title="Hosting a Python Discord Bot for Free with Fly.io">
                     </picture>
                 </a>
-                <a href="https://www.youtube.com/watch?v=0p_eQGKFY3I">
+                <a href="https://www.youtube.com/watch?v=0p_eQGKFY3I" target=”_blank”>
                     <picture>
                         <source media="(prefers-color-scheme: dark)"
                             srcset="/?id=0p_eQGKFY3I&title=Making+a+Wordle+Clone+Discord+Bot+with+Python+%28Nextcord%29&lang=en&timestamp=1643925417&background_color=%230d1117&title_color=%23ffffff&stats_color=%23dedede&width=250&border_radius=5&duration=2115&max_title_lines=1">
@@ -127,7 +127,7 @@ <h2>What does it look like?</h2>
                 <h2>How do I contribute?</h2>
                 <p>
                     Check out the
-                    <a href="https://github.com/DenverCoder1/github-readme-youtube-cards/blob/main/CONTRIBUTING.md">
+                    <a href="https://github.com/DenverCoder1/github-readme-youtube-cards/blob/main/CONTRIBUTING.md" target=”_blank”>
                         Contributing Guide
                     </a>
                     for information on how to install dependencies, run the project, and contribute to the project.
@@ -165,4 +165,4 @@ <h2>How do I contribute?</h2>
     </a>
 </body>
 
-</html>
+</html>