diff --git a/orch/_statics/turkeyreturncenter.html b/orch/_statics/turkeyreturncenter.html
index 6a02ca0c..766ed695 100644
--- a/orch/_statics/turkeyreturncenter.html
+++ b/orch/_statics/turkeyreturncenter.html
@@ -169,7 +169,7 @@
 
 <body>
 	<img id="logo" class="logo" src="https://storage.googleapis.com/turkey-assets/logos/logos_hubs-dark-logo.png" />
-	<div class="contents">
+	<div id="prod" class="contents">
 		<div class="card">
 			<h1>Reactivating Your Hub</h1>
 			<p>Your hub was paused to do inactivity. Please give us a moment to reactivate, estimate time for reactivation is 3 to 5 minuts.</p>
@@ -180,59 +180,112 @@ <h1>Reactivating Your Hub</h1>
 			</div>
 		</div>
 	</div>
-	<script>
-		var socket = new WebSocket("wss://" + window.location.host + "/websocket")
-		var countdown = 10;
-		var state = 0;
-
-
-		/**
-		Watch for ready
-		**/
-		socket.onmessage = function (event) {
-			if (event.data == "_refresh_") {
-				setInterval(async function () {
-					const timeout = new Promise((resolve, reject) => {
-						setTimeout(resolve, 1000, false);
-					})
-					const readinessCheck = Promise.all([
-						fetch("https://" + window.location.host + "/manifest.webmanifest").then(response => response.status),
-						fetch("https://" + window.location.host + "/api/v1/media/search?source=rooms&filter=public&cursor=0").then(response => response.status)
-					]).then(([status1, status2]) => status1 === 200 && status2 === 200);
-					const ready = await Promise.race([timeout, readinessCheck])
-					console.log("ready: ", ready)
-					if (ready) {
-						location.reload();
-					}
-				}, 10000);
-				return
-			}
-
-		};
-
-		socket.onopen = function (event) {
-			socket.send("hi")
-		};
-
-		window.addEventListener('keypress', function (event) {
-			socket.send("keyCode:" + event.keyCode)
-		});
-
-		unpausingLoop = setInterval(async function () {
-			switch (state) {
-				case 1:
-					if (!document.hidden) {
-						countdown--;
-					}
-					if (countdown <= 0 || countdown > 20) {
-						socket.send("_r_: 1")
-						state = 2
-						clearInterval(unpausingLoop);
-					}
-					break;
-			}
-		}, 1000);
+	<div id="dev" class="contents" style="display:none">
+		<img id="duckPic" src="https://storage.googleapis.com/turkey-assets/logos/hubsduck.png"/>
+		<div id="msg_line0">this hubs' paused due to inactivity. </div>
+		<div id="msg_line1"></div>
+		<div id="msg_line2">[]</div>
+		<div id="msg_line3"></div>		
+	</div>
 
+	<script>
+        var socket = new WebSocket("wss://" + window.location.host+"/websocket")
+        var countdown=10;
+        var state=0;
+        var wait=30;
+        var tokenStr=""
+
+        updateDuckRotation(countdown)
+
+        socket.onmessage = function (event) {
+            if (event.data.startsWith("token:")){
+                state=1
+                tokenStr=event.data
+                return
+            }
+            if (event.data == "_ok_"){
+                state=3
+                document.getElementById('msg_line2').innerText += ":";
+                document.getElementById('msg_line1').innerText = "unpausing."
+                return
+            }
+            if (event.data == "..."){
+                document.getElementById('msg_line2').innerText = "[ error, sry, please contact support ]"
+                return
+            }
+                document.getElementById('msg_line2').innerText = "[ "+event.data+" ]"
+        };
+        socket.onopen = function (event) {
+            socket.send("hi")
+        };
+        window.addEventListener('keypress', function (event) {
+            if (event.keyCode==96)
+				toggleDivs()
+        });
+
+        unpausingLoop = setInterval(async function() {
+            switch(state) {
+                case 1:
+                    if (!document.hidden){
+                        countdown--;
+                        updateDuckRotation(countdown)
+                        document.getElementById('msg_line2').innerText = "[ unpausing start in: " + countdown + " sec ]";
+                    }
+                    if (countdown <= 0 ) {
+                        socket.send(tokenStr)
+                        state=2
+                		document.getElementById('msg_line0').innerText = ""   
+                        document.getElementById('msg_line1').innerText = "unpausing requested."
+                        document.getElementById('msg_line2').innerText = "";
+                    }
+                    break
+                case 2:
+                    document.getElementById('msg_line2').innerText += "'";
+                    break
+                case 3:
+                    console.log("start poking")
+                    state=4
+                    setInterval(async function() {     
+                        document.getElementById('msg_line1').innerText = "waiting for backend"                   
+                        const timeout = new Promise((resolve, reject) => { setTimeout(resolve, 2000, false);})
+                        const readinessCheck = Promise.all([
+                            fetch("https://"+window.location.host+"/manifest.webmanifest").then(response => response.status),
+                            fetch("https://"+window.location.host+"/api/v1/media/search?source=rooms&filter=public&cursor=0").then(response => response.status)
+                        ]).then(([status1, status2]) => status1 < 300 && status2 < 300);                            
+                        const ready=await Promise.race([timeout, readinessCheck])
+                        console.log("ready: ", ready)
+                        if (ready) {
+                            location.reload();
+                        }
+                    document.getElementById('msg_line2').innerText += "0"
+                    }, 15000);
+                    break
+                case 4:
+                    msg2=document.getElementById('msg_line2').innerText
+                    msg2+="."
+                    msg2=msg2.replace('.....', 'v')
+                    msg2=msg2.replace('vv', 'x')
+                    document.getElementById('msg_line2').innerText =msg2
+
+            }
+        }, 1000);
+        
+        function updateDuckRotation(countdown){
+            document.getElementById('duckPic').style.transform='rotate(' + (countdown * 18).toString() + 'deg)';
+        }
+		// window.addEventListener('click', function (evt) {
+		// 	if (evt.detail === 4) {
+		// 		toggleDivs()
+		// 	}
+		// });		
+        function toggleDivs(){
+			var divs = [document.getElementById("dev"),document.getElementById("prod")]
+			divs.forEach(element => {
+				if (element.style.display == "")
+					element.style.display = "none";
+				else element.style.display = "";
+			});
+		}
 	</script>
 </body>
 
