v0.52.3

dist/engineStyle.bundle.js

@@ -1,2 +1,2 @@
-!function(n){function t(t){for(var e,i,f=t[0],c=t[1],l=t[2],p=0,s=[];p<f.length;p++)i=f[p],u[i]&&s.push(u[i][0]),u[i]=0;for(e in c)Object.prototype.hasOwnProperty.call(c,e)&&(n[e]=c[e]);for(a&&a(t);s.length;)s.shift()();return r.push.apply(r,l||[]),o()}function o(){for(var n,t=0;t<r.length;t++){for(var o=r[t],e=!0,f=1;f<o.length;f++){var c=o[f];0!==u[c]&&(e=!1)}e&&(r.splice(t--,1),n=i(i.s=o[0]))}return n}var e={},u={1:0},r=[];function i(t){if(e[t])return e[t].exports;var o=e[t]={i:t,l:!1,exports:{}};return n[t].call(o.exports,o,o.exports,i),o.l=!0,o.exports}i.m=n,i.c=e,i.d=function(n,t,o){i.o(n,t)||Object.defineProperty(n,t,{enumerable:!0,get:o})},i.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},i.t=function(n,t){if(1&t&&(n=i(n)),8&t)return n;if(4&t&&"object"==typeof n&&n&&n.__esModule)return n;var o=Object.create(null);if(i.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:n}),2&t&&"string"!=typeof n)for(var e in n)i.d(o,e,function(t){return n[t]}.bind(null,e));return o},i.n=function(n){var t=n&&n.__esModule?function(){return n.default}:function(){return n};return i.d(t,"a",t),t},i.o=function(n,t){return Object.prototype.hasOwnProperty.call(n,t)},i.p="";var f=window.webpackJsonp=window.webpackJsonp||[],c=f.push.bind(f);f.push=t,f=f.slice();for(var l=0;l<f.length;l++)t(f[l]);var a=c;r.push([857,0]),o()}({794:function(n,t,o){},796:function(n,t,o){},798:function(n,t,o){},800:function(n,t,o){},802:function(n,t,o){},804:function(n,t,o){},806:function(n,t,o){},808:function(n,t,o){},810:function(n,t,o){},812:function(n,t,o){},814:function(n,t,o){},816:function(n,t,o){},818:function(n,t,o){},820:function(n,t,o){},822:function(n,t,o){},824:function(n,t,o){},826:function(n,t,o){},828:function(n,t,o){},830:function(n,t,o){},832:function(n,t,o){},834:function(n,t,o){},836:function(n,t,o){},838:function(n,t,o){},840:function(n,t,o){},842:function(n,t,o){},844:function(n,t,o){},846:function(n,t,o){},848:function(n,t,o){},850:function(n,t,o){},852:function(n,t,o){},854:function(n,t,o){},857:function(n,t,o){"use strict";o.r(t);o(856),o(854),o(852),o(850),o(848),o(846),o(844),o(842),o(840),o(838),o(836),o(834),o(832),o(830),o(828),o(826),o(824),o(822),o(820),o(818),o(816),o(814),o(812),o(810),o(808),o(806),o(804),o(802),o(800),o(798),o(796),o(794)}});
+!function(n){function t(t){for(var e,i,f=t[0],c=t[1],l=t[2],p=0,s=[];p<f.length;p++)i=f[p],u[i]&&s.push(u[i][0]),u[i]=0;for(e in c)Object.prototype.hasOwnProperty.call(c,e)&&(n[e]=c[e]);for(a&&a(t);s.length;)s.shift()();return r.push.apply(r,l||[]),o()}function o(){for(var n,t=0;t<r.length;t++){for(var o=r[t],e=!0,f=1;f<o.length;f++){var c=o[f];0!==u[c]&&(e=!1)}e&&(r.splice(t--,1),n=i(i.s=o[0]))}return n}var e={},u={1:0},r=[];function i(t){if(e[t])return e[t].exports;var o=e[t]={i:t,l:!1,exports:{}};return n[t].call(o.exports,o,o.exports,i),o.l=!0,o.exports}i.m=n,i.c=e,i.d=function(n,t,o){i.o(n,t)||Object.defineProperty(n,t,{enumerable:!0,get:o})},i.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},i.t=function(n,t){if(1&t&&(n=i(n)),8&t)return n;if(4&t&&"object"==typeof n&&n&&n.__esModule)return n;var o=Object.create(null);if(i.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:n}),2&t&&"string"!=typeof n)for(var e in n)i.d(o,e,function(t){return n[t]}.bind(null,e));return o},i.n=function(n){var t=n&&n.__esModule?function(){return n.default}:function(){return n};return i.d(t,"a",t),t},i.o=function(n,t){return Object.prototype.hasOwnProperty.call(n,t)},i.p="";var f=window.webpackJsonp=window.webpackJsonp||[],c=f.push.bind(f);f.push=t,f=f.slice();for(var l=0;l<f.length;l++)t(f[l]);var a=c;r.push([858,0]),o()}({795:function(n,t,o){},797:function(n,t,o){},799:function(n,t,o){},801:function(n,t,o){},803:function(n,t,o){},805:function(n,t,o){},807:function(n,t,o){},809:function(n,t,o){},811:function(n,t,o){},813:function(n,t,o){},815:function(n,t,o){},817:function(n,t,o){},819:function(n,t,o){},821:function(n,t,o){},823:function(n,t,o){},825:function(n,t,o){},827:function(n,t,o){},829:function(n,t,o){},831:function(n,t,o){},833:function(n,t,o){},835:function(n,t,o){},837:function(n,t,o){},839:function(n,t,o){},841:function(n,t,o){},843:function(n,t,o){},845:function(n,t,o){},847:function(n,t,o){},849:function(n,t,o){},851:function(n,t,o){},853:function(n,t,o){},855:function(n,t,o){},858:function(n,t,o){"use strict";o.r(t);o(857),o(855),o(853),o(851),o(849),o(847),o(845),o(843),o(841),o(839),o(837),o(835),o(833),o(831),o(829),o(827),o(825),o(823),o(821),o(819),o(817),o(815),o(813),o(811),o(809),o(807),o(805),o(803),o(801),o(799),o(797),o(795)}});
 //# sourceMappingURL=engineStyle.bundle.js.map

