From 81523a444d54e608f0c3ac33157fb0b071a7c84d Mon Sep 17 00:00:00 2001
From: Schrottkatze <git@schrottkatze.de>
Date: Mon, 11 Nov 2024 16:52:32 +0100
Subject: [PATCH] add css and js finally

---
 crates/backend/src/chat.rs |  3 ++-
 crates/backend/src/main.rs | 22 ++++++++++++++++++++--
 static/chat.css            | 30 ++++++++++++++++++++++++++++++
 3 files changed, 52 insertions(+), 3 deletions(-)
 create mode 100644 static/chat.css

diff --git a/crates/backend/src/chat.rs b/crates/backend/src/chat.rs
index 37456b5..a1e791b 100644
--- a/crates/backend/src/chat.rs
+++ b/crates/backend/src/chat.rs
@@ -47,6 +47,7 @@ pub async fn get(
     } else {
         MarkupResponse::new(
             html! {
+                link rel="stylesheet" href="/css";
                 template #chatmessage {
                     div.message {
                         p { }
@@ -67,7 +68,7 @@ pub async fn get(
                         button type="submit" { "Send!" }
                     }
                 }
-                script src="/static/chat.js" {};
+                script src="/js" {};
 
             },
             "Cursed Messenger from hell",
diff --git a/crates/backend/src/main.rs b/crates/backend/src/main.rs
index b374c3a..067a519 100644
--- a/crates/backend/src/main.rs
+++ b/crates/backend/src/main.rs
@@ -1,4 +1,5 @@
 use axum::{routing::get, Router};
+use http::header;
 use sqlx::{Pool, Postgres};
 use state::AppState;
 use tracing::Level;
@@ -24,11 +25,28 @@ async fn main() -> anyhow::Result<()> {
 
     let app = Router::new()
         .route("/", get(|| async { "<h1>gay</h1>" }))
+        .route(
+            "/js",
+            get(|| async {
+                (
+                    [(header::CONTENT_TYPE, "text/javascript")],
+                    include_str!("../../../static/chat.js"),
+                )
+            }),
+        )
+        .route(
+            "/css",
+            get(|| async {
+                (
+                    [(header::CONTENT_TYPE, "text/css")],
+                    include_str!("../../../static/chat.css"),
+                )
+            }),
+        )
         .route("/:path", get(chat::get).post(chat::post))
         .route("/poll/:msg", get(chat::poll))
         .with_state(state.clone())
-        .nest("/admin", admin::router(state.clone()))
-        .nest("/static", axum_static::static_router("static"));
+        .nest("/admin", admin::router(state.clone()));
     let listener = tokio::net::TcpListener::bind("0.0.0.0:8080").await.unwrap();
     axum::serve(listener, app).await?;
 
diff --git a/static/chat.css b/static/chat.css
new file mode 100644
index 0000000..b407e4a
--- /dev/null
+++ b/static/chat.css
@@ -0,0 +1,30 @@
+html,
+body {
+  background: #222;
+}
+
+.message {
+  display: flex;
+  flex-direction: column;
+}
+
+.message p {
+  width: fit-content;
+  background: #333;
+  border: 2px solid #999;
+  padding: 10px;
+  border-radius: 15px;
+}
+
+.from_user p,
+.from_user .timestamp {
+  align-self: flex-end;
+}
+
+.from_user p {
+  border-bottom-right-radius: 5px;
+}
+
+.from_admin p {
+  border-bottom-left-radius: 5px;
+}
\ No newline at end of file