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 @@
![](https://raw.githubusercontent.com/WerWolv/ImHex/master/plugins/builtin/romfs/assets/dark/banner.png)
-
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
-
+
+
+
+
+
+
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