Added support for quiet areas

[libreadventure.git] / front / dist / index.html
diff --git a/front/dist/index.html b/front/dist/index.html

index 41146c41cc1a7347472833e6a725576fd5f1c48e..9d1fdb1a7f4f1fe0f463ec37371cad60aa79b502 100644 (file)
--- a/front/dist/index.html
+++ b/front/dist/index.html
@@ -103,29 +103,42 @@ display:block;
  position:absolute;
  }
  
+#quietzone {
+  display:none;
+  position:absolute;
+  bottom:5px;
+  right:25px;
+  color:white;
+  font-size:20px;
+  text-shadow: 0 0 10px black;
+}
+
          </style>
      </head>
      <body id="body" style="margin: 0">
        <div id="game" class="game">
          <div id="game-overlay">
          <div id="webRtc" class="webrtc" style="pointer-events:none">
-            <div id="activeCam" class="activeCam">
-                <div id="div-myCamVideo" class="video-container">
-                    <video id="myCamVideo" autoplay muted></video>
-                </div>
-            </div>
-            <div class="btn-cam-action">
-                <div class="btn-micro">
-                    <img id="microphone" src="resources/logos/microphone.svg">
-                    <img id="microphone-close" src="resources/logos/microphone-close.svg">
+            <p id="quietzone">Quiet Area</p>
+            <div id="webRtcSwitch">
+                <div id="activeCam" class="activeCam">
+                    <div id="div-myCamVideo" class="video-container">
+                        <video id="myCamVideo" autoplay muted></video>
+                    </div>
                  </div>
-                <div class="btn-video">
-                    <img id="cinema" src="resources/logos/cinema.svg">
-                    <img id="cinema-close" src="resources/logos/cinema-close.svg">
+                <div class="btn-cam-action">
+                    <div class="btn-micro">
+                        <img id="microphone" src="resources/logos/microphone.svg">
+                        <img id="microphone-close" src="resources/logos/microphone-close.svg">
+                    </div>
+                    <div class="btn-video">
+                        <img id="cinema" src="resources/logos/cinema.svg">
+                        <img id="cinema-close" src="resources/logos/cinema-close.svg">
+                    </div>
+                    <!--<div class="btn-call">
+                        <img src="resources/logos/phone.svg">
+                    </div>-->
                  </div>
-                <!--<div class="btn-call">
-                    <img src="resources/logos/phone.svg">
-                </div>-->
              </div>
          </div>
          </div>