From 9760df2947c80d7fee4a5cc55e83aa2e8eece4ff Mon Sep 17 00:00:00 2001
From: qwerinope <me@qwerinope.com>
Date: Tue, 26 Aug 2025 16:19:22 +0200
Subject: [PATCH] alert and chatwidget fixes

---
 .../alerts/www/src/alerts/grenadeExplosion.ts   | 15 ++++++++++-----
 src/web/alerts/www/src/alerts/userBlast.ts      | 17 ++++++++++++-----
 src/web/alerts/www/src/alerts/userExecution.ts  | 17 ++++++++++++-----
 src/web/chatWidget/www/src/style.css            |  3 +--
 4 files changed, 35 insertions(+), 17 deletions(-)

diff --git a/src/web/alerts/www/src/alerts/grenadeExplosion.ts b/src/web/alerts/www/src/alerts/grenadeExplosion.ts
index a0ce205..6df328b 100644
--- a/src/web/alerts/www/src/alerts/grenadeExplosion.ts
+++ b/src/web/alerts/www/src/alerts/grenadeExplosion.ts
@@ -1,7 +1,7 @@
 import { grenadeExplosionAlert } from "web/alerts/types";
 import { AlertRunner } from "./index";
 
-const duration = 500;
+const duration = 1000;
 
 export default async function execute(alert: grenadeExplosionAlert): Promise<AlertRunner> {
   const audio = new Audio("/alerts/public/explosion2.ogg");
@@ -23,6 +23,7 @@ export default async function execute(alert: grenadeExplosionAlert): Promise<Ale
         justify-content: center;
         align-content: center;
         text-align: center;
+        color: white;
 
         img {
           width: 100%;
@@ -30,17 +31,21 @@ export default async function execute(alert: grenadeExplosionAlert): Promise<Ale
         }
 
         .thrower {
-          top: 50%;
-          left: 55%;
+          top: 55%;
+          left: 69%;
           position: absolute;
-          color: white;
+          mix-blend-mode: exclusion;
+          transform: translateX(-50%);
         }
         
         .target {
           top: 30%;
-          left: 18%;
+          left: 25%;
           position: absolute;
+          mix-blend-mode: exclusion;
+          transform: translateX(-50%);
         }
+       }
       }
     </style>
   `;
diff --git a/src/web/alerts/www/src/alerts/userBlast.ts b/src/web/alerts/www/src/alerts/userBlast.ts
index a3cbda9..8c67ac9 100644
--- a/src/web/alerts/www/src/alerts/userBlast.ts
+++ b/src/web/alerts/www/src/alerts/userBlast.ts
@@ -1,7 +1,7 @@
 import { userBlastAlert } from "web/alerts/types";
 import { AlertRunner } from "./index";
 
-const duration = 500;
+const duration = 1000;
 
 export default async function execute(alert: userBlastAlert): Promise<AlertRunner> {
   const audio = new Audio("/alerts/public/explosion1.ogg");
@@ -23,6 +23,8 @@ export default async function execute(alert: userBlastAlert): Promise<AlertRunne
         justify-content: center;
         align-content: center;
         text-align: center;
+        color: white;
+        font-size: 20px;
 
         img {
           width: 100%;
@@ -30,16 +32,21 @@ export default async function execute(alert: userBlastAlert): Promise<AlertRunne
         }
 
         .shooter {
-          top: 50%;
-          left: 55%;
+          top: 55%;
+          left: 69%;
           position: absolute;
-          color: white;
+          font-size: 20px;
+          mix-blend-mode: exclusion;
+          transform: translateX(-50%);
         }
         
         .target {
           top: 30%;
-          left: 18%;
+          left: 25%;
           position: absolute;
+          font-size: 20px;
+          mix-blend-mode: exclusion;
+          transform: translateX(-50%);
         }
       }
     </style>
diff --git a/src/web/alerts/www/src/alerts/userExecution.ts b/src/web/alerts/www/src/alerts/userExecution.ts
index cc12859..6ff6691 100644
--- a/src/web/alerts/www/src/alerts/userExecution.ts
+++ b/src/web/alerts/www/src/alerts/userExecution.ts
@@ -7,7 +7,7 @@ export default async function execute(alert: userExecutionAlert): Promise<AlertR
   const parentDiv = document.createElement('div');
   parentDiv.className = 'userExecutionAlert';
   parentDiv.innerHTML = `
-    <img src="/alerts/public/getrekt.jpg" height="800" width="800">
+    <img src="/alerts/public/getrekt.jpg">
     <span class="shooter">
       ${alert.user}
     </span>
@@ -21,6 +21,10 @@ export default async function execute(alert: userExecutionAlert): Promise<AlertR
         justify-content: center;
         align-content: center;
         text-align: center;
+        height: 800px;
+        width: 800px;
+        font-size: 50px;
+        color: white;
 
         img {
           width: 100%;
@@ -28,16 +32,19 @@ export default async function execute(alert: userExecutionAlert): Promise<AlertR
         }
 
         .shooter {
-          top: 50%;
-          left: 55%;
+          top: 55%;
+          left: 69%;
           position: absolute;
-          color: white;
+          mix-blend-mode: exclusion;
+          transform: translateX(-50%);
         }
         
         .target {
           top: 30%;
-          left: 18%;
+          left: 25%;
           position: absolute;
+          mix-blend-mode: exclusion;
+          transform: translateX(-50%);
         }
       }
     </style>
diff --git a/src/web/chatWidget/www/src/style.css b/src/web/chatWidget/www/src/style.css
index 2ca85fd..4d52a2c 100644
--- a/src/web/chatWidget/www/src/style.css
+++ b/src/web/chatWidget/www/src/style.css
@@ -32,8 +32,7 @@ body {
   }
 
   .replyMessage {
-    color: grey;
-    font-size: 2px;
+    display: none;
   }
 
   padding: 2px;