Fullscreen and leave call added

This commit is contained in:
Henry Hiles 2022-06-07 13:47:45 -04:00
commit bc319412bc
5 changed files with 73 additions and 11 deletions

View file

@ -11,7 +11,7 @@
</head>
<body>
<div id="login">
<h1 class="large-header">Choose a name</h1>
<h1 class="medium-header">Choose a name</h1>
<div>
<input id="name-input" type="text" placeholder="Username" />
<button class="button-circle" id="name">

View file

@ -34,8 +34,19 @@
</p>
</div>
</div>
<div id="deniedautoplay">
<h1 class="medium-header">Autoplay permission denied</h1>
<div>
<p>Please make sure this website has autoplay permission.</p>
<p>
Once you are done please
<a href="javascript:window.location.reload()">reload</a>.
</p>
</div>
</div>
<main><div id="videos"></div></main>
<div id="options" class="card">
<a href="/" id="stop-call">Leave Call</a>
<div id="change-name">
<span id="name-display"></span>
<button class="button-circle">
@ -67,6 +78,20 @@
/>
</svg>
</button>
<button id="fullscreen">
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
class="bi bi-fullscreen"
viewBox="0 0 16 16"
>
<path
d="M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z"
/>
</svg>
</button>
</div>
<div id="popup" class="dismissed">