Skip to content

Commit

Permalink
Version 2.1
Browse files Browse the repository at this point in the history
Performance optimisations
ECMA48/ANSI iCE colors support
Automatic parsing and execution of SAUCE ANSiFlags
JavaScript refactor
Improved error handling and user feedback
Improved embedded SAUCE detection
Bug fixes

See docs\changes.md
  • Loading branch information
Ben Garrett committed Feb 27, 2017
1 parent d83ce7e commit 4a60ac8
Show file tree
Hide file tree
Showing 26 changed files with 5,166 additions and 4,045 deletions.
30 changes: 30 additions & 0 deletions .eslintrc.js
@@ -0,0 +1,30 @@
module.exports = {
"env": {
"browser": true,
"es6": true,
"qunit": true
},
"extends": "eslint:recommended",
"parserOptions": {
"ecmaVersion": 6,
"impliedStrict": true
},
"rules": {
"no-console": 0,
"no-fallthrough": ["error", { "commentPattern": "break[\\s\\w]*omitted" }],
"no-unused-vars": ["error", { "vars": "local" }],
"indent": ["error", 2, { "SwitchCase": 1 }],
"linebreak-style": [
"error",
"windows"
],
"quotes": [
"error",
"backtick"
],
"semi": [
"error",
"never"
]
}
};
9 changes: 0 additions & 9 deletions .jshintrc

This file was deleted.

7 changes: 5 additions & 2 deletions _locales/en_US/messages.json
Expand Up @@ -15,6 +15,9 @@
"message": "Wildcat!"
},
"url_help": {
"message": "https://github.com/bengarrett/RetroTxt/blob/master/README.md"
"message": "https://github.com/bengarrett/RetroTxt/blob/master/docs/index.md"
},
"url_issues": {
"message": "https://github.com/bengarrett/RetroTxt/issues"
}
}
}
201 changes: 118 additions & 83 deletions css/options.css
Expand Up @@ -6,200 +6,235 @@ See options_filefox.css for adjustments for the Firefox/Gecko browsers
*/

body {
display: flex;
flex-direction: column;
overflow: hidden;
display: flex;
flex-direction: column;
overflow: hidden;
}

code {
font-size: 125%;
font-size: 125%;
}

footer {
order: 6;
order: 6;
}

hr {
background: rgb(215, 211, 200);
border: 0;
height: 0.063em;
background: rgb(215, 211, 200);
border: 0;
height: 0.063em;
}

h2 {
margin-bottom: 0.75em;
margin-top: 0;
margin-bottom: 0.75em;
margin-top: 0;
}

h3 {
margin: 0;
margin-bottom: 0.25em;
font-size: 1.1em;
margin: 0;
margin-bottom: 0.25em;
font-size: 1.1em;
}

input[type=checkbox] {
padding: 0;
margin: 0;
padding: 0;
margin: 0;
}

input[type=radio] {
padding: 0;
margin: 0;
margin-left: 0.33em;
padding: 0;
margin: 0;
margin-left: 0.33em;
}

pre {
border: 0;
border: 0;
}

#run-web-urls-permitted {
border: 0.063em solid rgb(215, 211, 200);
margin: 0.5em;
margin-left: auto;
margin-right: auto;
padding: 0.5em;
width: 100%;
border: 0.063em solid rgb(215, 211, 200);
margin: 0.5em;
margin-left: auto;
margin-right: auto;
padding: 0.5em;
width: 100%;
}

#authored-fonts {
font-size: 1em;
font-size: 1em;
}

#advanced-options {
order: 5;
order: 5;
}

#credits {
float: right;
text-align: right;
float: right;
text-align: right;
}

#error {
color: rgb(255, 0, 0);
display: none;
}

#option-buttons {
float: left;
float: left;
}

#option-buttons i {
color: rgb(77, 78, 83);
color: rgb(77, 78, 83);
}

#option-buttons i:hover {
color: inherit;
color: inherit;
}

#options-container {
/* fall back for non-styled browsers such as Opera */
max-width: 32em;
/* fall back for non-styled browsers such as Opera */
max-width: 32em;
}

#font-form {
display: flex;
order: 3;
display: flex;
order: 3;
}

#font-styles {
order: 4;
display: flex;
justify-content: space-around;
order: 4;
display: flex;
justify-content: space-around;
}

#font-selects {
flex-direction: column;
width: 50%;
padding: 0;
margin-left: 0.4em;
flex-direction: column;
width: 50%;
padding: 0;
margin-left: 0.4em;
}

#font-styles-colors {
order: 1;
margin-bottom: 0.5em;
order: 1;
margin-bottom: 0.5em;
}

#font-styles-colors h2 {
margin: 0;
margin: 0;
}

#font-styles-effects {
order: 3;
width: 50%;
order: 3;
width: 50%;
}

#font-styles-line-heights {
order: 2;
order: 2;
}

#font-styles-line-heights h2 {
margin: 0;
margin: 0;
}

#fonts-ibm {
order: 1;
order: 1;
}

#fonts-computer {
order: 2;
order: 2;
}

.material-link {
color: rgb(77, 78, 83);
color: rgb(77, 78, 83);
}

.material-link:hover {
color: inherit;
color: inherit;
}

#sample-dos-ctrls {
display: none;
display: none;
}

#sample-dos-text {
/* anything placed in here will override any classes introduced by JavaScript */
align-items: center;
display: flex;
height: 30px;
margin: 0;
order: 1;
overflow: hidden;
padding: 0;
text-indent: 5px;
text-rendering: geometricPrecision;
/* anything placed in here will override any classes introduced by JavaScript */
align-items: center;
display: flex;
height: 30px;
margin: 0;
order: 1;
overflow: hidden;
padding: 0;
text-indent: 5px;
text-rendering: geometricPrecision;
}

#status {
order: 2;
order: 2;
}


/*
Blinking terminal prompt that works with any colour
*/

#sample-cursor {
text-shadow: 0 0 0;
animation: 300ms blink step-end infinite;
-moz-animation: 300ms blink step-end infinite;
-webkit-animation: 300ms blink step-end infinite;
}

@keyframes blink {
50% {
opacity: 0.5;
}
}

@-moz-keyframes blink {
50% {
opacity: 0.5;
}
}

@-webkit-keyframes blink {
50% {
opacity: 0.5;
}
}

#unittest {
display: none;
display: none;
}

.ascii-recommend {
color: rgb(77, 78, 83);
text-decoration: underline;
color: rgb(77, 78, 83);
text-decoration: underline;
}

.flexed-cols {
width: 50%;
width: 50%;
}

.material-check {
font-size: 1.5em;
margin-left: 0.1em;
margin-right: 0.25em;
vertical-align: middle !important;
font-size: 1.5em;
margin-left: 0.1em;
margin-right: 0.25em;
vertical-align: middle !important;
}

.material-credits {
font-size: 1.5em;
margin-left: 0.33em;
vertical-align: top !important;
font-size: 1.5em;
margin-left: 0.33em;
vertical-align: top !important;
}

.material-h3 {
font-size: 1em;
margin-right: 0.25em;
vertical-align: text-bottom !important;
font-size: 1em;
margin-right: 0.25em;
vertical-align: text-bottom !important;
}

.material-radio {
font-size: 1.5em;
vertical-align: middle !important;
}
font-size: 1.5em;
vertical-align: middle !important;
}

0 comments on commit 4a60ac8

Please sign in to comment.