diff --git a/build_web.sh b/build_web.sh index 361c5fd..ee8ce79 100755 --- a/build_web.sh +++ b/build_web.sh @@ -2,6 +2,11 @@ echo "-- Preparing WWW files --" +rm -r html +mkdir -p html/img +mkdir -p html/js +mkdir -p html/css + # Join scripts DD=html_orig/jssrc cat $DD/chibi.js \ @@ -17,6 +22,9 @@ sass --sourcemap=none html_orig/sass/app.scss html_orig/css/app.css cp html_orig/css/app.css html/css/app.css cp html_orig/term.html html/term.tpl cp html_orig/wifi.html html/wifi.tpl +cp html_orig/about.html html/about.tpl +cp html_orig/help.html html/help.tpl cp html_orig/wifi_conn.html html/wifi_conn.tpl cp html_orig/img/loader.gif html/img/loader.gif +cp html_orig/img/cvut.svg html/img/cvut.svg cp html_orig/favicon.ico html/favicon.ico diff --git a/html/about.tpl b/html/about.tpl new file mode 100644 index 0000000..d83f202 --- /dev/null +++ b/html/about.tpl @@ -0,0 +1,80 @@ + + + + + About - ESP8266 Remote Terminal + + + + + + + +

About

+ +
+ +

ESP8266 Remote Terminal

+ + + +

© Ondřej Hruška, 2017 <ondra@ondrovo.com>

+ +

Katedra měření, FEL ČVUT
Department of Measurement, FEE CTU

+
+ +
+

Firmware

+ + + + + + + + + + + + + +
Firmwarev%vers_fw%, build %date% at %time%
libesphttpdv%vers_httpd%
ESP IoT SDKv%vers_sdk%
+
+ +
+

Issues

+

+ Please report any issues to the bugtracker or send them by e-mail. +

+

+ Firmware updates can be downloaded from the releases page. + Flash the images using esptool. +

+
+ +
+

Contributing

+

+ Submit your improvements and ideas to the project on GitHub.
+

+
+ +
+

Acknowledgements

+

+ The webserver is based on a fork of the + esphttpd library by Jeroen Domburg (Sprite_tm). +

+

+ Using (modified) JS library chibi.js by Kyle Barrow as a lightweight jQuery alternative. +

