From 4403baefbbe2a5e80e54d1946e6fe8ec2ebc74a4 Mon Sep 17 00:00:00 2001
From: Nicholas Pease <me@nicholaspease.com>
Date: Mon, 31 May 2021 23:39:07 -0700
Subject: [PATCH] External Mode Added

---
 css/style.css         |  45 +++++++++++++++++++++++++++++++++++++++++-
 gmap.html             |  11 +++++++++++
 images/connection.png | Bin 0 -> 1258 bytes
 js/script2.js         |   2 +-
 4 files changed, 56 insertions(+), 2 deletions(-)
 create mode 100644 images/connection.png

diff --git a/css/style.css b/css/style.css
index 41e6e52..7c6bdbc 100644
--- a/css/style.css
+++ b/css/style.css
@@ -509,6 +509,12 @@ td#seen {
     margin: auto;
 }
 
+#external_mode_button {
+    position: relative;
+    left: 50%;
+    right: 50%;
+}
+
 #settingstext>table>tbody>tr>td {
     padding: 15px;
 }
@@ -692,4 +698,41 @@ td#seen {
     position: absolute;
     top: 51%;
     left: 69%;
-}
\ No newline at end of file
+}
+
+#external_connected {
+    width: 100%;
+    height: 100%;
+    background-color: black;
+    color: red;
+    text-align: center;
+    font-size: xx-large;
+    font-weight: bold;
+    
+}
+
+#external_title {
+    animation: blinkingText 1s infinite;
+    position: absolute;
+    top: 55%;
+    left: 35%;
+}
+
+#external_image {
+    animation: blinkingText 1s infinite;
+    position: absolute;
+    top: 40%;
+    left: 48%;
+}
+
+@keyframes blinkingText {
+   
+    0% {
+        opacity: 0;
+    }
+    50% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 0;
+    }
\ No newline at end of file
diff --git a/gmap.html b/gmap.html
index ad47cb2..2de6460 100644
--- a/gmap.html
+++ b/gmap.html
@@ -57,6 +57,10 @@
         <input id="airframes_post_icao" type="hidden" name="ica024" value="">
         <input type="hidden" name="submit" value="submit">
     </form>
+    <div id="external_connected" class="centered" style="display: none;" onclick="document.getElementById('external_connected').style.display = 'none'">
+        <img src="images/connection.png" id="external_image">
+<span id="external_title">EXTERNAL MODE ACTIVATED</span>
+    </div>
     <div id="home_page" style="display: none;">
         <img src="images/logo.png" class="logo">
         <table class="home_table">
@@ -125,6 +129,13 @@
                             <span class="mdl-switch__label"></span>
                           </label></td>
                 </tr>
+                <tr>
+                    <td>
+                        <button class="mdl-button mdl-js-button mdl-button--raised" onclick="document.getElementById('external_connected').style.display = 'block'" id="external_mode_button">
+                            Enable External Mode
+                          </button>
+                    </td>
+                </tr>
             </table>
             <table>
                 <tr>
diff --git a/images/connection.png b/images/connection.png
new file mode 100644
index 0000000000000000000000000000000000000000..dcc5cef7b3807dc6867e9fedb76199093f56821f
GIT binary patch
literal 1258
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD3?#3*wSy#B(j9#r85lP9bN@+X1@aY=J%W50
z7^>757#dm_7=8hT8eT9klo~KFyh>nTu$sZZAYL$MSD+0810z#_Plzi}!H5N4oX!6K
z|G(>jojWiHLP~=Cf*BkX6$A>rlq<}ba>T<qOzk}_gp(PStbI~L^zztE>a8+a;^WGU
z6VifoWmVGExD2>!ifmHYIK5dtq}`49^>s1|bL9gQ&HV(KW1?My?HnuBwOpkhbpp+2
zO!9Vj37yQc!x+e6FY)wsWq-=X$gHHlxuv`WB%fd87s7acQTZ$e2Br#67srr{dv9k%
zM++MYw6Wjf(h0Jh8YZ|(cR^EzE2HSs1qx3WEI9N3zwWlIJ2P_*J^N9SxbO7Ln|scu
zO!C~s;0Xr*os<_(%?e@Qy85o?DC?g~KU~Db4X!-7d!nIn*{g|+%y+wa9p>}_aVHS>
z0&zF*fuC+E43C<`7X)SYZFzU!ui`;`XXB=$?NvvD1XvuBcdk`r$!YO5eHduLq+=T<
z7{$nW;iVSG-3crw!n#_nE?`;VrhXu*@q>!NLgDR~oVWf7*WPy9fBxF+@>gv>6?wb@
zw`vxC+5hFO)SJiilokYV$RBv{>+33$Bb&C1iJc1Ds&j1JN6o53ul+nHT$OCs+PiZv
z-|c%0M`Y!;p5AL_&dBRv*Rk}k07FB5rOf@yV&7GD9p3$4r}=_0sJ!lY&3j!n&V={P
zoDUagi`He=M>{_FJAdc0wVVv>s#DkfT5515vGKsILtI}i_62ZV=iK$!=)VYqSW1)F
z`(J&xCo*i&-#E|YDMv$_%YwaMH4ex$?)hma=s(x$&i%_ld|y}=eLFAaEH}UA<-BLb
z2VZY+Wx9FycEyi<KOXr+{D@L|ZsPs!PEJLYVJ4Sy^aRthGQJYM=lh)<AEYWgJblC_
zk7a_`(iuxjv)(*?IFoHnsO$FPQq6$PC(o-^{@MR~)pEuQ+gF_A-o=oy%I3+vT^?uD
z>b<!dxF0T5zp$(-@JbAW`=QPG0W9JNJa2mJYe-(Y`W?@XE4slA>yK2;nEm`M!>8Yi
z=I?${`Y}51o$zK)^Iexz58OJMlDAJSZSnp~;w67#eQWnU54+WC=EGpZ{_jgb`nTqY
z{2qo2KZ9Qeo?OTFM)37YNd-+Hc)9<wzm!Hrwd8UAcwmB5Epd$~Nl7e8wMs5Z1yT$~
z21bUu24=bjh9L&VR>me)CI;FD237_Jjh#0CQ8eV{r(~v8;@0rtN{cg41B0ilpUXO@
GgeCwZGn!2R

literal 0
HcmV?d00001

diff --git a/js/script2.js b/js/script2.js
index 2af142a..04272f6 100644
--- a/js/script2.js
+++ b/js/script2.js
@@ -433,4 +433,4 @@ function toTitleCase(str) {
     return str.toLowerCase().split(' ').map(function(word) {
         return (word.charAt(0).toUpperCase() + word.slice(1));
     }).join(' ');
-}
\ No newline at end of file
+}