diff --git a/src/css/app.css b/src/css/app.css index c2a0294..576b7d7 100644 --- a/src/css/app.css +++ b/src/css/app.css @@ -31,10 +31,6 @@ body { .phrase { word-break: keep-all; } -.phraseSplitWarn { - text-align: right; - color: red; -} .generate-container .strength { /* override mobile width from bootstrap */ width: auto!important; diff --git a/src/index.html b/src/index.html index 096274d..ab1239a 100644 --- a/src/index.html +++ b/src/index.html @@ -175,9 +175,11 @@
- + +

+ +

-
diff --git a/src/js/index.js b/src/js/index.js index 03a8296..807230b 100644 --- a/src/js/index.js +++ b/src/js/index.js @@ -1470,16 +1470,25 @@ DOM.splitPhrase.val(cards.join("\r\n")); var triesPerSecond=10000000000; var hackTime=Math.pow(2,wordCount*10/3)/triesPerSecond; + var displayRedText = false; if (hackTime<1) { hackTime="<1 second"; + displayRedText = true; } else if (hackTime<86400) { hackTime=Math.floor(hackTime)+" seconds"; + displayRedText = true; } else if(hackTime<31557600) { hackTime=Math.floor(hackTime/86400)+" days"; + displayRedText = true; } else { hackTime=Math.floor(hackTime/31557600)+" years"; } DOM.phraseSplitWarn.html("Time to hack with only one card: "+hackTime); + if (displayRedText) { + DOM.phraseSplitWarn.addClass("text-danger"); + } else { + DOM.phraseSplitWarn.removeClass("text-danger"); + } } function isUsingOwnEntropy() {