dist/engineStyle.css

@@ -404,7 +404,7 @@ input[type="checkbox"] {
   background: var(--my-font-color);
   cursor: pointer; }
 
-.noselect {
+.noselect, br {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
@@ -523,6 +523,421 @@ input[type="checkbox"] {
 
 /* COLORS */
 /* Attributes */
+/* COLORS */
+/* Attributes */
+/* COLORS */
+/* Attributes */
+* {
+  font-size: 16px;
+  font-family: "Lucida Console", "Lucida Sans Unicode", "Fira Mono", "Consolas", "Courier New", Courier, monospace, "Times New Roman"; }
+
+*,
+*:before,
+*:after {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  vertical-align: top; }
+
+:root {
+  --my-font-color: #6f3;
+  --my-background-color: #000;
+  --my-highlight-color: #fff;
+  --my-prompt-color: #f92672; }
+
+body {
+  background-color: var(--my-background-color); }
+
+p,
+pre,
+h2,
+.text,
+td {
+  color: var(--my-font-color); }
+
+h1 {
+  font-size: 22px;
+  color: var(--my-font-color); }
+
+ul {
+  padding: 2px;
+  list-style-type: none; }
+
+li {
+  list-style-type: none; }
+
+#entire-game-container {
+  background-color: transparent; }
+
+/* Disable border highlight on elements */
+input:focus,
+textarea:focus,
+button:focus,
+td:focus,
+tr:focus {
+  outline: none; }
+
+/* Make html links ("a" elements) nice looking buttons with this class */
+a:link,
+a:visited {
+  color: #fff; }
+
+.dropdown {
+  color: #fff;
+  background-color: #000; }
+
+.text-input {
+  color: #fff;
+  background-color: #000;
+  border-style: solid;
+  border-width: 1px;
+  border-color: white; }
+
+/* Notification icon (for create program right now only) */
+#create-program-tab {
+  position: relative; }
+
+#create-program-notification {
+  font-size: 10px;
+  position: absolute;
+  /* Position the badge within the relatively positioned button */
+  top: 0;
+  right: 0; }
+
+#factions-tab {
+  position: relative; }
+
+#factions-notification {
+  font-size: 10px;
+  position: absolute;
+  /* Position the badge within the relatively positioned button */
+  top: 0;
+  right: 0; }
+
+#augmentations-tab {
+  position: relative; }
+
+#augmentations-notification {
+  font-size: 10px;
+  position: absolute;
+  /* Position the badge within the relatively positioned button */
+  top: 0;
+  right: 0; }
+
+.notification-on {
+  background-color: #fa3e3e;
+  color: #fff;
+  border-radius: 2px;
+  padding: 1px 3px; }
+
+.notification-off {
+  background-color: #333;
+  color: #333;
+  border-radius: 0;
+  padding: 0; }
+
+/* help tip. Question mark that opens popup with info/details */
+.help-tip {
+  background-color: black;
+  border: 1px solid #fff;
+  border-radius: 5px;
+  color: #fff;
+  content: '?';
+  display: inline-block;
+  margin-left: 3px;
+  padding: 1px; }
+
+.help-tip-big {
+  content: '?';
+  padding: 3px;
+  margin-left: 3px;
+  color: #fff;
+  border: 1px solid #fff;
+  border-radius: 8px;
+  display: inline-block; }
+
+.help-tip:hover,
+.help-tip-big:hover {
+  background-color: #888; }
+
+.help-tip:active,
+.help-tip-big:active {
+  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
+  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
+  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); }
+
+/* Flashing button (Red) */
+@-webkit-keyframes glowing {
+  0% {
+    background-color: #b20000;
+    -webkit-box-shadow: 0 0 3px #b20000; }
+  50% {
+    background-color: #f00;
+    -webkit-box-shadow: 0 0 40px #f00; }
+  100% {
+    background-color: #b20000;
+    -webkit-box-shadow: 0 0 3px #b20000; } }
+
+@-moz-keyframes glowing {
+  0% {
+    background-color: #b20000;
+    -moz-box-shadow: 0 0 3px #b20000; }
+  50% {
+    background-color: #f00;
+    -moz-box-shadow: 0 0 40px #f00; }
+  100% {
+    background-color: #b20000;
+    -moz-box-shadow: 0 0 3px #b20000; } }
+
+@-o-keyframes glowing {
+  0% {
+    background-color: #b20000;
+    box-shadow: 0 0 3px #b20000; }
+  50% {
+    background-color: #f00;
+    box-shadow: 0 0 40px #f00; }
+  100% {
+    background-color: #b20000;
+    box-shadow: 0 0 3px #b20000; } }
+
+@keyframes glowing {
+  0% {
+    background-color: #b20000;
+    box-shadow: 0 0 3px #b20000; }
+  50% {
+    background-color: #f00;
+    box-shadow: 0 0 40px #f00; }
+  100% {
+    background-color: #b20000;
+    box-shadow: 0 0 3px #b20000; } }
+
+.flashing-button {
+  -webkit-animation: glowing 1500ms infinite;
+  -moz-animation: glowing 1500ms infinite;
+  -o-animation: glowing 1500ms infinite;
+  animation: glowing 1500ms infinite; }
+
+/* Blinking Cursor */
+/* ----- blinking cursor animation ----- */
+.typed-cursor {
+  opacity: 1;
+  -webkit-animation: blink 0.95s infinite;
+  -moz-animation: blink 0.95s infinite;
+  -ms-animation: blink 0.95s infinite;
+  -o-animation: blink 0.95s infinite;
+  animation: blink 0.95s infinite; }
+
+@-keyframes blink {
+  0% {
+    opacity: 1; }
+  50% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+
+@-webkit-keyframes blink {
+  0% {
+    opacity: 1; }
+  50% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+
+@-moz-keyframes blink {
+  0% {
+    opacity: 1; }
+  50% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+
+@-ms-keyframes blink {
+  0% {
+    opacity: 1; }
+  50% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+
+@-o-keyframes blink {
+  0% {
+    opacity: 1; }
+  50% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+
+/* Status text */
+@-webkit-keyframes status-text {
+  from {
+    opacity: 1; }
+  to {
+    opacity: 0; } }
+
+.status-text {
+  z-index: 2;
+  -webkit-animation: status-text 3s 1; }
+
+#status-text-container {
+  background-color: transparent;
+  position: absolute;
+  top: 0;
+  left: 50%; }
+
+#status-text {
+  background-color: transparent;
+  bottom: 0;
+  color: #fff;
+  display: none;
+  font-size: 20px;
+  margin-right: 14px;
+  opacity: 0;
+  padding: 4px;
+  right: 0;
+  top: 0;
+  width: auto; }
+
+/* Scan analyze links from AutoLink */
+.scan-analyze-link {
+  cursor: pointer;
+  color: #fff;
+  text-decoration: underline; }
+  .scan-analyze-link:hover {
+    text-decoration: none; }
+
+/* Accordion menus (Header with collapsible panel) */
+.accordion-header {
+  background-color: #444;
+  color: #fff;
+  font-size: 20px;
+  margin: 6px 6px 0 6px;
+  padding: 4px 6px;
+  cursor: pointer;
+  width: 80%;
+  text-align: left;
+  border: none;
+  outline: none;
+  position: relative; }
+  .accordion-header.active, .accordion-header:hover {
+    background-color: #555; }
+  .accordion-header.active:hover {
+    background-color: #666; }
+  .accordion-header:after {
+    content: '\2795';
+    /* "plus" sign (+) */
+    font-size: 14px;
+    float: right;
+    color: transparent;
+    text-shadow: 0 0 0 #fff;
+    position: absolute;
+    bottom: 5px;
+    right: 6px; }
+  .accordion-header.active:after {
+    content: "\2796";
+    /* "minus" sign (-) */ }
+
+.accordion-panel {
+  margin: 0 6px 6px 6px;
+  padding: 0 6px 6px 6px;
+  width: 75%;
+  margin-left: 5%;
+  display: none;
+  background-color: #555;
+  overflow-y: auto;
+  overflow-x: none; }
+  .accordion-panel div, .accordion-panel ul, .accordion-panel p, .accordion-panel ul > li {
+    background-color: #555; }
+
+/* override the global <span> styling */
+#active-scripts-total-production-active,
+#active-scripts-total-prod-aug-total,
+#active-scripts-total-prod-aug-avg {
+  margin: 0;
+  padding: 0; }
+
+/* Helper Classes */
+.hacker-green {
+  color: #adff2f; }
+
+.money-gold {
+  color: #ffd700; }
+
+.light-yellow {
+  color: #faffdf; }
+
+.failure {
+  color: #ff2929;
+  text-shadow: 0 0 0 #ff2929; }
+
+.success {
+  color: #3adb76;
+  text-shadow: 0 0 0 #3adb76; }
+
+.physical-yellow {
+  color: #faffdf; }
+
+.charisma-purple {
+  color: #a671d1; }
+
+.reputation {
+  color: #faffdf; }
+
+.smallfont {
+  font-size: 13px; }
+
+.samefont {
+  font-size: inherit; }
+
+.noscrollbar {
+  -ms-overflow-style: none;
+  /* IE and Edge */
+  /* stylelint-disable-next-line property-no-unknown */
+  scrollbar-width: none;
+  /* Firefox https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width */ }
+
+.noscrollbar::-webkit-scrollbar {
+  display: none; }
+
+input[type="checkbox"] {
+  filter: invert(1) sepia(1) hue-rotate(41deg) brightness(100%) saturate(10); }
+
+.optionCheckbox {
+  margin: 5px;
+  float: right; }
+
+.optionRange {
+  -webkit-appearance: none;
+  background: #777;
+  outline: none;
+  opacity: 0.7;
+  height: 10px;
+  -webkit-transition: 0.2s;
+  transition: opacity 0.2s;
+  margin: 3px; }
+
+.optionRange::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 10px;
+  height: 10px;
+  background: var(--my-font-color);
+  cursor: pointer; }
+
+.optionRange::-moz-range-thumb {
+  width: 10px;
+  height: 10px;
+  background: var(--my-font-color);
+  cursor: pointer; }
+
+.noselect, br, .a-link-button,
+.std-button, .a-link-button-bought,
+.std-button-bought {
+  -moz-user-select: -moz-none;
+  -khtml-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none; }
+
 /**
  * Styling for all buttons
  *
@@ -541,11 +956,7 @@ button {
   color: #fff;
   padding: 3px 5px;
   margin: 5px;
-  border: 1px solid #333;
+  border: 1px solid #333; }
-  -moz-user-select: none;
-  -ms-user-select: none;
-  -khtml-user-select: none;
-  -webkit-user-select: none; }
   .a-link-button:hover,
   .std-button:hover {
     background-color: #666; }
@@ -1528,6 +1939,419 @@ button {
 
 /* COLORS */
 /* Attributes */
+/* COLORS */
+/* Attributes */
+/* COLORS */
+/* Attributes */
+* {
+  font-size: 16px;
+  font-family: "Lucida Console", "Lucida Sans Unicode", "Fira Mono", "Consolas", "Courier New", Courier, monospace, "Times New Roman"; }
+
+*,
+*:before,
+*:after {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  vertical-align: top; }
+
+:root {
+  --my-font-color: #6f3;
+  --my-background-color: #000;
+  --my-highlight-color: #fff;
+  --my-prompt-color: #f92672; }
+
+body {
+  background-color: var(--my-background-color); }
+
+p,
+pre,
+h2,
+.text,
+td {
+  color: var(--my-font-color); }
+
+h1 {
+  font-size: 22px;
+  color: var(--my-font-color); }
+
+ul {
+  padding: 2px;
+  list-style-type: none; }
+
+li {
+  list-style-type: none; }
+
+#entire-game-container {
+  background-color: transparent; }
+
+/* Disable border highlight on elements */
+input:focus,
+textarea:focus,
+button:focus,
+td:focus,
+tr:focus {
+  outline: none; }
+
+/* Make html links ("a" elements) nice looking buttons with this class */
+a:link,
+a:visited {
+  color: #fff; }
+
+.dropdown {
+  color: #fff;
+  background-color: #000; }
+
+.text-input {
+  color: #fff;
+  background-color: #000;
+  border-style: solid;
+  border-width: 1px;
+  border-color: white; }
+
+/* Notification icon (for create program right now only) */
+#create-program-tab {
+  position: relative; }
+
+#create-program-notification {
+  font-size: 10px;
+  position: absolute;
+  /* Position the badge within the relatively positioned button */
+  top: 0;
+  right: 0; }
+
+#factions-tab {
+  position: relative; }
+
+#factions-notification {
+  font-size: 10px;
+  position: absolute;
+  /* Position the badge within the relatively positioned button */
+  top: 0;
+  right: 0; }
+
+#augmentations-tab {
+  position: relative; }
+
+#augmentations-notification {
+  font-size: 10px;
+  position: absolute;
+  /* Position the badge within the relatively positioned button */
+  top: 0;
+  right: 0; }
+
+.notification-on {
+  background-color: #fa3e3e;
+  color: #fff;
+  border-radius: 2px;
+  padding: 1px 3px; }
+
+.notification-off {
+  background-color: #333;
+  color: #333;
+  border-radius: 0;
+  padding: 0; }
+
+/* help tip. Question mark that opens popup with info/details */
+.help-tip {
+  background-color: black;
+  border: 1px solid #fff;
+  border-radius: 5px;
+  color: #fff;
+  content: '?';
+  display: inline-block;
+  margin-left: 3px;
+  padding: 1px; }
+
+.help-tip-big {
+  content: '?';
+  padding: 3px;
+  margin-left: 3px;
+  color: #fff;
+  border: 1px solid #fff;
+  border-radius: 8px;
+  display: inline-block; }
+
+.help-tip:hover,
+.help-tip-big:hover {
+  background-color: #888; }
+
+.help-tip:active,
+.help-tip-big:active {
+  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
+  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
+  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); }
+
+/* Flashing button (Red) */
+@-webkit-keyframes glowing {
+  0% {
+    background-color: #b20000;
+    -webkit-box-shadow: 0 0 3px #b20000; }
+  50% {
+    background-color: #f00;
+    -webkit-box-shadow: 0 0 40px #f00; }
+  100% {
+    background-color: #b20000;
+    -webkit-box-shadow: 0 0 3px #b20000; } }
+
+@-moz-keyframes glowing {
+  0% {
+    background-color: #b20000;
+    -moz-box-shadow: 0 0 3px #b20000; }
+  50% {
+    background-color: #f00;
+    -moz-box-shadow: 0 0 40px #f00; }
+  100% {
+    background-color: #b20000;
+    -moz-box-shadow: 0 0 3px #b20000; } }
+
+@-o-keyframes glowing {
+  0% {
+    background-color: #b20000;
+    box-shadow: 0 0 3px #b20000; }
+  50% {
+    background-color: #f00;
+    box-shadow: 0 0 40px #f00; }
+  100% {
+    background-color: #b20000;
+    box-shadow: 0 0 3px #b20000; } }
+
+@keyframes glowing {
+  0% {
+    background-color: #b20000;
+    box-shadow: 0 0 3px #b20000; }
+  50% {
+    background-color: #f00;
+    box-shadow: 0 0 40px #f00; }
+  100% {
+    background-color: #b20000;
+    box-shadow: 0 0 3px #b20000; } }
+
+.flashing-button {
+  -webkit-animation: glowing 1500ms infinite;
+  -moz-animation: glowing 1500ms infinite;
+  -o-animation: glowing 1500ms infinite;
+  animation: glowing 1500ms infinite; }
+
+/* Blinking Cursor */
+/* ----- blinking cursor animation ----- */
+.typed-cursor {
+  opacity: 1;
+  -webkit-animation: blink 0.95s infinite;
+  -moz-animation: blink 0.95s infinite;
+  -ms-animation: blink 0.95s infinite;
+  -o-animation: blink 0.95s infinite;
+  animation: blink 0.95s infinite; }
+
+@-keyframes blink {
+  0% {
+    opacity: 1; }
+  50% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+
+@-webkit-keyframes blink {
+  0% {
+    opacity: 1; }
+  50% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+
+@-moz-keyframes blink {
+  0% {
+    opacity: 1; }
+  50% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+
+@-ms-keyframes blink {
+  0% {
+    opacity: 1; }
+  50% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+
+@-o-keyframes blink {
+  0% {
+    opacity: 1; }
+  50% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+
+/* Status text */
+@-webkit-keyframes status-text {
+  from {
+    opacity: 1; }
+  to {
+    opacity: 0; } }
+
+.status-text {
+  z-index: 2;
+  -webkit-animation: status-text 3s 1; }
+
+#status-text-container {
+  background-color: transparent;
+  position: absolute;
+  top: 0;
+  left: 50%; }
+
+#status-text {
+  background-color: transparent;
+  bottom: 0;
+  color: #fff;
+  display: none;
+  font-size: 20px;
+  margin-right: 14px;
+  opacity: 0;
+  padding: 4px;
+  right: 0;
+  top: 0;
+  width: auto; }
+
+/* Scan analyze links from AutoLink */
+.scan-analyze-link {
+  cursor: pointer;
+  color: #fff;
+  text-decoration: underline; }
+  .scan-analyze-link:hover {
+    text-decoration: none; }
+
+/* Accordion menus (Header with collapsible panel) */
+.accordion-header {
+  background-color: #444;
+  color: #fff;
+  font-size: 20px;
+  margin: 6px 6px 0 6px;
+  padding: 4px 6px;
+  cursor: pointer;
+  width: 80%;
+  text-align: left;
+  border: none;
+  outline: none;
+  position: relative; }
+  .accordion-header.active, .accordion-header:hover {
+    background-color: #555; }
+  .accordion-header.active:hover {
+    background-color: #666; }
+  .accordion-header:after {
+    content: '\2795';
+    /* "plus" sign (+) */
+    font-size: 14px;
+    float: right;
+    color: transparent;
+    text-shadow: 0 0 0 #fff;
+    position: absolute;
+    bottom: 5px;
+    right: 6px; }
+  .accordion-header.active:after {
+    content: "\2796";
+    /* "minus" sign (-) */ }
+
+.accordion-panel {
+  margin: 0 6px 6px 6px;
+  padding: 0 6px 6px 6px;
+  width: 75%;
+  margin-left: 5%;
+  display: none;
+  background-color: #555;
+  overflow-y: auto;
+  overflow-x: none; }
+  .accordion-panel div, .accordion-panel ul, .accordion-panel p, .accordion-panel ul > li {
+    background-color: #555; }
+
+/* override the global <span> styling */
+#active-scripts-total-production-active,
+#active-scripts-total-prod-aug-total,
+#active-scripts-total-prod-aug-avg {
+  margin: 0;
+  padding: 0; }
+
+/* Helper Classes */
+.hacker-green {
+  color: #adff2f; }
+
+.money-gold {
+  color: #ffd700; }
+
+.light-yellow {
+  color: #faffdf; }
+
+.failure {
+  color: #ff2929;
+  text-shadow: 0 0 0 #ff2929; }
+
+.success {
+  color: #3adb76;
+  text-shadow: 0 0 0 #3adb76; }
+
+.physical-yellow {
+  color: #faffdf; }
+
+.charisma-purple {
+  color: #a671d1; }
+
+.reputation {
+  color: #faffdf; }
+
+.smallfont {
+  font-size: 13px; }
+
+.samefont {
+  font-size: inherit; }
+
+.noscrollbar {
+  -ms-overflow-style: none;
+  /* IE and Edge */
+  /* stylelint-disable-next-line property-no-unknown */
+  scrollbar-width: none;
+  /* Firefox https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width */ }
+
+.noscrollbar::-webkit-scrollbar {
+  display: none; }
+
+input[type="checkbox"] {
+  filter: invert(1) sepia(1) hue-rotate(41deg) brightness(100%) saturate(10); }
+
+.optionCheckbox {
+  margin: 5px;
+  float: right; }
+
+.optionRange {
+  -webkit-appearance: none;
+  background: #777;
+  outline: none;
+  opacity: 0.7;
+  height: 10px;
+  -webkit-transition: 0.2s;
+  transition: opacity 0.2s;
+  margin: 3px; }
+
+.optionRange::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 10px;
+  height: 10px;
+  background: var(--my-font-color);
+  cursor: pointer; }
+
+.optionRange::-moz-range-thumb {
+  width: 10px;
+  height: 10px;
+  background: var(--my-font-color);
+  cursor: pointer; }
+
+.noselect, br, .dialog-box-close-button {
+  -moz-user-select: -moz-none;
+  -khtml-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none; }
+
 /* Pop-up boxes */
 .popup-box-container {
   display: none;

doc/source/changelog.rst

@@ -3,6 +3,28 @@
 Changelog
 =========
 
+v0.52.3 - 2021-07-15 Gangs were OP (hydroflame)
+-------------------------------------------
+
+** Gang **
+
+* Significant rework. Ascension is now based on exp gained.
+* All upgrades give exp bonuses.
+* Maximum gang members reduced to 12.
+* Respect required to recruit sharply increased.
+* Rewritten in React, the UI should be smoother and less laggy now.
+
+** Infiltration **
+
+* Now isTrusted protected.
+
+** Misc. **
+
+* Many UI element are now "noselect" protected.
+* Fixed an issue where you could join the same faction twice via script and
+  UI simultaneously.
+* Factions list screen converted to React.
+
 v0.52.2 - 2021-07-15 Oh yeah, BN11 is a thing (drunk hydroflame tbh)
 -------------------------------------------
 

doc/source/conf.py

@@ -66,7 +66,7 @@ documentation_title = '{0} Documentation'.format(project)
 # The short X.Y version.
 version = '0.52'
 # The full version, including alpha/beta/rc tags.
-release = '0.52.2'
+release = '0.52.3'
 
 # The language for content autogenerated by Sphinx. Refer to documentation
 # for a list of supported languages.

index.html

@@ -33,83 +33,83 @@
         <ul id="mainmenu" class="mainmenu noscrollbar">
             <!-- Hacking dropdown -->
             <li id="hacking-menu-header-li">
-                <button id="hacking-menu-header" class="mainmenu-accordion-header"> Hacking </button>
+                <button id="hacking-menu-header" class="mainmenu-accordion-header noselect"> Hacking </button>
             </li>
-            <li id="terminal-tab" class="mainmenu-accordion-panel">
+            <li id="terminal-tab" class="mainmenu-accordion-panel noselect">
                 <button id="terminal-menu-link"> Terminal </button>
             </li>
-            <li id="create-script-tab" class="mainmenu-accordion-panel">
+            <li id="create-script-tab" class="mainmenu-accordion-panel noselect">
                 <button id="create-script-menu-link"> Create Script </button>
             </li>
-            <li id="active-scripts-tab" class="mainmenu-accordion-panel">
+            <li id="active-scripts-tab" class="mainmenu-accordion-panel noselect">
                 <button id="active-scripts-menu-link"> Active Scripts </button>
             </li>
-            <li id="create-program-tab" class="mainmenu-accordion-panel">
+            <li id="create-program-tab" class="mainmenu-accordion-panel noselect">
                 <button id="create-program-menu-link"> Create Program </button>
                 <span id="create-program-notification" class="notification-off"> </span>
             </li>
 
             <!-- Character dropdown -->
             <li id="character-menu-header-li">
-                <button id="character-menu-header" class="mainmenu-accordion-header"> Character </button>
+                <button id="character-menu-header" class="mainmenu-accordion-header noselect"> Character </button>
             </li>
-            <li id="stats-tab" class="mainmenu-accordion-panel">
+            <li id="stats-tab" class="mainmenu-accordion-panel noselect">
                 <button id="stats-menu-link"> Stats </button>
             </li>
-            <li id="factions-tab" class="mainmenu-accordion-panel">
+            <li id="factions-tab" class="mainmenu-accordion-panel noselect">
                 <button id="factions-menu-link"> Factions </button>
                 <span id="factions-notification" class="notification-off"> </span>
             </li>
-            <li id="augmentations-tab" class="mainmenu-accordion-panel">
+            <li id="augmentations-tab" class="mainmenu-accordion-panel noselect">
                 <button id="augmentations-menu-link" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"> Augmentations </button>
                 <span id="augmentations-notification" class="notification-off"> </span>
             </li>
-            <li id="hacknet-nodes-tab" class="mainmenu-accordion-panel">
+            <li id="hacknet-nodes-tab" class="mainmenu-accordion-panel noselect">
                 <button id="hacknet-nodes-menu-link"> Hacknet </button>
             </li>
-            <li id="sleeves-tab" class="mainmenu-accordion-panel">
+            <li id="sleeves-tab" class="mainmenu-accordion-panel noselect">
                 <button id="sleeves-menu-link"> Sleeves </button>
             </li>
 
             <!-- World dropdown -->
             <li id="world-menu-header-li">
-                <button id="world-menu-header" class="mainmenu-accordion-header">World</button>
+                <button id="world-menu-header" class="mainmenu-accordion-header noselect">World</button>
             </li>
-			<li id="city-tab" class="mainmenu-accordion-panel">
+			<li id="city-tab" class="mainmenu-accordion-panel noselect">
                 <button id="city-menu-link"> City </button>
             </li>
-            <li id="travel-tab" class="mainmenu-accordion-panel">
+            <li id="travel-tab" class="mainmenu-accordion-panel noselect">
                 <button id="travel-menu-link"> Travel </button>
             </li>
-            <li id="job-tab" class="mainmenu-accordion-panel">
+            <li id="job-tab" class="mainmenu-accordion-panel noselect">
                 <button id="job-menu-link"> Job </button>
             </li>
-            <li id="stock-market-tab" class="mainmenu-accordion-panel">
+            <li id="stock-market-tab" class="mainmenu-accordion-panel noselect">
                 <button id="stock-market-menu-link"> Stock Market </button>
             </li>
-            <li id="bladeburner-tab" class="mainmenu-accordion-panel">
+            <li id="bladeburner-tab" class="mainmenu-accordion-panel noselect">
                 <button id="bladeburner-menu-link"> Bladeburner </button>
             </li>
-            <li id="corporation-tab" class="mainmenu-accordion-panel">
+            <li id="corporation-tab" class="mainmenu-accordion-panel noselect">
                 <button id="corporation-menu-link"> Corp </button>
             </li>
-            <li id="gang-tab" class="mainmenu-accordion-panel">
+            <li id="gang-tab" class="mainmenu-accordion-panel noselect">
                 <button id="gang-menu-link"> Gang </button>
             </li>
 
             <li id="help-menu-header-li">
-                <button id="help-menu-header" class="mainmenu-accordion-header"> Help </button>
+                <button id="help-menu-header" class="mainmenu-accordion-header noselect"> Help </button>
             </li>
-            <li id="milestones-tab" class="mainmenu-accordion-panel">
+            <li id="milestones-tab" class="mainmenu-accordion-panel noselect">
                 <button id="milestones-menu-link"> Milestones </button>
             </li>
-            <li id="tutorial-tab" class="mainmenu-accordion-panel">
+            <li id="tutorial-tab" class="mainmenu-accordion-panel noselect">
                 <button id="tutorial-menu-link"> Tutorial </button>
             </li>
-            <li id="options-tab" class="mainmenu-accordion-panel">
+            <li id="options-tab" class="mainmenu-accordion-panel noselect">
                 <button id="options-menu-link"> Options </button>
             </li>
-            <li id="dev-tab" class="mainmenu-accordion-panel">
+            <li id="dev-tab" class="mainmenu-accordion-panel noselect">
                 <button id="dev-menu-link"> Dev </button>
             </li>
         </ul>
@@ -366,7 +366,7 @@
         <div id="character-overview-text">
             <!-- ReactJS Component -->
         </div>
-        <div class="character-quick-options">
+        <div class="character-quick-options noselect">
             <button id="character-overview-save-button" class="character-overview-btn">Save Game</button>
             <button id="character-overview-options-button" class="character-overview-btn">Options</button>
         </div>

package.json

@@ -126,5 +126,5 @@
     "watch": "webpack --watch --mode production",
     "watch:dev": "webpack --watch --mode development"
   },
-  "version": "0.52.2"
+  "version": "0.52.3"
 }

src/Constants.ts

@@ -228,7 +228,7 @@ export const CONSTANTS: IMap<any> = {
     TotalNumBitNodes: 24,
 
     LatestUpdate: `
-    v0.52.3 - 2021-07-XX Gangs were OP (hydroflame)
+    v0.52.3 - 2021-07-15 Gangs were OP (hydroflame)
     -------------------------------------------
 
     ** Gang **