Update Icons (#12)

cssnr · Jul 6, 2024 · 5354a04 · 5354a04
1 parent 605596f
commit 5354a04
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 26 deletions.
diff --git a/README.md b/README.md
@@ -8,24 +8,20 @@
 
 *   Website: https://open-links-in-new-tab.cssnr.com
 *   Github: https://github.com/cssnr/open-links-in-new-tab
+*   Discord: https://discord.gg/wXy6m2X8wY
 
 # Install
 
 *   [Google Chrome Web Store](https://chrome.google.com/webstore/detail/open-links-in-new-tab/efahmjakjnnmleokcaomicgfhobabdkc)
 *   [Mozilla Firefox Add-ons](https://addons.mozilla.org/addon/open-links-in-new-tab)
 
-<a href="https://chrome.google.com/webstore/detail/open-links-in-new-tab/efahmjakjnnmleokcaomicgfhobabdkc" target="_blank">
-    <img alt="Chrome" src="https://raw.githubusercontent.com/raivo-otp/issuer-icons/master/vectors/google.com/google-chrome.svg" width="42" height="42" /></a>
-<a href="https://addons.mozilla.org/addon/open-links-in-new-tab" target="_blank">
-    <img alt="Firefox" src="https://raw.githubusercontent.com/raivo-otp/issuer-icons/master/vectors/firefox.com/firefox.svg" width="42" height="42" /></a>
-<a href="https://chrome.google.com/webstore/detail/open-links-in-new-tab/efahmjakjnnmleokcaomicgfhobabdkc" target="_blank">
-    <img alt="Edge" src="https://raw.githubusercontent.com/raivo-otp/issuer-icons/master/vectors/microsoft.com/microsoft-edge.svg" width="42" height="42" /></a>
-<a href="https://chrome.google.com/webstore/detail/open-links-in-new-tab/efahmjakjnnmleokcaomicgfhobabdkc" target="_blank">
-    <img alt="Opera" src="https://raw.githubusercontent.com/raivo-otp/issuer-icons/master/vectors/opera.com/opera.svg" width="42" height="42" /></a>
-<a href="https://chrome.google.com/webstore/detail/open-links-in-new-tab/efahmjakjnnmleokcaomicgfhobabdkc" target="_blank">
-    <img alt="Brave" src="https://raw.githubusercontent.com/raivo-otp/issuer-icons/master/vectors/brave.com/brave.svg" width="42" height="42" /></a>
-<a href="https://chrome.google.com/webstore/detail/open-links-in-new-tab/efahmjakjnnmleokcaomicgfhobabdkc" target="_blank">
-    <img alt="Vivaldi" src="https://raw.githubusercontent.com/raivo-otp/issuer-icons/master/vectors/vivaldi.com/vivaldi.svg" width="42" height="42" /></a>
-
+[![Chrome](https://raw.githubusercontent.com/alrra/browser-logos/main/src/chrome/chrome_48x48.png)](https://chromewebstore.google.com/detail/open-links-in-new-tab/efahmjakjnnmleokcaomicgfhobabdkc)
+[![Firefox](https://raw.githubusercontent.com/alrra/browser-logos/main/src/firefox/firefox_48x48.png)](https://addons.mozilla.org/addon/open-links-in-new-tab)
+[![Edge](https://raw.githubusercontent.com/alrra/browser-logos/main/src/edge/edge_48x48.png)](https://chromewebstore.google.com/detail/open-links-in-new-tab/efahmjakjnnmleokcaomicgfhobabdkc)
+[![Chromium](https://raw.githubusercontent.com/alrra/browser-logos/main/src/chromium/chromium_48x48.png)](https://chromewebstore.google.com/detail/open-links-in-new-tab/efahmjakjnnmleokcaomicgfhobabdkc)
+[![Brave](https://raw.githubusercontent.com/alrra/browser-logos/main/src/brave/brave_48x48.png)](https://chromewebstore.google.com/detail/open-links-in-new-tab/efahmjakjnnmleokcaomicgfhobabdkc)
+[![Vivaldi](https://raw.githubusercontent.com/alrra/browser-logos/main/src/vivaldi/vivaldi_48x48.png)](https://chromewebstore.google.com/detail/open-links-in-new-tab/efahmjakjnnmleokcaomicgfhobabdkc)
+[![Opera](https://raw.githubusercontent.com/alrra/browser-logos/main/src/opera/opera_48x48.png)](https://chromewebstore.google.com/detail/open-links-in-new-tab/efahmjakjnnmleokcaomicgfhobabdkc)
+
 All **Chromium** Based Browsers can install the extension from the
 [Chrome Web Store](https://chrome.google.com/webstore/detail/open-links-in-new-tab/efahmjakjnnmleokcaomicgfhobabdkc).
diff --git a/src/_layouts/default.html b/src/_layouts/default.html
@@ -56,11 +56,11 @@
                     <li class="nav-item"><a class="nav-link {% if page.title == 'Docs' %}active{% endif %}" href="{{ "/docs/" | relative_url }}">
                             Docs</a></li>
                     <li class="nav-item"><a class="nav-link" href="{{ "/screenshots/" | relative_url }}" target="_blank">
-                            Screen Shots <i class="fa-solid fa-arrow-up-right-from-square"></i></a></li>
+                            Screen Shots <i class="fa-solid fa-arrow-up-right-from-square fa-sm"></i></a></li>
                     <li class="nav-item"><a class="nav-link" href="{{ site.github_url }}" target="_blank" rel="noopener">
-                            GitHub <i class="fa-solid fa-arrow-up-right-from-square"></i></a></li>
+                            GitHub <i class="fa-solid fa-arrow-up-right-from-square fa-sm"></i></a></li>
                     <li class="nav-item"><a class="nav-link" href="{{ site.discord_invite }}" target="_blank" rel="noopener">
-                            Discord <i class="fa-solid fa-arrow-up-right-from-square"></i></a></li>
+                            Discord <i class="fa-solid fa-arrow-up-right-from-square fa-sm"></i></a></li>
                 </ul>
             </div>
         </div>
@@ -92,11 +92,11 @@
                         </li>
                         <li class="list-inline-item">
                             <a class="link-body-emphasis text-decoration-none" href="{{ "/screenshots/" | relative_url }}" target="_blank">
-                                Screen Shots <i class="fa-solid fa-arrow-up-right-from-square"></i></a>
+                                Screen Shots <i class="fa-solid fa-arrow-up-right-from-square fa-sm"></i></a>
                         </li>
                         <li class="list-inline-item">
                             <a class="link-body-emphasis text-decoration-none" href="{{ site.discord_invite }}" target="_blank">
-                                Discord <i class="fa-solid fa-arrow-up-right-from-square"></i></a>
+                                Discord <i class="fa-solid fa-arrow-up-right-from-square fa-sm"></i></a>
                         </li>
                     </ol>
                 </nav>

diff --git a/src/html/docs.html b/src/html/docs.html
@@ -27,10 +27,14 @@ <h2 id="configure">Configure</h2>
 
 <p>You can access {{ site.site_name }} through the Icon on the Extension Toolbar or Right Click Context Menu.</p>
 <p>You can pin the Addon by locating the {{ site.site_name }} Extension icon on the Extension Toolbar, then;</p>
-<ul>
-    <li><strong>Firefox</strong>, click the Settings Wheel and Pin to Toolbar.<br></li>
-    <li><strong>Chrome</strong>, click the Pin icon.<br></li>
-</ul>
+
+<p class="ms-3">
+    <i class="fa-brands fa-firefox-browser me-1"></i>
+    <strong>Firefox</strong>, click the Settings Wheel and Pin to Toolbar.
+    <br>
+    <i class="fa-brands fa-chrome me-1"></i>
+    <strong>Chrome</strong>, click the Pin icon.
+</p>
 
 <h2 id="usage">Usage</h2>
 <hr class="mt-0">
@@ -89,7 +93,7 @@ <h5><i class="fa-solid fa-toggle-off"></i> Update All Tabs on Change</h5>
     <li>
         This will update all tabs matching the enabled site when enabling/disabling.
         <br>
-        <strong class="text-danger">Warning:</strong> disabling this option will cause unexpected behavior when enabling/dsiabling sites.
+        <strong class="text-warning">Warning:</strong> Disabling this may cause unexpected behaviors when enabling/disabling domains if you have more than one tab open from the same domain.
     </li>
 </ul>
 
@@ -125,6 +129,9 @@ <h5><i class="fa-regular fa-keyboard"></i> Keyboard Shortcuts</h5>
     </li>
 </ul>
 
-<p>Please view the <a href="{{ site.github_url }}?tab=readme-ov-file#readme" target="_blank">README.md</a> for more information.</p>
+<p>
+    For more information view the <a href="{{ site.github_url }}?tab=readme-ov-file#readme" target="_blank">README.md</a> on GitHub
+    or join the <a href="{{ site.discord_invite }}" target="_blank" rel="noopener">Discord Server</a>.
+</p>
 
 <script type="text/javascript" src="{{ "/js/docs.js" | relative_url }}"></script>
diff --git a/src/html/index.html b/src/html/index.html
@@ -68,10 +68,10 @@ <h3>Upcoming Features</h3>
 <h2>Install</h2>
 
 <p class="ms-3">
-    <i class="fa-brands fa-chrome me-1"></i>
+    <i class="fa-brands fa-chrome fa-lg me-1"></i>
     <a href="{{ site.chrome_url }}" target="_blank">Google Chrome Web Store</a>
     <br>
-    <i class="fa-brands fa-firefox-browser me-1"></i>
+    <i class="fa-brands fa-firefox-browser fa-lg me-1"></i>
     <a href="{{ site.firefox_url }}" target="_blank">Mozilla Firefox Add-ons</a>
 </p>