diff options
Diffstat (limited to 'client-web/public')
| -rw-r--r-- | client-web/public/app.html | 2 | ||||
| -rw-r--r-- | client-web/public/assets/style/chat.css | 46 | ||||
| -rw-r--r-- | client-web/public/assets/style/logger.css | 61 | ||||
| -rw-r--r-- | client-web/public/assets/style/prefs.css | 21 | ||||
| -rw-r--r-- | client-web/public/assets/tile-backdrop.svg (renamed from client-web/public/assets/style/tile-backdrop.svg) | 0 | ||||
| -rw-r--r-- | client-web/public/start.html | 19 |
6 files changed, 14 insertions, 135 deletions
diff --git a/client-web/public/app.html b/client-web/public/app.html index 66062d9..a6dc852 100644 --- a/client-web/public/app.html +++ b/client-web/public/app.html @@ -8,7 +8,7 @@ content="A simple secure web conferencing application using webrtc" /> <script async type="module" src="/assets/bundle.js"></script> - <link rel="stylesheet" href="/assets/style/master.css" /> + <link rel="stylesheet" href="/style.css" /> <title>keks-meet</title> </head> <body> diff --git a/client-web/public/assets/style/chat.css b/client-web/public/assets/style/chat.css deleted file mode 100644 index b4e1dbf..0000000 --- a/client-web/public/assets/style/chat.css +++ /dev/null @@ -1,46 +0,0 @@ -/* - This file is part of keks-meet (https://codeberg.org/metamuffin/keks-meet) - which is licensed under the GNU Affero General Public License (version 3); see /COPYING. - Copyright (C) 2022 metamuffin <metamuffin@disroot.org> -*/ -.chat { - position: fixed; - z-index: 70; - - right: 1em; - bottom: 5em; - - width: min(30em, 50vw); - height: min(50em, 70vh); - - background-color: var(--bg); - border-radius: 1em; - padding: 2em; -} - -.chat .message { - margin: 0.2em; -} -.chat .author { - font-weight: bold; -} -.chat .text { - color: white; -} -.chat .image { - width: min(20em, 30vw); - max-height: 50em; /* TODO squishes the image if too high */ -} - -.chat .messages { - height: calc(100% - 3em); - width: 100%; - overflow: scroll; -} -.chat .controls { - padding: 1em; -} -.chat input { - font-size: x-large; - width: 100%; -} diff --git a/client-web/public/assets/style/logger.css b/client-web/public/assets/style/logger.css deleted file mode 100644 index 5e08ec9..0000000 --- a/client-web/public/assets/style/logger.css +++ /dev/null @@ -1,61 +0,0 @@ -/* - This file is part of keks-meet (https://codeberg.org/metamuffin/keks-meet) - which is licensed under the GNU Affero General Public License (version 3); see /COPYING. - Copyright (C) 2022 metamuffin <metamuffin@disroot.org> -*/ -.logger-container { - position: absolute; - top: 0px; - right: 0px; - transition: width 1s; - - background-color: rgba(0, 0, 0, 0.376); - border-radius: 0.2em; - border: 0px solid transparent; - padding: 0.2em; -} - -.logger-error { - font-size: 1.5em !important; - color: red; -} -.logger-warn { - font-size: 1.5em !important; - color: yellow; -} - -.logger-line { - font-size: 1em; - height: 1.2em; - font-family: monospace; - animation-name: appear; - animation-timing-function: linear; - animation-duration: 0.3s; - animation-fill-mode: forwards; -} -.logger-line-disappear { - animation-name: disappear; - animation-timing-function: linear; - animation-duration: 1s; - animation-fill-mode: forwards; -} - -@keyframes appear { - from { - margin-top: -1.2em; - opacity: 0; - } - to { - opacity: 1; - } -} - -@keyframes disappear { - from { - opacity: 1; - } - to { - margin-top: -1.2em; - opacity: 0; - } -} diff --git a/client-web/public/assets/style/prefs.css b/client-web/public/assets/style/prefs.css deleted file mode 100644 index f31c4ca..0000000 --- a/client-web/public/assets/style/prefs.css +++ /dev/null @@ -1,21 +0,0 @@ -/* - This file is part of keks-meet (https://codeberg.org/metamuffin/keks-meet) - which is licensed under the GNU Affero General Public License (version 3); see /COPYING. - Copyright (C) 2022 metamuffin <metamuffin@disroot.org> -*/ -.prefs-overlay { - position: fixed; - z-index: 80; - - left: 50%; - bottom: 5em; - transform: translateX(-50%); - - width: min(50em, 80vw); - height: min(40em, 60vh); - - background-color: var(--bg); - border-radius: 1em; - padding: 2em; - overflow-y: auto; -} diff --git a/client-web/public/assets/style/tile-backdrop.svg b/client-web/public/assets/tile-backdrop.svg index 15ea791..15ea791 100644 --- a/client-web/public/assets/style/tile-backdrop.svg +++ b/client-web/public/assets/tile-backdrop.svg diff --git a/client-web/public/start.html b/client-web/public/start.html index 42c8799..e15fc47 100644 --- a/client-web/public/start.html +++ b/client-web/public/start.html @@ -3,15 +3,20 @@ <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> - <meta name="description" content="A simple secure web conferencing application using webrtc"> - <link rel="stylesheet" href="/assets/style/master.css" /> + <meta + name="description" + content="A simple secure web conferencing application using webrtc" + /> + <link rel="stylesheet" href="/style.css" /> <title>keks-meet</title> </head> <body class="start"> <div class="start-box"> <h1>keks-meet</h1> - <p class="description">A simple secure conferencing application using webrtc</p> - <br> + <p class="description"> + A simple secure conferencing application using webrtc + </p> + <br /> <p class="instructions"> To get started, click 'Join' and share the URL with your partner. You can also optionally customize the URL by entering a @@ -28,7 +33,9 @@ </noscript> <script> function random_room() { - const random = window.crypto.getRandomValues(new Uint8Array(32)); + const random = window.crypto.getRandomValues( + new Uint8Array(32) + ); return Array.from(random) .map((b) => b.toString(16).padStart(2, "0")) .join(""); @@ -38,7 +45,7 @@ room_input.type = "text"; room_input.id = "room-id-input"; room_input.placeholder = `Override room name: ${random_room()}`; - room_input.ariaLabel = "Room Secret" + room_input.ariaLabel = "Room Secret"; const submit = document.createElement("input"); submit.type = "button"; |
