Henry-Hiles/Video-Chat
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Some nice changes like a better grid that is more responsive.

Browse source
This commit is contained in:
Henry Hiles 2022-06-06 15:48:30 -04:00
commit 0eab4c62ac
8 changed files with 78 additions and 73 deletions
Download patch file Download diff file Expand all files Collapse all files

22
views/index.ejs
View file

@ -6,31 +6,11 @@
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="style.css" />
<script src="/socket.io/socket.io.js" defer></script>
<script src="scripts/login.js" defer></script>
<script src="scripts/goToRoom.js" type="module" defer></script>
<script src="scripts/login.js" defer></script>
<title>Video Chat</title>
</head>
<body>
<div id="login" class="done">
<h1 class="large-header">Login</h1>
<div>
<input id="name-input" type="text" placeholder="Username" />
<button class="button-circle" id="name">
<svg
xmlns="http://www.w3.org/2000/svg"
width="25"
height="25"
fill="currentColor"
class="bi bi-check-circle-fill"
viewBox="0 0 16 16"
>
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"
/>
</svg>
</button>
</div>
</div>
<div id="options" class="card">
<div id="change-name">
<span id="name-display"></span>

34
views/login.ejs Normal file
View file

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="style.css" />
<script src="/socket.io/socket.io.js" defer></script>
<script src="scripts/login.js" defer></script>
<title>Video Chat</title>
</head>
<body>
<div id="login">
<h1 class="large-header">Choose a name</h1>
<div>
<input id="name-input" type="text" placeholder="Username" />
<button class="button-circle" id="name">
<svg
xmlns="http://www.w3.org/2000/svg"
width="25"
height="25"
fill="currentColor"
class="bi bi-check-circle-fill"
viewBox="0 0 16 16"
>
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"
/>
</svg>
</button>
</div>
</div>
</body>
</html>

20
views/room.ejs
View file

@ -19,26 +19,6 @@
<title>Video Chat</title>
</head>
<body>
<div id="login" class="done">
<h1 class="large-header">Login</h1>
<div>
<input id="name-input" type="text" placeholder="Username" />
<button class="button-circle" id="name">
<svg
xmlns="http://www.w3.org/2000/svg"
width="25"
height="25"
fill="currentColor"
class="bi bi-check-circle-fill"
viewBox="0 0 16 16"
>
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"
/>
</svg>
</button>
</div>
</div>
<div id="novideo">
<h1 class="medium-header">No Video / Audio Device Found</h1>
<div>