diff --git a/dist/web/source/index.html b/dist/web/source/index.html index ba9174211..3c281e711 100644 --- a/dist/web/source/index.html +++ b/dist/web/source/index.html @@ -9,7 +9,7 @@ ImHex Web - Free Online Hex Editor for Reverse Engineers - + @@ -67,13 +67,29 @@
-

A Free open source Hex Editor available natively and on the web!

+

A Hex Editor for Reverse Engineers, Programmers and people who value their retinas when working at 3 AM.

+

Available both natively and on the web

-
+
+
+

+ Not loading in your Browser? Try the native version +

+
+
+ +
+
+ +
diff --git a/dist/web/source/style.css b/dist/web/source/style.css index fe6af4d99..dd57e1bad 100644 --- a/dist/web/source/style.css +++ b/dist/web/source/style.css @@ -27,12 +27,54 @@ body { left: 0; } -#loading_text { +h1, h2 { color: #F0F0F0; font-size: 20px; font-family: monospace; width: 100%; text-align: center; + margin-top: 60px; + margin-bottom: 10px; +} + +h2 { + margin-top: 0px; + font-size: 18px; +} + +#not_working { + opacity: 0; +} + +#not_working.visible { + opacity: 1; + transition: opacity 2s ease; +} + +a { + color: #7893ff; + text-decoration: none; +} + +a:hover { + text-shadow: #3a4677 0px 0px 10px; +} + +.footer { + width: 100%; + height: 20px; + position: absolute; + bottom: 0; + text-align: center; + color: #F0F0F0; + background-color: #0A0A0A; + padding: 10px; + + display: flex; + justify-content: center; + align-items: center; + flex-direction: row; + gap: 10%; } .centered { @@ -45,10 +87,6 @@ body { height: 100%; } -.loading_ripple { - -} - .lds-ripple { display: inline-block; diff --git a/dist/web/source/wasm-config.js b/dist/web/source/wasm-config.js index ee9f4786c..a241bda0f 100644 --- a/dist/web/source/wasm-config.js +++ b/dist/web/source/wasm-config.js @@ -30,6 +30,10 @@ function glfwCreateStandardCursorCustom(shape) { return shape } +var notWorkingTimer = setTimeout(() => { + document.getElementById("not_working").classList.add("visible") +}, 5000); + var Module = { preRun: [], postRun: [], @@ -37,9 +41,11 @@ var Module = { // Triggered when the wasm module is loaded and ready to use. document.getElementById("loading").style.display = "none" document.getElementById("canvas").style.display = "initial" + + clearTimeout(notWorkingTimer); }, print: (function() { })(), - printErr: function(text) { }, + printErr: function(text) { }, canvas: (function() { let canvas = document.getElementById('canvas'); // As a default initial behavior, pop up an alert when webgl context is lost. To make your