diff --git a/README.md b/README.md index 8023742..607ff2d 100644 --- a/README.md +++ b/README.md @@ -10,8 +10,18 @@ This simulator is in extremely early stages, it is not even Alpha at this point To be decided, but at this moment this code is open source and free to use for non-commercial uses. +LZ-String, Copyright 2013 pieroxy under MIT license https://github.com/pieroxy/lz-string/blob/master/LICENSE + ## Changelog +### 0.4.7 + +* Added LZW compression to save files (can be disabled on save) +* Settings are now saved persistently +* Added a basic help window, accessible via the top menu Help->Help, or pressing F1. +* Hovering over an output will now hilight the links from it +* Fixed a bug where keybindings could conflict while typing in textboxes + ### 0.4.6 * Added a new keybinding system, and added many keyboard shortcuts (look in menu) diff --git a/css/main.css b/css/main.css index b33031f..36e57a7 100644 --- a/css/main.css +++ b/css/main.css @@ -283,10 +283,10 @@ textarea { background-color: #54545d; } -#inner-left-menu::-webkit-scrollbar { +#inner-left-menu::-webkit-scrollbar, #HelpWindowContent::-webkit-scrollbar { width: 12px; } -#inner-left-menu::-webkit-scrollbar-track { +#inner-left-menu::-webkit-scrollbar-track, #HelpWindowContent::-webkit-scrollbar-track { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#575a60+0,292b2d+14,000000+49,292b2d+82,575a60+100 */ background: rgb(87,90,96); /* Old browsers */ background: -moz-linear-gradient(left, rgba(87,90,96,1) 0%, rgba(41,43,45,1) 14%, rgba(0,0,0,1) 49%, rgba(41,43,45,1) 82%, rgba(87,90,96,1) 100%); /* FF3.6-15 */ @@ -295,7 +295,7 @@ textarea { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575a60', endColorstr='#575a60',GradientType=1 ); /* IE6-9 */ } -#inner-left-menu::-webkit-scrollbar-thumb { +#inner-left-menu::-webkit-scrollbar-thumb, #HelpWindowContent::-webkit-scrollbar-thumb { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+50,8e8e8e+50,000000+100&0+0,1+50,0+100 */ background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(142,142,142,1) 50%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(142,142,142,1) 50%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ @@ -354,6 +354,34 @@ textarea { } +.CloseWindow:hover { + /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#efc5ca+0,d24b5a+50,ba2737+51,f18e99+100;Red+Gloss+%233 */ + background: rgb(239,197,202); /* Old browsers */ + background: -moz-linear-gradient(top, rgba(239,197,202,1) 0%, rgba(210,75,90,1) 50%, rgba(186,39,55,1) 51%, rgba(241,142,153,1) 100%); /* FF3.6-15 */ + background: -webkit-linear-gradient(top, rgba(239,197,202,1) 0%,rgba(210,75,90,1) 50%,rgba(186,39,55,1) 51%,rgba(241,142,153,1) 100%); /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to bottom, rgba(239,197,202,1) 0%,rgba(210,75,90,1) 50%,rgba(186,39,55,1) 51%,rgba(241,142,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#f18e99',GradientType=0 ); /* IE6-9 */ + +} + +.CloseWindow { + cursor: default; + float: right; + margin-right: 10px; + font-family: Calibri; + border-radius: 5px; + margin: 3px; + width: 1em; + font-size: 0.8em; + + /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f85032+0,f16f5c+50,f6290c+51,f02f17+71,e73827+100;Red+Gloss+%231 */ + background: rgb(248,80,50); /* Old browsers */ + background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* FF3.6-15 */ + background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to bottom, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */ +} + #darkout-overlay { position: absolute; left: 0px; @@ -415,6 +443,43 @@ textarea { border: 1px solid black; z-index: 999; } + +#HelpWindow { + width: 60vw; + height: 60vh; +} + +.HelpZone { + background-color: rgba(255,255,255,0.1); + margin: 1rem; +} + +.HelpZone h2 { + background-color: #222222; + padding-left: 10px; +} + +.HelpZone h3 { + padding-left: 10px; + border-bottom: 1px inset #444; + padding-bottom: 5px; + margin-bottom: 5px; + color: #eeffff; +} + + +.HelpZone p { + padding: 5px; + margin-top: 5px; +} + +#HelpWindowContent { + margin: auto; + width: 100%; + height: 93%; + overflow-y: auto; +} + #CreateICBox { width: 400px; height: 300px; @@ -427,7 +492,7 @@ textarea { #SaveWindow { width: 350px; - height: 120px; + height: 140px; } #SaveWindowContent { @@ -436,7 +501,7 @@ textarea { margin-top: 10px; } -#PropertiesBoxTitle, #CreateICBoxTitle, #SaveWindowTitle { +#PropertiesBoxTitle, #CreateICBoxTitle, #SaveWindowTitle, #HelpWindowTitle { text-align: center; background-color: #222222; font-size: 1.5em; diff --git a/index.html b/index.html index 6233bbb..4106bf9 100644 --- a/index.html +++ b/index.html @@ -59,7 +59,7 @@
  • Delete
  • Disconnect
  • -
  • Select All
  • +
  • Select All
  • @@ -89,6 +89,8 @@
  • Help