diff --git a/htdocs/css/login.css b/htdocs/css/login.css
new file mode 100644
index 0000000..ca80003
--- /dev/null
+++ b/htdocs/css/login.css
@@ -0,0 +1,37 @@
+@import url("openwebrx-header.css");
+@import url("openwebrx-globals.css");
+
+/* expandable photo not implemented on login page */
+#webrx-top-photo-clip {
+ max-height: 67px;
+}
+
+
+body {
+ background-color: #2e2e2e;
+}
+
+.login {
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+
+ width: 500px;
+
+ background-color: #ddd;
+ padding: 20px;
+ border-radius: 10px;
+ border: 1px solid #575757;
+}
+
+.login .btn {
+ width: 100%;
+}
+
+.btn-login {
+ color: #FFF;
+ background-color: #2e2e2e;
+ border-color: #2e2e2e;
+ height: 50px;
+}
\ No newline at end of file
diff --git a/htdocs/lib/AudioEngine.js b/htdocs/lib/AudioEngine.js
index 7e67042..b12c3a9 100644
--- a/htdocs/lib/AudioEngine.js
+++ b/htdocs/lib/AudioEngine.js
@@ -1,6 +1,6 @@
// this controls if the new AudioWorklet API should be used if available.
// the engine will still fall back to the ScriptProcessorNode if this is set to true but not available in the browser.
-var useAudioWorklets = true;
+var useAudioWorklets = false;
function AudioEngine(maxBufferLength, audioReporter) {
this.audioReporter = audioReporter;
diff --git a/htdocs/login.html b/htdocs/login.html
new file mode 100644
index 0000000..27f8ad9
--- /dev/null
+++ b/htdocs/login.html
@@ -0,0 +1,25 @@
+
+
+
+ OpenWebRX Login
+
+
+
+
+
+
+ ${header}
+
+
\ No newline at end of file