From 61c7a34606ff19db604cbfe8465c0670932bf3f5 Mon Sep 17 00:00:00 2001
From: CH10N <chioncraane@outlook.com>
Date: Mon, 6 May 2024 20:15:24 +0200
Subject: [PATCH 1/2] added that clock is on top

---
 src/App.jsx              | 1 +
 src/components/Clock.jsx | 4 +++-
 src/index.css            | 8 ++++++++
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/App.jsx b/src/App.jsx
index 5ca752b..b163f99 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -19,6 +19,7 @@ export default class App extends Component {
   }
 
   next() {
+    return;
     const params = new URLSearchParams(window.location.search);
     const display_internal = params.get("internal") == "true";
 
diff --git a/src/components/Clock.jsx b/src/components/Clock.jsx
index a072b5a..cc36698 100644
--- a/src/components/Clock.jsx
+++ b/src/components/Clock.jsx
@@ -25,7 +25,9 @@ export default function Clock() {
 
   return (
     <div className="clock-wrapper">
-      <span className="clock">{formattedDate}</span>
+      <div className="oval">
+        <span className="clock">{formattedDate}</span>
+      </div>
     </div>
   );
 }
diff --git a/src/index.css b/src/index.css
index 0ff076d..6293f96 100644
--- a/src/index.css
+++ b/src/index.css
@@ -42,12 +42,20 @@ body {
   display: flex;
   justify-content: center;
   align-items: center;
+  z-index: 1;
 }
 
 .clock {
   color: white;
   font-size: 80px;
 }
+.oval{
+  width: 240px;
+  height: 100px;
+  background-color: #262626;
+  border-radius: 100px /100px;
+  text-align: center;
+}
 
 .activities,
 .advertisement {

From 4d81b20ba54c498f14b6d2efbb0032efd76032b5 Mon Sep 17 00:00:00 2001
From: CH10N <chioncraane@outlook.com>
Date: Mon, 6 May 2024 20:21:03 +0200
Subject: [PATCH 2/2] added opacity

---
 src/index.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/index.css b/src/index.css
index 6293f96..b3002ea 100644
--- a/src/index.css
+++ b/src/index.css
@@ -52,7 +52,7 @@ body {
 .oval{
   width: 240px;
   height: 100px;
-  background-color: #262626;
+  background-color: #262626af;
   border-radius: 100px /100px;
   text-align: center;
 }