Add loading overlay during terrain gen

1 files changed, 45 insertions, 0 deletions

diff --git a/src/main/resources/style.css b/src/main/resources/style.css
new file mode 100644
index 0000000..4d69b30
--- /dev/null
+++ b/src/main/resources/style.css
@@ -0,0 +1,45 @@
+body {
+  padding: 0;
+  margin: 0;
+}
+
+#loading-overlay {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: rgba(0,0,0,.5);
+}
+
+#spinner {
+  width: 50px;
+  height: 50px;
+  margin-top: -40px;
+  margin-left: -40px;
+
+  position: absolute;
+  top: 50%;
+  left: 50%;
+
+  border-width: 120px;
+  border-radius: 50%;
+  border: 16px solid #33abda;
+  border-top: 16px solid #3c3c3c;
+  -webkit-animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+canvas {
+  display: block;
+}
+
+.hidden {
+  display: none;
+}
\ No newline at end of file