keks-meet
- A web conferencing application using webrtc
+
A web conferencing application using webrtc
+
keks-meet is free software! It is licenced under the terms of
the third version of the GNU Affero General Public Licence only.
--
cgit v1.2.3-70-g09d2
From a9ad28ffc17c07b18d6d559b698e9f09247a4879 Mon Sep 17 00:00:00 2001
From: tpart
Date: Thu, 19 Jan 2023 19:30:41 +0000
Subject: fix css on mobile (#4)
Co-authored-by: tpart <10518520-tpart@users.noreply.gitlab.com>
Reviewed-on: https://codeberg.org/metamuffin/keks-meet/pulls/4
Co-authored-by: tpart
Co-committed-by: tpart
---
client-web/public/assets/style/master.css | 41 ++++++++++++++++++++++++++++++-
1 file changed, 40 insertions(+), 1 deletion(-)
(limited to 'client-web/public')
diff --git a/client-web/public/assets/style/master.css b/client-web/public/assets/style/master.css
index f30b085..c928e97 100644
--- a/client-web/public/assets/style/master.css
+++ b/client-web/public/assets/style/master.css
@@ -105,7 +105,6 @@ button:disabled {
.start-box .description {
margin-bottom: 1.5em;
- font-size: xx-large;
text-align: center;
}
@@ -113,4 +112,44 @@ button:disabled {
padding: 0.5em;
font-size: x-large;
width: calc(100% - 1em);
+}
+
+@media (max-width : 800px) {
+ h1 {
+ font-size: xxx-large;
+ }
+
+ .start-box {
+ position: relative;
+ top: 0;
+ left: 0;
+ transform: none;
+ width: 90%;
+ margin: 0 auto;
+ margin-top: 1em;
+ }
+
+ .start-box .description {
+ margin-bottom: 0.5em;
+ font-size: large;
+ }
+
+ .start-box p {
+ margin-bottom: 0.5em;
+ font-size: large;
+ }
+
+ .start-box input[type="text"] {
+ margin: 1em 0 0.5em 0;
+ font-size: large;
+ }
+
+ .start-box input[type="button"] {
+ margin: 0.5em 0 0.5em 0;
+ font-size: large;
+ }
+
+ #room-id-input {
+ font-size: large;
+ }
}
\ No newline at end of file
--
cgit v1.2.3-70-g09d2
From aff0ed3c6e2ecf32abd10bf8c2deee31adb2919a Mon Sep 17 00:00:00 2001
From: tpart
Date: Thu, 19 Jan 2023 19:57:56 +0000
Subject: make background repeat & fix start page on small screens (#6)
Co-authored-by: tpart
Reviewed-on: https://codeberg.org/metamuffin/keks-meet/pulls/6
Co-authored-by: tpart
Co-committed-by: tpart
---
client-web/public/assets/style/master.css | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
(limited to 'client-web/public')
diff --git a/client-web/public/assets/style/master.css b/client-web/public/assets/style/master.css
index c928e97..a1bc8e1 100644
--- a/client-web/public/assets/style/master.css
+++ b/client-web/public/assets/style/master.css
@@ -28,6 +28,7 @@
body.start {
background-image: linear-gradient(var(--ac-dark-transparent), black 150%), url("./tile-backdrop.svg");
+ background-attachment: fixed;
background-size: 40vw;
background-color: var(--ac-dark);
}
@@ -114,7 +115,7 @@ button:disabled {
width: calc(100% - 1em);
}
-@media (max-width : 800px) {
+@media (max-width : 800px), (max-height: 700px) {
h1 {
font-size: xxx-large;
}
--
cgit v1.2.3-70-g09d2
From c4c1d721582d6f14edef37bc4e2b86d679a2c459 Mon Sep 17 00:00:00 2001
From: tpart
Date: Sat, 21 Jan 2023 11:35:11 +0100
Subject: Fix gradient on webkit
---
client-web/public/assets/style/master.css | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
(limited to 'client-web/public')
diff --git a/client-web/public/assets/style/master.css b/client-web/public/assets/style/master.css
index a1bc8e1..c6527b8 100644
--- a/client-web/public/assets/style/master.css
+++ b/client-web/public/assets/style/master.css
@@ -29,7 +29,7 @@
body.start {
background-image: linear-gradient(var(--ac-dark-transparent), black 150%), url("./tile-backdrop.svg");
background-attachment: fixed;
- background-size: 40vw;
+ background-size: cover, 40vw;
background-color: var(--ac-dark);
}
--
cgit v1.2.3-70-g09d2
From 70e1090e7c5e5aa6ed0a621ad71924b7931ef05d Mon Sep 17 00:00:00 2001
From: metamuffin
Date: Thu, 16 Feb 2023 15:11:11 +0100
Subject: add description
---
client-web/public/app.html | 1 +
client-web/public/start.html | 3 ++-
server/src/main.rs | 7 ++++++-
3 files changed, 9 insertions(+), 2 deletions(-)
(limited to 'client-web/public')
diff --git a/client-web/public/app.html b/client-web/public/app.html
index 665a7d2..d121be2 100644
--- a/client-web/public/app.html
+++ b/client-web/public/app.html
@@ -3,6 +3,7 @@
+
keks-meet
diff --git a/client-web/public/start.html b/client-web/public/start.html
index 27b45f5..7a1885c 100644
--- a/client-web/public/start.html
+++ b/client-web/public/start.html
@@ -3,13 +3,14 @@
+
keks-meet
keks-meet
- A web conferencing application using webrtc
+
A simple secure conferencing application using webrtc
keks-meet is free software! It is licenced under the terms of
diff --git a/server/src/main.rs b/server/src/main.rs
index c818eb5..61c9ad1 100644
--- a/server/src/main.rs
+++ b/server/src/main.rs
@@ -42,10 +42,15 @@ async fn run() {
.and(warp::ws())
.map(signaling_connect);
+ // TODO add cache policy headers
+
let index: _ = warp::path!().and(s_file!("client-web/public/start.html", "text/html"));
let room: _ = warp::path!("room").and(s_file!("client-web/public/app.html", "text/html"));
let assets: _ = warp::path("assets").and(s_asset_dir!());
- let sw_script: _ = warp::path("sw.js").and(s_file!("client-web/public/assets/sw.js", "application/javascript"));
+ let sw_script: _ = warp::path("sw.js").and(s_file!(
+ "client-web/public/assets/sw.js",
+ "application/javascript"
+ ));
let favicon: _ = warp::path!("favicon.ico").map(|| "");
let old_format_redirect: _ = warp::path!("room" / String).map(|rsecret| {
reply::with_header(
--
cgit v1.2.3-70-g09d2
From 14feff1f92149d18767e58db16f0d2eebc88b757 Mon Sep 17 00:00:00 2001
From: metamuffin
Date: Mon, 27 Feb 2023 17:25:06 +0100
Subject: embed fonts
---
client-web/.gitignore | 1 +
client-web/makefile | 5 ++++-
client-web/public/assets/style/master.css | 2 +-
3 files changed, 6 insertions(+), 2 deletions(-)
(limited to 'client-web/public')
diff --git a/client-web/.gitignore b/client-web/.gitignore
index 55fe618..99be205 100644
--- a/client-web/.gitignore
+++ b/client-web/.gitignore
@@ -1,2 +1,3 @@
/public/assets/bundle.js
/public/assets/sw.js
+/public/assets/font
diff --git a/client-web/makefile b/client-web/makefile
index e81a09d..2623c6e 100644
--- a/client-web/makefile
+++ b/client-web/makefile
@@ -1,5 +1,5 @@
.PHONY: all watch
-all: public/assets/bundle.js public/assets/sw.js
+all: public/assets/bundle.js public/assets/sw.js public/assets/font/include.css
watch:
deno bundle --no-check --watch source/index.ts public/assets/bundle.js &
deno bundle --no-check --watch source/sw/worker.ts public/assets/sw.js
@@ -7,3 +7,6 @@ public/assets/bundle.js: $(shell find source -type f -name '*.ts')
deno bundle --no-check --unstable source/index.ts > $@
public/assets/sw.js: $(shell find source/sw -type f -name '*.ts')
deno bundle --no-check --unstable source/sw/worker.ts > $@
+public/assets/font/include.css:
+ mkdir -p public/assets/font
+ curl 'https://s.metamuffin.org/static/font-ubuntu.tar' | tar -xC public/assets/font
diff --git a/client-web/public/assets/style/master.css b/client-web/public/assets/style/master.css
index c6527b8..13f8f2f 100644
--- a/client-web/public/assets/style/master.css
+++ b/client-web/public/assets/style/master.css
@@ -3,7 +3,7 @@
which is licensed under the GNU Affero General Public License (version 3); see /COPYING.
Copyright (C) 2022 metamuffin
*/
-@import url("https://s.metamuffin.org/static/font-ubuntu/include.css");
+@import url("../font/include.css");
@import url("./logger.css");
@import url("./chat.css");
@import url("./room.css");
--
cgit v1.2.3-70-g09d2
From fe36a0640f2e36baad1f08033f09b49bdd0f1062 Mon Sep 17 00:00:00 2001
From: metamuffin
Date: Mon, 27 Feb 2023 18:20:19 +0100
Subject: part 2 + fix css for small screens
---
client-web/public/assets/style/master.css | 39 +++++++------------------------
1 file changed, 9 insertions(+), 30 deletions(-)
(limited to 'client-web/public')
diff --git a/client-web/public/assets/style/master.css b/client-web/public/assets/style/master.css
index 13f8f2f..8d77ca1 100644
--- a/client-web/public/assets/style/master.css
+++ b/client-web/public/assets/style/master.css
@@ -9,6 +9,7 @@
@import url("./room.css");
@import url("./prefs.css");
@import url("./menu.css");
+@import url("/overrides.css");
* {
font-family: "Ubuntu", sans-serif;
@@ -17,17 +18,9 @@
padding: 0px;
}
-:root {
- --bg: #151315;
- --bg-dark: #070707;
- --ac: #5e3f84;
- --ac-dark: #2d0d52;
- --ac-light: #7c43bd;
- --ac-dark-transparent: #2d0d52c9;
-}
-
body.start {
- background-image: linear-gradient(var(--ac-dark-transparent), black 150%), url("./tile-backdrop.svg");
+ background-image: linear-gradient(var(--ac-dark-transparent), black 150%),
+ url("./tile-backdrop.svg");
background-attachment: fixed;
background-size: cover, 40vw;
background-color: var(--ac-dark);
@@ -42,14 +35,13 @@ body {
}
h1 {
- text-shadow: 0px 0px 20px rgba(0,0,0,0.75);
+ text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.75);
font-size: 5em;
font-weight: 700;
text-align: center;
margin-bottom: 0.1em;
}
-
input[type="button"],
button {
padding: 0.5em;
@@ -115,11 +107,10 @@ button:disabled {
width: calc(100% - 1em);
}
-@media (max-width : 800px), (max-height: 700px) {
+@media (max-width: 800px), (max-height: 700px) {
h1 {
font-size: xxx-large;
}
-
.start-box {
position: relative;
top: 0;
@@ -129,28 +120,16 @@ button:disabled {
margin: 0 auto;
margin-top: 1em;
}
-
- .start-box .description {
- margin-bottom: 0.5em;
- font-size: large;
- }
-
.start-box p {
margin-bottom: 0.5em;
- font-size: large;
+ font-size: large !important;
}
-
.start-box input[type="text"] {
margin: 1em 0 0.5em 0;
- font-size: large;
+ font-size: large !important;
}
-
.start-box input[type="button"] {
margin: 0.5em 0 0.5em 0;
- font-size: large;
+ font-size: large !important;
}
-
- #room-id-input {
- font-size: large;
- }
-}
\ No newline at end of file
+}
--
cgit v1.2.3-70-g09d2