Add "USING YOUR SKY BOX" section

OldDigibox · May 26, 2020 · bc4e16b · bc4e16b
1 parent f0b66ed
commit bc4e16b
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 3 deletions.
diff --git a/click.js b/click.js
@@ -72,7 +72,10 @@ function toPage(frompage, topage) {
             $('main').addClass('bground2');
             break;
         case 'fyi':
-            $('main').addClass('bground2')
+            $('main').addClass('bground2');
+            break;
+        case 'skybox':
+            $('main').addClass('bground2');
             break;
     }
 

diff --git a/index.html b/index.html
@@ -1248,7 +1248,7 @@
         </section>
         <!--Services-->
         <section class="menulisting" id="services">
-            <li onclick="window.location.href = 'https://olddigibox.github.io/sky-web-epg/video/using_your_sky_box.mp4'">
+            <li onclick="toPage('services', 'skybox')">
                 <div class="num">1</div>
                 USING YOUR SKY BOX
             </li>
@@ -1286,6 +1286,27 @@
                 <a>Favourites</a>
             </div>
         </section>
+        <section class="menulisting" id="skybox">
+            <div class="titles">USING YOUR SKY BOX</div>
+            <div class="ltb">
+                <header>
+                    HELP INFORMATION
+                </header>
+                <main>
+                    • For information on recent changes refer to Sky magazine or channel 999 <br />
+                    • Press 'tv guide' to find out what's on over the next seven days<br />
+                    • To set a Reminder, Autoview or Series Link, highlight a future programme and press 'select'<br />
+                    • Press 'box office' to see what's on and to order an event<br />
+                    • To set up Parental Control press 'services' and choose '3'<br />
+                    • For any problems or for more information refer to the 'Using Your Sky Box' booklet
+                </main>
+            </div>
+            <div class="back">
+                <a>Press</a>
+                <a style="background-color: yellow; color: black" onclick="toPage('skybox', 'services')">BACK UP</a>
+                <a>to return</a>
+            </div>
+        </section>
         <section class="menulisting" id="systemsetup">
             <div class="titles">SYSTEM SETUP</div>
             <li>

diff --git a/style.css b/style.css
@@ -290,7 +290,7 @@ li .num {
 /* Large Text Box */
 
 .ltb {
-    width: 100%;
+    width: 150%;
     height: 100%;
     display: flex;
     flex-direction: column;