From 925bc93e5914fa255ce9ffe4acafa041d7353de3 Mon Sep 17 00:00:00 2001 From: paul Date: Sun, 16 Dec 2012 16:29:22 +0000 Subject: [PATCH] Commit initial coding for console and SPO; fix minor spacing type in SYMBOL/ALGOL. --- webUI/B5500Console.css | 266 ++++++++++++++++++++++++++++++++++++ webUI/B5500Console.html | 85 ++++++------ webUI/B5500ConsoleDemo.html | 140 +++++++++++++++++++ webUI/PanelTest.html | 2 +- webUI/TeletypeLogo.gif | Bin 0 -> 1983 bytes 5 files changed, 445 insertions(+), 48 deletions(-) create mode 100644 webUI/B5500Console.css create mode 100644 webUI/B5500ConsoleDemo.html create mode 100644 webUI/TeletypeLogo.gif diff --git a/webUI/B5500Console.css b/webUI/B5500Console.css new file mode 100644 index 0000000..27073a4 --- /dev/null +++ b/webUI/B5500Console.css @@ -0,0 +1,266 @@ +/*********************************************************************** +* retro-b5500/emulator B5500Console.css +************************************************************************ +* Copyright (c) 2012, Nigel Williams and Paul Kimpel. +* Licensed under the MIT License, see http://www.opensource.org/licenses/mit-license.php +************************************************************************ +* B5500 emulator Console web interface style sheet. +************************************************************************ +* 2012-12-14 P.Kimpel +* Original version, from B5500DistributionAndDisplay.css. +***********************************************************************/ + +BODY { + position: relative; + margin: 4px} + +DIV#consoleDiv { + position: relative; + width: 1052px; + height: 72px; + padding: 32px; + background-color: #666666} + +DIV#SPODiv { + position: relative; + width: 1052px; + margin-top: 1em; + text-align: center} + +DIV#SPOInnerDiv { + position: relative; + background-color: #FDA; + margin-left: auto; + margin-right: auto; + border-radius: 32px; + padding: 2em; + text-align: left; + width: 800px} + +DIV#BurroughsLogo { + background-color: black; + position: absolute; + top: 32px; + right: 32px; + border-top: 3px solid #EEEEEE; + border-bottom: 3px solid #EEEEEE} + +DIV#B5500Logo { + background-color: #EEEEEE; + font-family: Arial Narrow, Arial, Helvetica, sans-serif; + font-size: 24px; + color: #333333; + letter-spacing: 1px; + padding-left: 4px; + padding-right: 4px; + position: absolute; + top: 72px; + right: 32px} + +DIV.blackButton { + background-color: black; + color: white; + font-size: 10px; + position: absolute; + top: 32px; + width: 48px; + height: 32px; + text-align: center; + padding: 2px; + border: 1px solid #DDDDDD; + border-radius: 4px} + +DIV.whiteButton { + background-color: #CCCCCC; + color: black; + font-size: 10px; + position: absolute; + top: 32px; + width: 48px; + height: 32px; + text-align: center; + padding: 2px; + border: 1px solid #DDDDDD; + border-radius: 4px} + +DIV.whiteLit { + background-color: white} + +DIV.yellowButton { + background-color: #999900; + color: black; + font-size: 10px; + position: absolute; + top: 32px; + width: 48px; + height: 32px; + text-align: center; + padding: 2px; + border: 2px solid #DDDDDD; + border-radius: 4px} + +DIV.yellowLit { + background-color: #FFFF00} + +DIV.buttonCaption { + font-family: Arial Rounded, Arial, Helvetica, sans-serif; + font-size: 10px; + font-weight: bold; + margin-top: 0.25em} + +IMG#BurroughsLogoImage { + width: 150px; + text-align: center; + vertical-align: middle; + padding-top: 3px; + padding-bottom: 3px; + padding-left: 8px; + padding-right: 8px} + +IMG#TeletypeLogo { + position: absolute; + top: 32px; + right: 64px} + +BUTTON.whiteButton { + position: absolute; + background-color: #CCC; + color: black; + font-family: Arial Rounded, Arial, Helvetica, sans-serif; + font-size: 10px; + font-weight: bold; + width: 60px; + height: 40px; + border: 1px solid #DDD; + border-radius: 4px} + +BUTTON.blackButton { + position: absolute; + background-color: black; + color: white; + font-family: Arial Rounded, Arial, Helvetica, sans-serif; + font-size: 10px; + font-weight: bold; + width: 60px; + height: 40px; + border: 1px solid #DDD; + border-radius: 4px} + +BUTTON.yellowButton { + position: absolute; + background-color: #990; + color: black; + font-family: Arial Rounded, Arial, Helvetica, sans-serif; + font-size: 10px; + font-weight: bold; + width: 60px; + height: 40px; + border: 1px solid #DDD; + border-radius: 4px} + +BUTTON.yellowLit { + background-color: #FFFF00} + +BUTTON.blackBorder { + border: 1px solid black} + +BUTTON#HaltBtn { + top: 31px; + right: 1020px} + +BUTTON#NotReadyBtn { + top: 31px; + right: 920px} + +BUTTON#LoadSelectBtn { + top: 31px; + right: 850px} + +BUTTON#LoadBtn { + top: 31px; + right: 780px} + +BUTTON#MemoryCheckBtn { + top: 31px; + right: 680px} + +BUTTON#ANormalBtn { + top: 31px; + right: 610px} + +BUTTON#AControlBtn { + top: 31px; + right: 540px} + +BUTTON#BNormalBtn { + top: 31px; + right: 470px} + +BUTTON#BControlBtn { + top: 31px; + right: 400px} + +BUTTON#PowerOnBtn { + top: 31px; + right: 300px} + +BUTTON#PowerOffBtn { + top: 31px; + right: 230px} + +BUTTON#SPOReadyBtn { + bottom: 256px; + right: 120px} + +BUTTON#SPOPowerBtn { + bottom: 256px; + right: 44px} + +BUTTON#SPORemoteBtn { + bottom: 200px; + right: 120px} + +BUTTON#SPOLocalBtn { + bottom: 200px; + right: 44px} + +BUTTON#SPOInputRequestBtn { + bottom: 144px; + right: 120px} + +BUTTON#SPOEndOfMessageBtn { + bottom: 144px; + right: 44px} + +BUTTON#SPOBlank1Btn { + bottom: 88px; + right: 120px} + +BUTTON#SPOErrorBtn { + bottom: 88px; + right: 44px} + +BUTTON#SPOBlank2Btn { + bottom: 32px; + right: 120px} + +BUTTON#SPOBlank3Btn { + bottom: 32px; + right: 44px} + +TEXTAREA#SPOUT { + width: 620px; + /* + font-family: Lucida Sans Typewriter, Courier New, Courier, monospace; + font-size: 10pt */ } + +.center { + text-align: center} + +.data { + font-family: Courier New, Courier, monospace; + text-align: left} + +.number { + font-family: Courier New, Courier, monospace; + text-align: right} diff --git a/webUI/B5500Console.html b/webUI/B5500Console.html index 7150fde..3b03354 100644 --- a/webUI/B5500Console.html +++ b/webUI/B5500Console.html @@ -5,7 +5,7 @@ - + - + -
+
+ -
-
HALT
+ + + + + + + + + + + + + + +
-
-
NOT READY
+
+
+ + + + + + + + + + + + +
-
-
LOAD SELECT
-
-
-
LOAD
-
- -
-
MEMORY CHECK
-
-
-
A NORMAL
-
-
-
A CONTROL
-
-
-
B NORMAL
-
-
-
B CONTROL
- -
-
-
POWER ON
-
-
-
POWER OFF
-
- - - - -
- -

(Click the Power On button)

\ No newline at end of file diff --git a/webUI/B5500ConsoleDemo.html b/webUI/B5500ConsoleDemo.html new file mode 100644 index 0000000..fb879a4 --- /dev/null +++ b/webUI/B5500ConsoleDemo.html @@ -0,0 +1,140 @@ + + +B5500 Emulator Operator Console Demo + + + + + + + + + + + +
+ +
+
HALT
+
+ +
+
NOT READY
+
+
+
LOAD SELECT
+
+
+
LOAD
+
+ +
+
MEMORY CHECK
+
+
+
A NORMAL
+
+
+
A CONTROL
+
+
+
B NORMAL
+
+
+
B CONTROL
+ +
+
+
POWER ON
+
+
+
POWER OFF
+
+ + + + +
+ +

(Click the Power On button)

+ + + \ No newline at end of file diff --git a/webUI/PanelTest.html b/webUI/PanelTest.html index e9a22e9..307b41d 100644 --- a/webUI/PanelTest.html +++ b/webUI/PanelTest.html @@ -16,7 +16,7 @@ TD {