+
+ + + + + diff --git a/html/css/app.css b/html/css/app.css index cfe6420..409c132 100644 --- a/html/css/app.css +++ b/html/css/app.css @@ -461,8 +461,6 @@ h1 { h2 { font-size: 1.26563em; margin-bottom: 0.61805rem; } - h2:first-child { - margin-top: 0; } td, th { padding: 0.38198rem; @@ -498,6 +496,21 @@ tbody td input[type="text"], tbody td input[type="number"] { #loader.show { opacity: 1; } +ul > * { + padding-top: .1em; + padding-bottom: .1em; } + +#botnav { + padding-top: 1.5em; + text-align: center; } + #botnav a { + padding: 0 0.38198rem; + text-decoration: underline; } + #botnav a, #botnav a:visited, #botnav a:link { + color: #2e4d6e; } + #botnav a:hover { + color: #5abfff; } + button, input[type=submit], .button { text-align: center; cursor: pointer; @@ -687,6 +700,8 @@ input[type="number"], input[type="password"], input[type="text"], textarea, sele @media screen and (max-width: 544px) { .page-term #screen span:hover { outline: 0 none; } } + .page-term #screen .fg8, .page-term #screen .fg9, .page-term #screen .fg10, .page-term #screen .fg11, .page-term #screen .fg12, .page-term #screen .fg13, .page-term #screen .fg14, .page-term #screen .fg15 { + font-weight: bold; } .page-term #buttons { margin-top: 10px; white-space: nowrap; } @@ -701,3 +716,149 @@ input[type="number"], input[type="password"], input[type="text"], textarea, sele #termwrap { text-align: center; } + +.page-about .Box { + padding-left: 1rem; + padding-right: 1rem; } + .page-about .Box a { + font-weight: bold; } +.page-about #logo { + float: right; + height: 130px; } +.page-about #logo2 { + max-width: 100%; } +.page-about td { + white-space: normal; } + +.colorprev { + margin-top: 0.38198rem; + margin-bottom: 0.38198rem; } + .colorprev span { + display: inline-block; + width: 2em; + padding: 0.38198rem 0; + text-align: center; } + +.ansiref, .ansiref td, .ansiref th { + border: 1px solid #666; } +.ansiref th, .ansiref td { + white-space: normal; } +.ansiref th { + background-color: rgba(255, 255, 255, 0.1); } +.ansiref td:nth-child(1) { + font-family: monospace; } +.ansiref.w100 { + width: 100%; } + .ansiref.w100 td:nth-child(1) { + width: 6em; } + .ansiref.w100 td:nth-child(2) { + width: 8em; } + +.fg0 { + color: #111213; } + +.bg0 { + background-color: #111213; } + +.fg1 { + color: #CC0000; } + +.bg1 { + background-color: #CC0000; } + +.fg2 { + color: #4E9A06; } + +.bg2 { + background-color: #4E9A06; } + +.fg3 { + color: #C4A000; } + +.bg3 { + background-color: #C4A000; } + +.fg4 { + color: #3465A4; } + +.bg4 { + background-color: #3465A4; } + +.fg5 { + color: #75507B; } + +.bg5 { + background-color: #75507B; } + +.fg6 { + color: #06989A; } + +.bg6 { + background-color: #06989A; } + +.fg7 { + color: #D3D7CF; } + +.bg7 { + background-color: #D3D7CF; } + +.fg8 { + color: #555753; } + +.bg8 { + background-color: #555753; } + +.fg9 { + color: #EF2929; } + +.bg9 { + background-color: #EF2929; } + +.fg10 { + color: #8AE234; } + +.bg10 { + background-color: #8AE234; } + +.fg11 { + color: #FCE94F; } + +.bg11 { + background-color: #FCE94F; } + +.fg12 { + color: #729FCF; } + +.bg12 { + background-color: #729FCF; } + +.fg13 { + color: #AD7FA8; } + +.bg13 { + background-color: #AD7FA8; } + +.fg14 { + color: #34E2E2; } + +.bg14 { + background-color: #34E2E2; } + +.fg15 { + color: #EEEEEC; } + +.bg15 { + background-color: #EEEEEC; } + +@media screen and (min-width: 545px) { + .mq-phone { + display: none; } } +@media screen and (max-width: 544px) { + .mq-tablet-min { + display: none; } } +@media screen and (min-width: 1001px) { + .mq-tablet-max { + display: none; } } +@media screen and (max-width: 1000px) { + .mq-normal-min { + display: none; } } diff --git a/html/help.tpl b/html/help.tpl new file mode 100644 index 0000000..bb9ea11 --- /dev/null +++ b/html/help.tpl @@ -0,0 +1,326 @@ + + + + + Help - ESP8266 Remote Terminal + + + + + + + +

Quick Reference

+ +
+

Wiring

+ + +
+ +
+

Screen

+ + +
+ +
+

Color Reference

+ +

Color is set using \e[?m or \e[?;?m where "?" are numbers from the following tables:

+ + Foreground + +
+ 30 + 31 + 32 + 33 + 34 + 35 + 36 + 37 +
+ +
+ 90 + 91 + 92 + 93 + 94 + 95 + 96 + 97 +
+ + Background + +
+ 30 + 31 + 32 + 33 + 34 + 35 + 36 + 37 +
+ +
+ 100 + 101 + 102 + 103 + 104 + 105 + 106 + 107 +
+ +

Bright foreground can also be set using the "bold" attribute 1 (eg. \e[31;1m). For more details, see the ANSI code reference below.

+
+ +
+

User Input

+ +

+ All the user types on their keyboard is sent as-is to the UART, including ESC, ANSI sequences for arrow keys and CR-LF for Enter. + The input is limited to ASCII codes 32-126, backspace 8 and tab 9. +

+ +

The buttons under the screen send ASCII codes 1, 2, 3, 4, 5.

+ +

+ Mouse input (click/tap) is sent as \e?;?M with row;column. You can use this for on-screen buttons, menu navigation etc. + Please note this is a custom sequence, not supported by PuTTY or other terminals. +

+
+ +
+

Supported ANSI Escape Sequences

+ +

Sequences are started by ASCII code 27 (ESC, \e, \x1b, \033)

+ +

Instead of \a (BELL, ASCII 7) in the commands, you can use `\e\` (ESC + backslash). It's the Text Separator code.

+ +

Text Attributes

+ +

+ All text attributes are set using \e[...m where the dots are numbers separated by semicolons. + You can combine up to 3 attributes in a single command. +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
AttributeMeaning
0Reset text attributes to default
7Inverse (fg/bg swap when printing)
27Inverse OFF
30-37, 90-97Foreground color, normal and bright
40-47, 100-107Background color, normal and bright
+ +

Cursor

+ +

Movement commands scroll the screen if needed. The coordinates are 1-based, origin top left.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
CodeParamsMeaning
\e[?A[count]Move cursor up
\e[?B[count]Move cursor down
\e[?C[count]Move cursor forward (right)
\e[?D[count]Move cursor backward (left)
\e[?E[count]Go N line down, start of line
\e[?F[count]Go N lines up, start of line
\e[?GcolumnGo to column
\e[?;?G[row=1];[col=1]Go to row and column
\e[6n--Query cursor position. Position is sent back as \e[?;?R with row;column.
\e[s--Store position
\e[u--Restore position
\e7--Store position & attributes
\e8--Restore position & attributes
\e[?25l--Hide cursor (literal question mark, lowercase L!)
\e[?25h--Show cursor (literal question mark!)
+ +

Screen

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
CodeParamsMeaning
\e[?J[mode=0]Clear screen. Mode: 0 - from cursor, 1 - to cursor, 2 - all
\e[?K[mode=0]Erase line. Mode: 0 - from cursor, 1 - to cursor, 2 - all
\e[?S[lines]Scroll screen content up, add empty line at the bottom
\e[?T[lines]Scroll screen content down, add empty line at the top
\e]W?;?\arows;colsSet screen size, maximum 25x80 (resp. total 2000 characters). This also clears the screen.
+ +

System Commands

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
CodeParamsMeaning
\ec-- + "Device Reset" - clear screen, reset attributes, show cursor & move it to 1,1. + The screen size and WiFi settings stay unchanged. +
\e]FR\a--"Factory Reset", emergency code when you mess up the WiFi, restores SSID to unique default, clears stored credentials & enters Client+AP mode.
\e[5n--Query device status, replies with \e[0n "device is OK". Can be used to check if the UART works.
+
+ + + + + diff --git a/html/img/cvut.svg b/html/img/cvut.svg new file mode 100755 index 0000000..dc015d3 --- /dev/null +++ b/html/img/cvut.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/html/js/app.js b/html/js/app.js index 7b8aced..675b54a 100644 --- a/html/js/app.js +++ b/html/js/app.js @@ -958,9 +958,10 @@ $._loader = function(vis) { bg = inv ? cell.fg : cell.bg; // Update e.innerText = (cell.t+' ')[0]; - e.style.color = colorHex(fg); - e.style.backgroundColor = colorHex(bg); - e.style.fontWeight = fg > 7 ? 'bold' : 'normal'; + e.classList.className = 'fg'+fg+' bg'+bg; + // e.style.color = colorHex(fg); + // e.style.backgroundColor = colorHex(bg); + // e.style.fontWeight = fg > 7 ? 'bold' : 'normal'; } /** Show entire screen */ diff --git a/html/term.tpl b/html/term.tpl index 6a2f909..a6fc06a 100644 --- a/html/term.tpl +++ b/html/term.tpl @@ -24,6 +24,12 @@ + + + + + +

About

+ +
+ +

ESP8266 Remote Terminal

+ + + +

© Ondřej Hruška, 2017 <ondra@ondrovo.com>

+ +

Katedra měření, FEL ČVUT
Department of Measurement, FEE CTU

+
+ +
+

Firmware

+ + + + + + + + + + + + + +
Firmwarev%vers_fw%, build %date% at %time%
libesphttpdv%vers_httpd%
ESP IoT SDKv%vers_sdk%
+
+ +
+

Issues

+

+ Please report any issues to the bugtracker or send them by e-mail. +

+

+ Firmware updates can be downloaded from the releases page. + Flash the images using esptool. +

+
+ +
+

Contributing

+

+ Submit your improvements and ideas to the project on GitHub.
+

+
+ +
+

Acknowledgements

+

+ The webserver is based on a fork of the + esphttpd library by Jeroen Domburg (Sprite_tm). +

+

+ Using (modified) JS library chibi.js by Kyle Barrow as a lightweight jQuery alternative. +

+
+ + + + + diff --git a/html_orig/css/app.css b/html_orig/css/app.css index cfe6420..409c132 100644 --- a/html_orig/css/app.css +++ b/html_orig/css/app.css @@ -461,8 +461,6 @@ h1 { h2 { font-size: 1.26563em; margin-bottom: 0.61805rem; } - h2:first-child { - margin-top: 0; } td, th { padding: 0.38198rem; @@ -498,6 +496,21 @@ tbody td input[type="text"], tbody td input[type="number"] { #loader.show { opacity: 1; } +ul > * { + padding-top: .1em; + padding-bottom: .1em; } + +#botnav { + padding-top: 1.5em; + text-align: center; } + #botnav a { + padding: 0 0.38198rem; + text-decoration: underline; } + #botnav a, #botnav a:visited, #botnav a:link { + color: #2e4d6e; } + #botnav a:hover { + color: #5abfff; } + button, input[type=submit], .button { text-align: center; cursor: pointer; @@ -687,6 +700,8 @@ input[type="number"], input[type="password"], input[type="text"], textarea, sele @media screen and (max-width: 544px) { .page-term #screen span:hover { outline: 0 none; } } + .page-term #screen .fg8, .page-term #screen .fg9, .page-term #screen .fg10, .page-term #screen .fg11, .page-term #screen .fg12, .page-term #screen .fg13, .page-term #screen .fg14, .page-term #screen .fg15 { + font-weight: bold; } .page-term #buttons { margin-top: 10px; white-space: nowrap; } @@ -701,3 +716,149 @@ input[type="number"], input[type="password"], input[type="text"], textarea, sele #termwrap { text-align: center; } + +.page-about .Box { + padding-left: 1rem; + padding-right: 1rem; } + .page-about .Box a { + font-weight: bold; } +.page-about #logo { + float: right; + height: 130px; } +.page-about #logo2 { + max-width: 100%; } +.page-about td { + white-space: normal; } + +.colorprev { + margin-top: 0.38198rem; + margin-bottom: 0.38198rem; } + .colorprev span { + display: inline-block; + width: 2em; + padding: 0.38198rem 0; + text-align: center; } + +.ansiref, .ansiref td, .ansiref th { + border: 1px solid #666; } +.ansiref th, .ansiref td { + white-space: normal; } +.ansiref th { + background-color: rgba(255, 255, 255, 0.1); } +.ansiref td:nth-child(1) { + font-family: monospace; } +.ansiref.w100 { + width: 100%; } + .ansiref.w100 td:nth-child(1) { + width: 6em; } + .ansiref.w100 td:nth-child(2) { + width: 8em; } + +.fg0 { + color: #111213; } + +.bg0 { + background-color: #111213; } + +.fg1 { + color: #CC0000; } + +.bg1 { + background-color: #CC0000; } + +.fg2 { + color: #4E9A06; } + +.bg2 { + background-color: #4E9A06; } + +.fg3 { + color: #C4A000; } + +.bg3 { + background-color: #C4A000; } + +.fg4 { + color: #3465A4; } + +.bg4 { + background-color: #3465A4; } + +.fg5 { + color: #75507B; } + +.bg5 { + background-color: #75507B; } + +.fg6 { + color: #06989A; } + +.bg6 { + background-color: #06989A; } + +.fg7 { + color: #D3D7CF; } + +.bg7 { + background-color: #D3D7CF; } + +.fg8 { + color: #555753; } + +.bg8 { + background-color: #555753; } + +.fg9 { + color: #EF2929; } + +.bg9 { + background-color: #EF2929; } + +.fg10 { + color: #8AE234; } + +.bg10 { + background-color: #8AE234; } + +.fg11 { + color: #FCE94F; } + +.bg11 { + background-color: #FCE94F; } + +.fg12 { + color: #729FCF; } + +.bg12 { + background-color: #729FCF; } + +.fg13 { + color: #AD7FA8; } + +.bg13 { + background-color: #AD7FA8; } + +.fg14 { + color: #34E2E2; } + +.bg14 { + background-color: #34E2E2; } + +.fg15 { + color: #EEEEEC; } + +.bg15 { + background-color: #EEEEEC; } + +@media screen and (min-width: 545px) { + .mq-phone { + display: none; } } +@media screen and (max-width: 544px) { + .mq-tablet-min { + display: none; } } +@media screen and (min-width: 1001px) { + .mq-tablet-max { + display: none; } } +@media screen and (max-width: 1000px) { + .mq-normal-min { + display: none; } } diff --git a/html_orig/help.html b/html_orig/help.html new file mode 100644 index 0000000..bb9ea11 --- /dev/null +++ b/html_orig/help.html @@ -0,0 +1,326 @@ + + + + + Help - ESP8266 Remote Terminal + + + + + + + +

Quick Reference

+ +
+

Wiring

+ + +
+ +
+

Screen

+ + +
+ +
+

Color Reference

+ +

Color is set using \e[?m or \e[?;?m where "?" are numbers from the following tables:

+ + Foreground + +
+ 30 + 31 + 32 + 33 + 34 + 35 + 36 + 37 +
+ +
+ 90 + 91 + 92 + 93 + 94 + 95 + 96 + 97 +
+ + Background + +
+ 30 + 31 + 32 + 33 + 34 + 35 + 36 + 37 +
+ +
+ 100 + 101 + 102 + 103 + 104 + 105 + 106 + 107 +
+ +

Bright foreground can also be set using the "bold" attribute 1 (eg. \e[31;1m). For more details, see the ANSI code reference below.

+
+ +
+

User Input

+ +

+ All the user types on their keyboard is sent as-is to the UART, including ESC, ANSI sequences for arrow keys and CR-LF for Enter. + The input is limited to ASCII codes 32-126, backspace 8 and tab 9. +

+ +

The buttons under the screen send ASCII codes 1, 2, 3, 4, 5.

+ +

+ Mouse input (click/tap) is sent as \e?;?M with row;column. You can use this for on-screen buttons, menu navigation etc. + Please note this is a custom sequence, not supported by PuTTY or other terminals. +

+
+ +
+

Supported ANSI Escape Sequences

+ +

Sequences are started by ASCII code 27 (ESC, \e, \x1b, \033)

+ +

Instead of \a (BELL, ASCII 7) in the commands, you can use `\e\` (ESC + backslash). It's the Text Separator code.

+ +

Text Attributes

+ +

+ All text attributes are set using \e[...m where the dots are numbers separated by semicolons. + You can combine up to 3 attributes in a single command. +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
AttributeMeaning
0Reset text attributes to default
7Inverse (fg/bg swap when printing)
27Inverse OFF
30-37, 90-97Foreground color, normal and bright
40-47, 100-107Background color, normal and bright
+ +

Cursor

+ +

Movement commands scroll the screen if needed. The coordinates are 1-based, origin top left.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
CodeParamsMeaning
\e[?A[count]Move cursor up
\e[?B[count]Move cursor down
\e[?C[count]Move cursor forward (right)
\e[?D[count]Move cursor backward (left)
\e[?E[count]Go N line down, start of line
\e[?F[count]Go N lines up, start of line
\e[?GcolumnGo to column
\e[?;?G[row=1];[col=1]Go to row and column
\e[6n--Query cursor position. Position is sent back as \e[?;?R with row;column.
\e[s--Store position
\e[u--Restore position
\e7--Store position & attributes
\e8--Restore position & attributes
\e[?25l--Hide cursor (literal question mark, lowercase L!)
\e[?25h--Show cursor (literal question mark!)
+ +

Screen

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
CodeParamsMeaning
\e[?J[mode=0]Clear screen. Mode: 0 - from cursor, 1 - to cursor, 2 - all
\e[?K[mode=0]Erase line. Mode: 0 - from cursor, 1 - to cursor, 2 - all
\e[?S[lines]Scroll screen content up, add empty line at the bottom
\e[?T[lines]Scroll screen content down, add empty line at the top
\e]W?;?\arows;colsSet screen size, maximum 25x80 (resp. total 2000 characters). This also clears the screen.
+ +

System Commands

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
CodeParamsMeaning
\ec-- + "Device Reset" - clear screen, reset attributes, show cursor & move it to 1,1. + The screen size and WiFi settings stay unchanged. +
\e]FR\a--"Factory Reset", emergency code when you mess up the WiFi, restores SSID to unique default, clears stored credentials & enters Client+AP mode.
\e[5n--Query device status, replies with \e[0n "device is OK". Can be used to check if the UART works.
+
+ + + + + diff --git a/html_orig/jssrc/term.js b/html_orig/jssrc/term.js index 916c2c0..1e3af32 100644 --- a/html_orig/jssrc/term.js +++ b/html_orig/jssrc/term.js @@ -70,9 +70,10 @@ bg = inv ? cell.fg : cell.bg; // Update e.innerText = (cell.t+' ')[0]; - e.style.color = colorHex(fg); - e.style.backgroundColor = colorHex(bg); - e.style.fontWeight = fg > 7 ? 'bold' : 'normal'; + e.classList.className = 'fg'+fg+' bg'+bg; + // e.style.color = colorHex(fg); + // e.style.backgroundColor = colorHex(bg); + // e.style.fontWeight = fg > 7 ? 'bold' : 'normal'; } /** Show entire screen */ diff --git a/html_orig/sass/_layout.scss b/html_orig/sass/_layout.scss index 56c06c3..ffc2126 100644 --- a/html_orig/sass/_layout.scss +++ b/html_orig/sass/_layout.scss @@ -103,7 +103,7 @@ h1 { h2 { font-size: fsize(2); margin-bottom: dist(-1); - &:first-child{margin-top:0} + //&:first-child{margin-top:0} } td, th { @@ -153,3 +153,26 @@ tbody td { opacity:1; } } + +ul > * { + padding-top: .1em; + padding-bottom: .1em; +} + +#botnav { + padding-top: 1.5em; + text-align: center; + + a { + padding: 0 dist(-2); + text-decoration: underline; + + &, &:visited, &:link { + color: #2e4d6e; + } + + &:hover { + color: #5abfff; + } + } +} diff --git a/html_orig/sass/_term-colors.scss b/html_orig/sass/_term-colors.scss new file mode 100644 index 0000000..c1b1d1c --- /dev/null +++ b/html_orig/sass/_term-colors.scss @@ -0,0 +1,16 @@ +$term-colors: + // 0 black, 1 red, 2 green, 3 yellow + // 4 blue, 5 mag, 6 cyan, 7 white + #111213, #CC0000, #4E9A06, #C4A000, + #3465A4, #75507B, #06989A, #D3D7CF, + // BRIGHT + // 8 black, 9 red, 10 green, 11 yellow + // 12 blue, 13 mag, 14 cyan, 15 white + #555753, #EF2929, #8AE234, #FCE94F, + #729FCF, #AD7FA8, #34E2E2, #EEEEEC; + +@for $i from 1 through length($term-colors) { + $c: nth($term-colors, $i); + .fg#{$i - 1} { color: $c; } + .bg#{$i - 1} { background-color: $c; } +} diff --git a/html_orig/sass/app.scss b/html_orig/sass/app.scss index a9b9a62..c80c715 100755 --- a/html_orig/sass/app.scss +++ b/html_orig/sass/app.scss @@ -39,3 +39,23 @@ $c-form-highlight-a: #2972ba; // import all our pages @import "pages/wifi"; @import "pages/term"; +@import "pages/about"; +@import "term-colors"; + +// media queries + +@include media($tablet-min) { + .mq-phone { display: none; } +} + +@include media($phone) { + .mq-tablet-min { display: none; } +} + +@include media($normal-min) { + .mq-tablet-max { display: none; } +} + +@include media($tablet-max) { + .mq-normal-min { display: none; } +} diff --git a/html_orig/sass/pages/_about.scss b/html_orig/sass/pages/_about.scss new file mode 100644 index 0000000..3669cd1 --- /dev/null +++ b/html_orig/sass/pages/_about.scss @@ -0,0 +1,63 @@ +.page-about { + .Box { + padding-left:dist(0); + padding-right:dist(0); + + a {font-weight: bold;} + } + + #logo { + float:right; + height: 130px; + } + + // mobile friendly + #logo2 { + max-width: 100%; + } + + td { + white-space: normal; + } +} + +.colorprev { + margin-top: dist(-2); + margin-bottom: dist(-2); + span { + display: inline-block; + width: 2em; + padding: dist(-2) 0; + text-align: center; + } +} + +.ansiref { + &,td,th{ + border: 1px solid #666; + } + + th,td { + white-space: normal; + } + + th { + background-color: rgba(255,255,255,.1); + } + + td:nth-child(1) { + font-family: monospace; + } + + &.w100 { + width: 100%; + + td:nth-child(1) { + width: 6em; + } + + td:nth-child(2) { + width: 8em; + } + } +} diff --git a/html_orig/sass/pages/_term.scss b/html_orig/sass/pages/_term.scss index ef8f3b4..8b44437 100755 --- a/html_orig/sass/pages/_term.scss +++ b/html_orig/sass/pages/_term.scss @@ -8,26 +8,28 @@ #screen { @include noselect(); - font-family: monospace; font-size: 16pt; white-space: nowrap; background: #111213; padding: 6px; display: inline-block; - - border: 2px solid #3983CD;//#1bc249; + border: 2px solid #3983CD; //#1bc249; span { white-space: pre; cursor: pointer; &:hover { - outline: 1px solid rgba(#ffffff,0.4); + outline: 1px solid rgba(#ffffff, 0.4); @include media($phone) { outline: 0 none; } } } + + .fg8, .fg9, .fg10, .fg11, .fg12, .fg13, .fg14, .fg15 { + font-weight: bold; + } } #buttons { diff --git a/html_orig/term.html b/html_orig/term.html index 6a2f909..a6fc06a 100644 --- a/html_orig/term.html +++ b/html_orig/term.html @@ -24,6 +24,12 @@ + +