From 835caa42900a6b0a4ad2df34fa2bfba0489a9a8f Mon Sep 17 00:00:00 2001
From: Greg MacLellan <greg@gregmaclellan.com>
Date: Sat, 30 Mar 2024 18:12:48 -0400
Subject: [PATCH] Add external open buttons

---
 index.html | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 315311b..c9d888d 100644
--- a/index.html
+++ b/index.html
@@ -26,6 +26,7 @@
         <script src="lib/jqtouch.min.js" type="text/javascript" charset="utf-8"></script>
         <script src="lib/jqtouch-jquery.min.js" type="text/javascript" charset="utf-8"></script>
         <script src="lib/moment.min.js" type="text/javascript" charset="utf-8"></script>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" integrity="sha384-4LISF5TTJX/fLmGSxO53rV4miRxdg84mZsxmO8Rx5jGtp/LbrixFETvWa5a6sESd" crossorigin="anonymous">
         
         <script type="text/javascript" charset="utf-8">
             var jQT = new $.jQTouch({
@@ -504,6 +505,7 @@ <h1>Ferry Schedule</h1>
                 <div class="toolbar">
                     <h1>Live Map (AIS)</h1>
                     <a href="#" class="back">Back</a>
+                    <a href="https://www.marinetraffic.com/en/ais/home/centerx:-76.453/centery:44.216/zoom:13" rel="external" class="button">Open <i class="bi bi-box-arrow-up-right"></i></a>
                 </div>
                 <div>
                     <template class="jit-content">
@@ -524,13 +526,14 @@ <h1>Live Map (AIS)</h1>
             </div>
             <div id="twitter-WolfeIslander3" class="twitter">
                 <div class="toolbar">
-                    <h1>Twitter</h1>
+                    <h1>@WolfeIslander3</h1>
                     <a href="#" class="back">Back</a>
+                    <a href="https://twitter.com/WolfeIslander3" rel="extenal" class="button">Open <i class="bi bi-box-arrow-up-right"></i></a>
                 </div>
                 <div>
                     <a class="twitter-timeline" 
                         data-dnt="true" data-theme="dark" data-tweet-limit="24" data-chrome="noheader"
-                        href="https://twitter.com/wolfeislander3?ref_src=twsrc%5Etfw">
+                        href="https://twitter.com/WolfeIslander3?ref_src=twsrc%5Etfw">
                         <ul>
                             <li>
                                 <p>Loading...</p>
@@ -541,8 +544,9 @@ <h1>Twitter</h1>
             </div>
             <div id="twitter-MIHomeYGK" class="twitter">
                 <div class="toolbar">
-                    <h1>Twitter</h1>
+                    <h1>@MIHomeYGK</h1>
                     <a href="#" class="back">Back</a>
+                    <a href="https://twitter.com/MIHomeYGK" rel="extenal" class="button">Open <i class="bi bi-box-arrow-up-right"></i></a>
                 </div>
                 <div>
                     <a class="twitter-timeline"