Version 2.2

.codeclimate.yml

@@ -22,5 +22,3 @@ exclude_paths:
 - assets/
 - fonts/
 - test/
-- "docs/options.md"
-- "docs/changes.md"

README.md

@@ -16,13 +16,11 @@ Available for installation from both the [Chrome store](https://chrome.google.co
 
 ### [Chrome](https://chrome.google.com/webstore/detail/retrotxt/gkjkgilckngllkopkogcaiojfajanahn) · [Firefox](https://addons.mozilla.org/en-US/firefox/addon/retrotxt/)
 
-Recommendation? Overall, Firefox 51+ performs better than Chrome
-
 #### [Or use the source code](https://github.com/bengarrett/RetroTxt/blob/master/docs/source_code.md)
 
 ### Requirements
 
-**Chrome 49** or **Firefox 50**, newer or compatible browsers.
+**Chrome 51** or **Firefox 51**, newer or compatible browsers.
 
 ## Run RetroTxt
 
@@ -50,7 +48,7 @@ While RetroTxt uses a [GNU Lesser General Public License v3.0](http://choosealic
 
 ## Credits
 
-RetroTxt by Ben Garrett [@bens.zone](http://bens.zone/) and [GitHub](https://github.com/bengarrett/)
+RetroTxt by [Ben Garrett](http://bens.zone/) who can be reached at [Twiiter @bens_zone](https://twitter.com/bens_zone) or [GitHub](https://github.com/bengarrett/)
 
 - PC fonts [_The Ultimate Oldschool PC Font Pack_](http://int10h.org/oldschool-pc-fonts/) by Viler
 - Apple II font [_Print Char 21_](http://www.kreativekorp.com/software/fonts/apple2.shtml) by Kreative Korp
@@ -59,3 +57,7 @@ RetroTxt by Ben Garrett [@bens.zone](http://bens.zone/) and [GitHub](https://git
 - Commodore 64 font [_C64 Pro Mono TrueType v1.2_](http://style64.org/c64-truetype) from Style
 
 Options icons by [Google Material Design](https://material.google.com/)
+
+ANSI art used in promotional material
+- [GOO](http://blocktronics.org/tag/goo/) of Blocktronics
+- [Ungenannt](http://blocktronics.org/tag/ungennant/) of Blocktronics

_locales/en_GB/messages.json

@@ -5,7 +5,10 @@
   "center": {
     "message": "centre"
   },
+  "Gray": {
+    "message": "Grey"
+  },
   "gray_white_option": {
     "message": "DOS grey"
   }
-}
+}

_locales/en_US/messages.json

@@ -5,6 +5,9 @@
   "center": {
     "message": "center"
   },
+  "Gray": {
+    "message": "Gray"
+  },
   "gray_white_option": {
     "message": "DOS gray"
   },

css/options.css

@@ -165,7 +165,7 @@ Blinking terminal prompt that works with any colour
 */
 
 #sample-cursor {
-    text-shadow: 0 0 0;
+    text-shadow: none;
     animation: 300ms blink step-end infinite;
     -moz-animation: 300ms blink step-end infinite;
     -webkit-animation: 300ms blink step-end infinite;

css/retrotxt.css

@@ -270,6 +270,10 @@ options*.css for the styling of the Options dialogue.
     font-size: 1.5em;
 }
 
+.text-smeared {
+    text-shadow: 1px 0 0;
+}
+
 
 /*
  Primitive scanline effects only works on background, not over text.
@@ -297,7 +301,7 @@ Blinking terminal prompt that works with any colour
     animation: 300ms blink step-end infinite;
     -moz-animation: 300ms blink step-end infinite;
     -webkit-animation: 300ms blink step-end infinite;
-    text-shadow: 0 0 0;
+    text-shadow: none;
 }
 
 @keyframes blink {
@@ -327,7 +331,7 @@ Blinking terminal prompt that works with any colour
 body {
     display: flex;
     flex-direction: column;
-    text-shadow: 0 0 0;
+    text-shadow: none;
 }
 
 
@@ -338,8 +342,7 @@ font color value is the invert of the background colour
 */
 
 header {
-    filter: invert(100%);
-    -webkit-filter: invert(100%);
+    /* ver 2.2: the filter styles has been moved to changeColors() */
     font-family: vgalcd;
     font-size: 1.5em;
     line-height: 1.6em;
@@ -354,6 +357,12 @@ header {
     width: 100%;
 }
 
+header #h-palette,
+header #h-text-rend,
+header #ice-colors-toggle {
+    cursor: pointer;
+}
+
 header .unknown {
     /* note: header filter: invert(100%); */
     color: rgb(0, 170, 170);

css/text_colors_gray-ice.css

@@ -0,0 +1,49 @@
+/*
+ filename: text_colors_gray-ice.css
+
+ ECMA-48 presentation control function colour codes in CGA, EGA and VGA BIOS modes
+ RGB values taken from Wikipeda https://en.wikipedia.org/wiki/ANSI_escape_code#Colors
+
+ SGR39 SGR40 SGR49 are in text_ecma_48.css
+*/
+
+
+/* iCE Colors (high intensity backgrounds) */
+
+.SGR5 {
+    animation-name: none;
+    -moz-animation-name: none;
+    -webkit-animation-name: none;
+}
+
+.SGR40.SGR5 {
+    background-color: rgb(0, 0, 0)
+}
+
+.SGR41.SGR5 {
+    background-color: rgb(44, 44, 44);
+}
+
+.SGR42.SGR5 {
+    background-color: rgb(147, 147, 147);
+}
+
+.SGR43.SGR5 {
+    background-color: rgb(191, 191, 191);
+}
+
+.SGR44.SGR5 {
+    background-color: rgb(26, 26, 26);
+}
+
+.SGR45.SGR5 {
+    background-color: rgb(67, 67, 67);
+}
+
+.SGR46.SGR5 {
+    background-color: rgb(170, 170, 170);
+}
+
+.SGR47.SGR5 {
+    background-color: rgb(229, 229, 229);
+}

css/text_colors_gray.css

@@ -9,93 +9,97 @@
 */
 
 .SGR30 {
-  color: rgb(0, 0, 0);
+    color: rgb(0, 0, 0);
 }
 
 .SGR31 {
-  color: rgb(44, 44, 44);
+    color: rgb(44, 44, 44);
 }
 
 .SGR32 {
-  color: rgb(147, 147, 147);
+    color: rgb(147, 147, 147);
 }
 
 .SGR33 {
-  color: rgb(191, 191, 191);
+    color: rgb(191, 191, 191);
 }
 
 .SGR34 {
-  color: rgb(23, 23, 23);
+    color: rgb(23, 23, 23);
 }
 
 .SGR35 {
-  color: rgb(67, 67, 67);
+    color: rgb(67, 67, 67);
 }
 
 .SGR36 {
-  color: rgb(170, 170, 170);
+    color: rgb(170, 170, 170);
 }
 
 .SGR37 .SGR39 {
-  color: rgb(229, 229, 229);
+    color: rgb(229, 229, 229);
+}
+
+.SGR40 {
+    background-color: rgb(0, 0, 0)
 }
 
 .SGR41 {
-  background-color: rgb(44, 44, 44);
+    background-color: rgb(44, 44, 44);
 }
 
 .SGR42 {
-  background-color: rgb(147, 147, 147);
+    background-color: rgb(147, 147, 147);
 }
 
 .SGR43 {
-  background-color: rgb(191, 191, 191);
+    background-color: rgb(191, 191, 191);
 }
 
 .SGR44 {
-  background-color: rgb(26, 26, 26);
+    background-color: rgb(26, 26, 26);
 }
 
 .SGR45 {
-  background-color: rgb(67, 67, 67);
+    background-color: rgb(67, 67, 67);
 }
 
 .SGR46 {
-  background-color: rgb(170, 170, 170);
+    background-color: rgb(170, 170, 170);
 }
 
 .SGR47 {
-  background-color: rgb(229, 229, 229);
+    background-color: rgb(229, 229, 229);
 }
 
 .SGR130 {
-  color: rgb(127, 127, 127);
+    color: rgb(127, 127, 127);
 }
 
 .SGR131 {
-  color: rgb(77, 77, 77);
+    color: rgb(77, 77, 77);
 }
 
 .SGR132 {
-  color: rgb(150, 150, 150);
+    color: rgb(150, 150, 150);
 }
 
 .SGR133 {
-  color: rgb(227, 277, 277);
+    color: rgb(227, 277, 277);
 }
 
 .SGR134 {
-  color: rgb(110, 110, 110);
+    color: rgb(110, 110, 110);
 }
 
 .SGR135 {
-  color: rgb(105, 105, 105);
+    color: rgb(105, 105, 105);
 }
 
 .SGR136 {
-  color: rgb(178, 178, 178);
+    color: rgb(178, 178, 178);
 }
 
 .SGR137 {
-  color: rgb(255, 255, 255);
-}
+    color: rgb(255, 255, 255);
+}

css/text_colors_vga-ice.css

@@ -0,0 +1,57 @@
+/*
+ filename: text_colors_vga-ice.css
+
+ ECMA-48 presentation control function colour codes in CGA, EGA and VGA BIOS modes
+ RGB values taken from Wikipeda https://en.wikipedia.org/wiki/ANSI_escape_code#Colors
+
+ SGR39 SGR40 SGR49 are in text_ecma_48.css
+*/
+
+
+/* iCE Colors (high intensity backgrounds) */
+
+.SGR5 {
+    animation-name: none;
+    -moz-animation-name: none;
+    -webkit-animation-name: none;
+}
+
+.SGR40.SGR5 {
+    /* grey */
+    background-color: rgb(85, 85, 85);
+}
+
+.SGR41.SGR5 {
+    /* light red */
+    background-color: rgb(255, 85, 85);
+}
+
+.SGR42.SGR5 {
+    /* light green */
+    background-color: rgb(85, 255, 85);
+}
+
+.SGR43.SGR5 {
+    /* yellow */
+    background-color: rgb(255, 255, 85);
+}
+
+.SGR44.SGR5 {
+    /* light blue */
+    background-color: rgb(85, 85, 255);
+}
+
+.SGR45.SGR5 {
+    /* light magenta */
+    background-color: rgb(255, 85, 255);
+}
+
+.SGR46.SGR5 {
+    /* light cyan */
+    background-color: rgb(85, 255, 255);
+}
+
+.SGR47.SGR5 {
+    /* white high intensity */
+    background-color: rgb(255, 255, 255);
+}