diff --git a/dist/web/source/index.html b/dist/web/source/index.html
index ffedcd6e4..ba9174211 100644
--- a/dist/web/source/index.html
+++ b/dist/web/source/index.html
@@ -4,12 +4,12 @@
-
+
-
ImHex Web - Online Hex Editor
+ ImHex Web - Free Online Hex Editor for Reverse Engineers
-
+
@@ -65,7 +65,17 @@
- ImHex is loading...
+
+
![](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!
+
+
+
+
+
+
diff --git a/dist/web/source/robots.txt b/dist/web/source/robots.txt
new file mode 100644
index 000000000..14267e903
--- /dev/null
+++ b/dist/web/source/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /
\ No newline at end of file
diff --git a/dist/web/source/sitemap.xml b/dist/web/source/sitemap.xml
new file mode 100644
index 000000000..594030df7
--- /dev/null
+++ b/dist/web/source/sitemap.xml
@@ -0,0 +1,14 @@
+
+
+
+
+ https://web.imhex.werwolv.net/
+ 2023-12-07T22:53:06+00:00
+
+
+
+
\ No newline at end of file
diff --git a/dist/web/source/style.css b/dist/web/source/style.css
index cd8906530..fe6af4d99 100644
--- a/dist/web/source/style.css
+++ b/dist/web/source/style.css
@@ -29,8 +29,70 @@ body {
#loading_text {
color: #F0F0F0;
- font-size: 30px;
+ font-size: 20px;
font-family: monospace;
width: 100%;
text-align: center;
+}
+
+.centered {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+
+ width: 100%;
+ height: 100%;
+}
+
+.loading_ripple {
+
+}
+
+
+.lds-ripple {
+ display: inline-block;
+ position: relative;
+ width: 80px;
+ height: 80px;
+}
+.lds-ripple div {
+ position: absolute;
+ border: 4px solid #fff;
+ opacity: 1;
+ border-radius: 50%;
+ animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
+}
+.lds-ripple div:nth-child(2) {
+ animation-delay: -0.5s;
+}
+@keyframes lds-ripple {
+ 0% {
+ top: 36px;
+ left: 36px;
+ width: 0;
+ height: 0;
+ opacity: 0;
+ }
+ 4.9% {
+ top: 36px;
+ left: 36px;
+ width: 0;
+ height: 0;
+ opacity: 0;
+ }
+ 5% {
+ top: 36px;
+ left: 36px;
+ width: 0;
+ height: 0;
+ opacity: 1;
+ }
+ 100% {
+ top: 0px;
+ left: 0px;
+ width: 72px;
+ height: 72px;
+ opacity: 0;
+ }
}
\ No newline at end of file
diff --git a/dist/web/source/wasm-config.js b/dist/web/source/wasm-config.js
index 055804e88..ee9f4786c 100644
--- a/dist/web/source/wasm-config.js
+++ b/dist/web/source/wasm-config.js
@@ -35,7 +35,7 @@ var Module = {
postRun: [],
onRuntimeInitialized: function() {
// Triggered when the wasm module is loaded and ready to use.
- document.getElementById("loading_text").style.display = "none"
+ document.getElementById("loading").style.display = "none"
document.getElementById("canvas").style.display = "initial"
},
print: (function() { })(),