From 73fc1f8c1dd48ba3a610657b6ed40232359713ce Mon Sep 17 00:00:00 2001
From: olaadam <ola_adamiak810@wp.pl>
Date: Sat, 11 Jan 2025 21:47:18 +0100
Subject: [PATCH 1/4] zmianki

---
 apka/app/__pycache__/main.cpython-310.pyc     | Bin 351 -> 360 bytes
 .../__pycache__/__init__.cpython-310.pyc      | Bin 555 -> 564 bytes
 .../calendar_integration.cpython-310.pyc      | Bin 1808 -> 1817 bytes
 .../backend/__pycache__/note.cpython-310.pyc  | Bin 2168 -> 2168 bytes
 .../__pycache__/recording.cpython-310.pyc     | Bin 3118 -> 3127 bytes
 .../__pycache__/routes.cpython-310.pyc        | Bin 5897 -> 5898 bytes
 apka/app/frontend/static/record.js            |   8 ------
 apka/app/frontend/static/styles.css           |  23 +++---------------
 apka/app/frontend/templates/index.html        |  10 +++++---
 apka/app/frontend/templates/my_notes.html     |   2 +-
 .../app/frontend/templates/my_recordings.html |   5 +++-
 11 files changed, 15 insertions(+), 33 deletions(-)

diff --git a/apka/app/__pycache__/main.cpython-310.pyc b/apka/app/__pycache__/main.cpython-310.pyc
index 9977f59ebaaeb11c0c08ae9ce74be61d70febc5a..3d91f96d75aa90df650ac528aa79c475443a6edd 100644
GIT binary patch
delta 69
zcmcc5^n!^ypO=@50SG3~s-MXHPuJGjDkiizwWv5IKPNFhF~%i7ximL5ucSD}J+s84
XG%2Q_C_gJTyCmMoz{qs6E~60uBTN^7

delta 60
zcmaFCbf1YkpO=@50SN9KteeRFPsPO9DkiizwWv5IIU^^tAjTy>ximL5ucSDppeR2p
OHM=A}Gk>xfqY(gYP!(zb

diff --git a/apka/app/backend/__pycache__/__init__.cpython-310.pyc b/apka/app/backend/__pycache__/__init__.cpython-310.pyc
index 647e1ddd0cb809fdd540c525049e26b31ab1777b..38d43ad81baa85328ed799a30eb6381434546980 100644
GIT binary patch
delta 70
zcmZ3@vW0~^pO=@50SG3~s^7?6%Bbt<Y!wq)oLW>Ilb@3qpBUqkpIn-onpaXB<DOaK
YQJNG}P?VpQnq3laWME`Ec?n}X0R0*li~s-t

delta 61
zcmdnOvYLfEpO=@50SN9KtlP+4%BbStY!wq)oLW>Ilbn&0SrFrrpIn-onpaXBQ&5zj
Pm6}}=pP4^-En_<XPFxjs

diff --git a/apka/app/backend/__pycache__/calendar_integration.cpython-310.pyc b/apka/app/backend/__pycache__/calendar_integration.cpython-310.pyc
index 9c4eff694fa64738461f36d4aebc4a60c8d18b4d..b87241b1f690f99518127d0e368951b3d71981b1 100644
GIT binary patch
delta 71
zcmbQhH<OP$pO=@50SM0DXxhjf#;P0YY!wq)oLW>Ilb@3qpBUqkpIn-onpaXB<DOaK
ZQJNG}P?VpQnq3laWME{vxs|n>5db7v7vcZ_

delta 62
zcmbQqH-V2kpO=@50SN9KtlP*P#;W4uY!wq)oLW>Ilbn&0SrFrrpIn-onpaXBQ&5zj
Qm6}}=pP9e8kF}c-09hdwPXGV_

diff --git a/apka/app/backend/__pycache__/note.cpython-310.pyc b/apka/app/backend/__pycache__/note.cpython-310.pyc
index d287085916d13438009c57ba30316dfe40fc2ac5..1adb6ae67def020aa292aaeac011f2628bcb4d86 100644
GIT binary patch
delta 31
lcmew%@I!z*pO=@50SM0DXxhl#!^oPSlNg`4c@E<pHUON+3RD09

delta 31
lcmew%@I!z*pO=@50SKm5*Kg$RVPs9t$jL0&JcscP8vv5U3C{ok

diff --git a/apka/app/backend/__pycache__/recording.cpython-310.pyc b/apka/app/backend/__pycache__/recording.cpython-310.pyc
index 955013836938e54488dc7678b84240920302fea0..8e4505642cfe23a3538a27c0d57612b4fbfecaa6 100644
GIT binary patch
delta 91
zcmZ1{v0Z{YpO=@50SG3~s^7@1%E-@Bo|=?<i#f3@^A>Y%fyrch#!6i;XRDad;?$zz
tnEaf?_{12O{N&Qy)Vz}7828K)kJ6-=f};Ga)a;UYBLgGT&371sxBw#-9<2ZX

delta 82
zcmdlku}*?JpO=@50SI<ItlP+~%E-^0TVQgFIk7DB7E5_*Qto7X#!3}OXRDad;?$zz
knB<I{%z_w~{N&Qy)Vz}7n1Z7Gtkmq1_{{vxPZ@)_06Cr<l>h($

diff --git a/apka/app/backend/__pycache__/routes.cpython-310.pyc b/apka/app/backend/__pycache__/routes.cpython-310.pyc
index ab770c8381cf26552be9f17e40270cf973ee52c7..76cab082d2d3b3d8f1104d2bc0fd9bffbaaea1f3 100644
GIT binary patch
delta 61
zcmeCw>(b-R=jG*M0D|*3n$quV<XyzfnxB&xpSXDo^M58rmdRV#mNWWIj%H8iVku8e
Q%8g=9EX&+{hTWDQ0AEWK7XSbN

delta 59
zcmeCu>(t}T=jG*M0D`A=_37U?@-AX#P0q;4EZDq-`9BjQ^W-gT%O}UMr*knUmSsk<
Ol&2=;Za&Ly%MSoJI1{k|

diff --git a/apka/app/frontend/static/record.js b/apka/app/frontend/static/record.js
index 3cfc343..b9380d8 100644
--- a/apka/app/frontend/static/record.js
+++ b/apka/app/frontend/static/record.js
@@ -30,14 +30,6 @@ let stream; // Przechowujemy odniesienie do strumienia
 let recordingStartTime;
 let timerInterval;
 
-see_events.addEventListener("click", () => {
-    window.location.href = "/events"; // Przenosi użytkownika na podstronę /events
-});
-
-see_recordings.addEventListener("click", () => {
-    window.location.href = "/my_recordings"; // Przenosi użytkownika na podstronę /recordings
-});
-
 
 // Funkcja do pobrania okna
 async function selectWindow() {
diff --git a/apka/app/frontend/static/styles.css b/apka/app/frontend/static/styles.css
index 525ca3a..c2c2d7a 100644
--- a/apka/app/frontend/static/styles.css
+++ b/apka/app/frontend/static/styles.css
@@ -64,9 +64,10 @@ button:disabled {
 #record-btn {
     background-color: #800080; 
     color: white;
+    margin-top: 10px;
     font-size: 20px;
     border-radius: 20px;
-    transition: transform 0.2s ease, background-color 0.2s ease;
+    transition: transform 0.3s ease, background-color 0.3s ease;
 }
 
 #record-btn:hover {
@@ -97,16 +98,7 @@ button:disabled {
     transform: scale(1.05); 
 }
 
-#events-btn  {
-    background-color: rgb(226, 178, 212);
-    margin-bottom: 10px;
-    color: black;
-    padding: 10px 20px;
-    font-size: 20px;
-    cursor: pointer;
-    transition: background-color 0.3s, transform 0.3s;
-}
-#recordings-btn {
+#events-btn, #recordings-btn, #notes-btn  {
     background-color: rgb(226, 178, 212);
     margin-top: 10px;
     color: black;
@@ -115,15 +107,6 @@ button:disabled {
     cursor: pointer;
     transition: background-color 0.3s, transform 0.3s;
 }
-#notes-btn  {
-    background-color: rgb(226, 178, 212);
-    margin-bottom: 10px;
-    color: black;
-    padding: 10px 20px;
-    font-size: 20px;
-    cursor: pointer;
-    transition: background-color 0.3s, transform 0.3s;
-}
 
 #events-btn:hover {
     background-color: #ea72c8;
diff --git a/apka/app/frontend/templates/index.html b/apka/app/frontend/templates/index.html
index 6404682..4a8040e 100644
--- a/apka/app/frontend/templates/index.html
+++ b/apka/app/frontend/templates/index.html
@@ -11,9 +11,13 @@
     <div id="timer" class="timer" style="display: none;">Nagrywanie</div>
     <div class="container">
         <h1>Witaj w aplikacji!</h1>
-        <button id="events-btn">Zobacz swoje wydarzenia!</button>
-        <button id="record-btn">Wybierz okno do nagrywania</button>
-        <button id="recordings-btn">Zobacz swoje nagrania</button>
+        <a href="/events">
+            <button id="events-btn">Zobacz swoje wydarzenia</button>
+        </a> 
+        <a href="/my_recordings">
+        <button id="record-btn">Wybierz okno do nagrywania</button>    
+            <button id="recordings-btn">Zobacz swoje nagrania</button>
+        </a> 
         <a href="/my_notes">
             <button id="notes-btn">Zobacz swoje notatki</button>
         </a>        
diff --git a/apka/app/frontend/templates/my_notes.html b/apka/app/frontend/templates/my_notes.html
index ca5c5aa..db52df2 100644
--- a/apka/app/frontend/templates/my_notes.html
+++ b/apka/app/frontend/templates/my_notes.html
@@ -18,7 +18,7 @@ <h1>Moje Notatki</h1>
         <ul class="notes-list">
             {% for note in notes %}
             <li>
-                <a href="{{ url_for('main.get_note', filename=note) }}" download>{{ note }}</a>
+                <a href="{{ url_for('main.get_note', filename=note) }}" download>{{ note.rsplit('.', 1)[0] }}</a>
             </li>
             {% endfor %}
         </ul>
diff --git a/apka/app/frontend/templates/my_recordings.html b/apka/app/frontend/templates/my_recordings.html
index 2ba076f..c606c69 100644
--- a/apka/app/frontend/templates/my_recordings.html
+++ b/apka/app/frontend/templates/my_recordings.html
@@ -18,7 +18,9 @@ <h1>My Recordings</h1>
         <ul class="recording-list">
             {% for recording in recordings %}
             <li>
-                <a href="javascript:void(0);" onclick="openVideoModal('{{ recording }}')">{{ recording }}</a>
+                <a href="javascript:void(0);" onclick="openVideoModal('{{ recording }}')">
+                    {{ recording.rsplit('.', 1)[0] }}
+                </a>
             </li>
             {% endfor %}
         </ul>
@@ -39,6 +41,7 @@ <h1>My Recordings</h1>
     <script>
 let recordings = [];
 
+
 // Funkcja do otwierania modala
 function openVideoModal(videoFilename, index) {
 

From 1bcf46421a95bb30f491b83ff4874a7fc24f6b24 Mon Sep 17 00:00:00 2001
From: olaadam <ola_adamiak810@wp.pl>
Date: Sun, 12 Jan 2025 13:05:49 +0100
Subject: [PATCH 2/4] Update index.html

---
 apka/app/frontend/templates/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apka/app/frontend/templates/index.html b/apka/app/frontend/templates/index.html
index 4a8040e..f4d3fe1 100644
--- a/apka/app/frontend/templates/index.html
+++ b/apka/app/frontend/templates/index.html
@@ -14,8 +14,8 @@ <h1>Witaj w aplikacji!</h1>
         <a href="/events">
             <button id="events-btn">Zobacz swoje wydarzenia</button>
         </a> 
-        <a href="/my_recordings">
         <button id="record-btn">Wybierz okno do nagrywania</button>    
+        <a href="/my_recordings">
             <button id="recordings-btn">Zobacz swoje nagrania</button>
         </a> 
         <a href="/my_notes">

From d053c23e411d1d356fdabefc8eb14438a56e1aae Mon Sep 17 00:00:00 2001
From: olaadam <ola_adamiak810@wp.pl>
Date: Sun, 12 Jan 2025 13:09:35 +0100
Subject: [PATCH 3/4] mhm

---
 .../calendar_integration.cpython-310.pyc      | Bin 1817 -> 2037 bytes
 .../__pycache__/routes.cpython-310.pyc        | Bin 5898 -> 5898 bytes
 apka/app/backend/calendar_integration.py      |  15 ++++-
 apka/app/backend/routes.py                    |   2 +-
 apka/app/frontend/static/stylesEvents.css     |  54 ++++++++++++++++++
 apka/app/frontend/templates/events.html       |  28 +++++++++
 6 files changed, 96 insertions(+), 3 deletions(-)
 create mode 100644 apka/app/frontend/static/stylesEvents.css
 create mode 100644 apka/app/frontend/templates/events.html

diff --git a/apka/app/backend/__pycache__/calendar_integration.cpython-310.pyc b/apka/app/backend/__pycache__/calendar_integration.cpython-310.pyc
index b87241b1f690f99518127d0e368951b3d71981b1..3d41ff1974deb3bdf729c88ae79efa42aae0b6da 100644
GIT binary patch
delta 592
zcmY*V&ubGw6rMNkZe};Tn-FS$q|rn)Lex@w@gNeZdJsVnQYc+0Wn`uynoZ*Dq#<Ee
zg?bjko<xP@;K7^Hi})7^-n<CwN&FkUijyFg&M@EmzIl)Dy_r}3@0{QDJO}CZ^}}KF
zmp%4N@MwJbK^d`3+YP<I1H?!Z0-xE;d4Yl)g9fT)$1m^MHAt-<6%ikQ-}HTLG4r{t
zPxL9d2%mu`KjGoCCW?v5+(ElnVq4j4X$4Id+46t3GKDFQ9cAm=B3sow%Sy^QK;lR)
zO_r52g~<v#GlkggVCBTFB9o$WRhFH7gQo!K$ykwX)IbK3tHU3FVm<LFCoNW1-fQ&s
z96r=VO|*?Hw1b#VKlK{_;s6GyRyq2JIowP$Q9lf+7>-Wg67+GULq~&QWiVt^jCiL-
zQ`j2$)t$9!xK?GA>fP(r`!y```n95<At@V+P)e>DUoK>{OwIYnq$HAJU$#P?TC~^W
z9VRTDt@(*z*6Zgr4f6Y45mG5R+v5kkBcs%u$7Acji6j+rZ*F69A-du{66?vX*|l74
z5e3ONbMumc2^7Hva;g9ZE?^7$;6onBbNoka%(~`9MF+8vY*_EM0>Y@Iec5V@*}$SS
igISqaKM7a0Ov#O~%ld6z2d$z74FnP0?08$)#eV@uv5-gr

delta 405
zcmY+9%}WAN5Wr_PeY>u@R)XKfUN@mXAVd;71xaKe2?ga_gi4p*u8Fc%WOR*XPZfb4
zI&`j6$4=e4hJQr22qLJr2tqT=%x}J6<}-4wC`LFe1DCh=^ZK{wC>h*wvg=W?j@1yA
zXy5{>VTxtYWannp`B+wheAwG4ax*X896sZk`-OX_wzvY@v7Tg0G@gV(j3y?O9O6*u
z1uS9*crBHLzJPFaWs4OkgAc5D=LMlBBXkvu(6lYz!ky4ZgbHi{<((6m^2sr^u?<?L
z)RiscKyNPYn?|#%Zs?El)F!G`(QGvuyR6fV7MiNgn88$|R%<b)(<N0)xKF-ULip)g
z&>i^mX_e#1uOI78i$%ul?K}X}+zc^@_pMoS9a5N=gcMFA5fsdzbSC_=EbnOwo8y7a
oxIg5+$dVp=b*BAy3p^c3xrRYohk71)X3laafrO!n5+Nk~0W+#yZ2$lO

diff --git a/apka/app/backend/__pycache__/routes.cpython-310.pyc b/apka/app/backend/__pycache__/routes.cpython-310.pyc
index 76cab082d2d3b3d8f1104d2bc0fd9bffbaaea1f3..579c226d12519208c69d3796227425b537ae51b1 100644
GIT binary patch
delta 18
YcmeCu>(b-O=jG*M0D@Of7IKLL04fv&o&W#<

delta 18
YcmeCu>(b-O=jG*M0D|*37IKLL04ZGrcK`qY

diff --git a/apka/app/backend/calendar_integration.py b/apka/app/backend/calendar_integration.py
index 018863a..302457b 100644
--- a/apka/app/backend/calendar_integration.py
+++ b/apka/app/backend/calendar_integration.py
@@ -5,6 +5,7 @@
 from google_auth_oauthlib.flow import InstalledAppFlow
 from googleapiclient.discovery import build
 from googleapiclient.errors import HttpError
+from datautil import parser
 
 SCOPES = ["https://www.googleapis.com/auth/calendar.readonly"]
 
@@ -51,10 +52,20 @@ def get_calendar_events():
             print("No upcoming events found.")
             return
 
+        formatted_events = []
         for event in events:
             start = event["start"].get("dateTime", event["start"].get("date"))
-            print(start, event["summary"])
+            summary = event.get("summary", "Brak nazwy wydarzenia")
+            
+            # Konwertuj datę i godzinę na czytelny format
+            if "T" in start:  # Jeśli jest pełna data i godzina
+                start_time = parser.parse(start).strftime("%Y-%m-%d %H:%M")
+            else:  # Jeśli tylko data
+                start_time = start
 
-        return events
+            formatted_events.append({"start": start_time, "summary": summary})
+
+        return formatted_events
     except HttpError as error:
         print(f"An error occurred: {error}")
+        return []
\ No newline at end of file
diff --git a/apka/app/backend/routes.py b/apka/app/backend/routes.py
index fc2b016..a36ec3c 100644
--- a/apka/app/backend/routes.py
+++ b/apka/app/backend/routes.py
@@ -18,7 +18,7 @@ def index():
 def events():
     try:
         events = get_calendar_events()
-        return jsonify(events)
+        return render_template('events.html', events=events)
     except Exception as e:
         return jsonify({"error": str(e)}), 500
 
diff --git a/apka/app/frontend/static/stylesEvents.css b/apka/app/frontend/static/stylesEvents.css
new file mode 100644
index 0000000..fe1312a
--- /dev/null
+++ b/apka/app/frontend/static/stylesEvents.css
@@ -0,0 +1,54 @@
+body {
+    font-family: Arial, sans-serif;
+    display: flex;
+    justify-content: flex-start; /* Ustawienie zawartości po lewej stronie */
+    align-items: flex-start;
+    height: 100vh;
+    margin: 0;
+    background-image: url('tlo.png');
+    background-size: cover;
+    background-position: center;
+    background-attachment: fixed;
+}
+
+.container {
+    background-color: #fff;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    padding: 20px;
+    border-radius: 10px;
+    width: 80%;
+    max-width: 800px;
+    margin: 20px;
+    text-align: center;
+}
+
+h1 {
+    font-size: 2rem;
+    margin-bottom: 20px;
+}
+
+.events-list {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    margin-top: 20px;
+}
+
+.event {
+    background-color: #e9e9e9;
+    padding: 15px;
+    border-radius: 8px;
+    text-align: left;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.event-time {
+    font-size: 1.1rem;
+    color: #555;
+}
+
+.event-summary {
+    font-size: 1.3rem;
+    font-weight: bold;
+    color: #333;
+}
diff --git a/apka/app/frontend/templates/events.html b/apka/app/frontend/templates/events.html
new file mode 100644
index 0000000..a675566
--- /dev/null
+++ b/apka/app/frontend/templates/events.html
@@ -0,0 +1,28 @@
+<!-- templates/events.html -->
+<!DOCTYPE html>
+<html lang="pl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>NoteWriter</title>
+    <link rel="icon" type="image/x-icon" href="static/logoo.png">
+    <link rel="stylesheet" href="{{ url_for('static', filename='stylesEvents.css') }}">
+</head>
+<body>
+    <div class="container">
+        <h1>Twoje nadchodzące wydarzenia</h1>
+        <div class="events-list">
+            {% if events %}
+                {% for event in events %}
+                    <div class="event">
+                        <div class="event-time">{{ event['start'] }}</div>
+                        <div class="event-summary">{{ event['summary'] }}</div>
+                    </div>
+                {% endfor %}
+            {% else %}
+                <p>Brak nadchodzących wydarzeń.</p>
+            {% endif %}
+        </div>
+    </div>
+</body>
+</html>

From 63f847048167f162a88f33d2d76a31e4cef01f1e Mon Sep 17 00:00:00 2001
From: olaadam <ola_adamiak810@wp.pl>
Date: Sun, 12 Jan 2025 17:36:53 +0100
Subject: [PATCH 4/4] przeniesienie nagrywania :)

---
 .../calendar_integration.cpython-310.pyc      | Bin 2037 -> 2037 bytes
 .../backend/__pycache__/note.cpython-310.pyc  | Bin 2168 -> 2168 bytes
 .../__pycache__/routes.cpython-310.pyc        | Bin 5898 -> 6053 bytes
 apka/app/backend/calendar_integration.py      |   2 +-
 apka/app/backend/routes.py                    |  10 +-
 apka/app/backend/token.json                   |   2 +-
 apka/app/frontend/static/record.js            |  39 ++--
 apka/app/frontend/static/styles.css           |  46 +----
 apka/app/frontend/static/stylesEvents.css     |  35 +++-
 apka/app/frontend/static/stylesRecord.css     | 174 ++++++++++++++++++
 apka/app/frontend/templates/events.html       |   3 +
 apka/app/frontend/templates/index.html        |  21 +--
 apka/app/frontend/templates/record.html       |  29 +++
 13 files changed, 269 insertions(+), 92 deletions(-)
 create mode 100644 apka/app/frontend/static/stylesRecord.css
 create mode 100644 apka/app/frontend/templates/record.html

diff --git a/apka/app/backend/__pycache__/calendar_integration.cpython-310.pyc b/apka/app/backend/__pycache__/calendar_integration.cpython-310.pyc
index 3d41ff1974deb3bdf729c88ae79efa42aae0b6da..1090316e43eb6b293feed8b8cbff4f8574482f55 100644
GIT binary patch
delta 25
fcmey$|COIBpO=@50SFQ|ZseN7&X_uRIlCVKTigc=

delta 25
fcmey$|COIBpO=@50SHcS*vK`9oiTCpa&|ueV6_Ku

diff --git a/apka/app/backend/__pycache__/note.cpython-310.pyc b/apka/app/backend/__pycache__/note.cpython-310.pyc
index 1adb6ae67def020aa292aaeac011f2628bcb4d86..8c510fd163472c71c6bc2368ba4d5eab069ff70d 100644
GIT binary patch
delta 19
Zcmew%@I!zrpO=@50SI0_*~pd00RTHB1+4%8

delta 19
Zcmew%@I!zrpO=@50SM0D*vOT~0RTEi1%?0s

diff --git a/apka/app/backend/__pycache__/routes.cpython-310.pyc b/apka/app/backend/__pycache__/routes.cpython-310.pyc
index 579c226d12519208c69d3796227425b537ae51b1..30279e1ab6d21bf00a34d8cda3a0283142f37424 100644
GIT binary patch
delta 2433
zcmaJ?O>7%Q6yBM&*K5aioYYR@)=8Y7MlAX1Z<;nqE85ahXp=${Xp^)uOJ<Wejej(|
zi4&7xq|gge4%J*ZAe0CY^Z-Jt#FZOo4i$%0PY4OP6p3=Gkl?-9BqdhB*1mo7&Agv^
z^X;1t`#wJsEkq(A1%Afw>$9tk_oFHD=zjNimCYneY!TML8b46h$z-$DG@oQmEICWq
z!41j|v6RGHtor%Z&9qg&*|w#y<}EteKBusjPswD5v}k4NZHqS6E-gAG-m!~!vcnQT
zEb*>woKP`OF5H4FjzbnF*h#tOMY*Pb*Y*?}ka)M%1S?O&$}?<GB0W|k8@fyRuVB&3
zhS}K-LKNm3laF!k;U8q3^gPvJ-;TmSA5#oE`Ye>qGi$kT&dDu2AlwhL4-}q+7f*^U
z^=9HJ1zo575WLEPBix!Ua3*f6$@9DcAaGHx@j&T=H%ZgI;vfuN&07`2sT7K4L3~}O
zM?o!z9A#ZuQyjv`s>0|7y{U{TKE<IcT|`-fZIok<%2da<3VCPYVLmbCJ5=#QaBIoR
zJGKmN5LfetuHWLkz<>LbK#G2jr!Dv91}`m7TSX^Z$a5cnu4+5npu7cjVr_36S7Xi+
zj)P)HK~SoZDE!kzf1m!1bK<e@N75=D`a85XT;47o`v*okQ1vQ^n%sO%&dyAm3s#<)
zyctj%Ye%V%`Uw7`Gz5-Qp5rc<D#v#!J)wQsx9iNHF6}$&l2Wz*(C|XmcBTut;<=;Z
zNZ>~Au89{vjMJGCoOPjO_h14V2wja5o$y}qbs$xjE1sNG&82KPu@m}H;2Y8@?&)L3
zQCM6Z@_=`q+fFmQu;^F=f&?2Q{kVaK9WO1xd*qn-EI5%#18(?u1f5~=xmPqq3E!`3
zaoZ^rGhUo*e%6a|8P@MPk1nrlr^M}0XXPiDMKTd3sFafqnWu~-CAH?&O&_C7-J)y6
z@vkaCCAvl(jro{=l`?HZ-6maN<qVKcm88>IzzMFZ+oaQHfS8&xp)i<#PlYc_zDoqC
z8d@0#tIB?6!T&L<St)J@t8;V~@`ACNk125cKkZ725gv7YGuZ{p^*dPyUO}%){ZJ;}
z2sJ3zkD9aG%xA51*(_#lGjFv$p!^t2xxS+5%<)!Gc_)grcvO>q0mp8DS&o@qu#GUU
z#i;;-ehg$oyaLbh6QVKPI@6AL_{L)1$>yv}_^HXmgwq{Bv(q3ZbzoFRhT8vZ%_Xb)
zY_EfzjlMNX2_@pAa5K3mz72nsG5~bROce=vH^7#tL@tv)@qMIc;58Umt#NDZxkBlA
zB>QbxV`CfCXoyBhnD9|yMAyiO_#)bIyz0Y=%v#QK+bo)5GodsLh8lrBFed(ru0r^g
z+SK)Nn3{%`v-`v5i9K};9{w^2gFN&1vBLB+zl6{$DE5Ywds;^PRq=Cemv$A^ArXtU
zUbzM;w1674&&(7S7&JKyS>?eE$sOklj%62NT4o$qF=Lc`Qj}s>E@PRwbdGNM$X-7(
zC)v7U%z9@LzCGFafnN5z=n^*;rF`n4zwR;7@Vt4e_@(|hG>n4>hP2la7#C9qx+`y@
zItXHvr%@e7aTbITll0;*A#ehPYzp3farhPrnb$4UZh~<2oO#z`S#I+>#LlCTJGp=w
zHWc8XN57J}1oRXBcwOgy1dPsFd5fElm63&dUkt|k$sJLQ^GYB3!orTjjS?~KjOjS$
z^jr=u8jch-G_P<&xK3t?xpCwae*@<!zk&J$ioK`n>PRSz_z6tfVGwbZlGqNLG5`oO
zkpM!K5@Q;+YJNuikZ2}X#goLKf!DCSLFC=U@vh*#D5`Q95!V`;D%gqnDHIn`;9bil
z6(>=fLU9KLMs-!bnEzL{&l#W(=L&3b!8(V`wsB{jN*FE<xUV4XFo{uJ4UyePhr28q
VBJ}~i*1OnX5Cu?=i6;%Ie*lSp5GMct

delta 2269
zcmaJ?OK)366uvXpxv?GFah}ezahs&A(>!RJG=0%hO40|d6Y4^m0J3f~ljNp;gt?PA
zv631QSb$WdY8I6ci$tgrNFX6~$pVQL2!6p;B^Iy&2{yo{8#reik~S(>y5BuMa~?D2
zd~@!Dfe-p4`EWRB!0*?e-<f;VcrVgMzPWeg>(W9qYhaCYgvIVs*2J3MH8#j}JFi{X
zx7opKH{)9dYuTdH`{xbT`U#mnz?;CMjkRxk>|-6;qf_hSJNo_XfYx_uedmt8i*;*#
zH*eZ(W(T(jQ48e7F^D<1V{?oRX`3ExGrUFEaW<kgM|g~#xJ|{65Ve<`WT);DVlZDy
zKZ(;1eRPBLx_&sNG#J?+DI-CXkAqH*@s<90naw1KsDRba3=xBuh^dF>WWc2$`>AMF
ztG<J!EAXf2m&S&%Zb-5Q<(M>5hR=|6wTl?*kgyn)gb``3K?VmNMrY}yVHr~fgY`R*
zwfruSf{`$jUIiB-FMj!x7)HV;unEEk-~~okX859X@;T3RrAScE;>!u1ldebj_6E_o
z31J^V4LoiHfKrPD6|4A(w5Ur~r`3iQ?dmOSWPb;W<-?(bzFt+<P0!dFo@2IXQQuh|
z)&Wo#!|E^V)BYV>$WQy9^GIQ@d+<!gapg=tyLh%weP4OKZ^xw^K7`BZ0#rF)a1#*O
zwE+BPg!qX_s4M=qpuOx&o7u&oVnh}EUy`^w97v7zg4Nz!b%M|21>2667WpN~hcF}_
z+oFCFBt9A?ezTT}qo68Qt8WAEkv^3SPF-vT1ync;FI{0#t_y03cvfNRU724@ms2{q
zxpKM->i1xb3@WRttK?ydW@#)y!<&&1#sb|m8D-`cT_@7FW&jE3I+Yd7$12t+v+kPP
zbg@>4fi9+|OC_t6{xx%(F8&?51lG+vCeTH{3j|0OSe<yntMsH>@PFKbtC?-L8d=Gz
z%E?&hW4I6OKmCB6;o_lbd(m-=@ti#;?3}~nPJB@m`R#nJz(u!QT7Z@KwTYpA&o}F2
zxK|+^39rCT(L|%_3$?`hpi-W1(U$X~1?wLNNQzeVW++~b3a^rJX*(G=QKjyM>d1h4
z5bC(qjw_+-OF8Le`6yl!-7{$7F<24U`Ds7!CanWMyM^{L-`m2g;OF9vp{D8yx07?~
zQuvFuZcun+b`RymAyC_@CNf5P)Xhlm$Qb<JW8+o3^ZCMV7WWOX(R0S4K^h?;BCe>f
zBJ1R`I$7O0xaWR^=eXSU<>-n-fYJ~+T7>>B#?^<_YmmMw+D0bS;b{BO7r-Dv9#{0U
z{LG3t5C6mkgr`I6y-U=Os^#dx(nS<U06gD9-pP3uWS%K7m@6xAMO{7n#3fjVyIzHn
z)3f;ugYh(hj!(z-g8Iz4yyR{Mmi3<NP24l0cnx&LngPadEzJ#-*`Qi$j*nqWh297z
z5|<HnBWp<yrKtAYt&3X#OFfDsR7^g+U-O7q*ngN<t964gGCr?6ZDC`@g!--SNa+<6
zj{^Y9P&|Qf5+D&3l_;M<7(l>jTi((LO4kwezHXqD0`UA<`!;8ea0L!o@jQY)$yt<e
zjsPdibS&7*Ku2}IzNYJ0gpADb92d6aX<fQC^+WwInNqYtlzK20mik75cwyU3+fv#y
z^H~`A;$=)>?cF8rP2l%TT*GxLk|@85uv=4IPCt?iGkye%ZU~^>q$K(;!(Io4`lF!%
zCS{;8)pZyn3?oz_pm}+0;+PfH2p84cji*Y@DB?{L_{k7B-8I3=Mbz8FN>10Fzj}3i
za`dJ2=*=6W$<*cXWJ=FxF^C@L5b(n)#u1P@ViI8r0r%#aVk!5;ne^$Jj9P5XnQWdd
aW%yb6ej094O~jgrPi14Rq*}cnYx@USX8BA2

diff --git a/apka/app/backend/calendar_integration.py b/apka/app/backend/calendar_integration.py
index 302457b..52d4d7f 100644
--- a/apka/app/backend/calendar_integration.py
+++ b/apka/app/backend/calendar_integration.py
@@ -5,7 +5,7 @@
 from google_auth_oauthlib.flow import InstalledAppFlow
 from googleapiclient.discovery import build
 from googleapiclient.errors import HttpError
-from datautil import parser
+from dateutil import parser
 
 SCOPES = ["https://www.googleapis.com/auth/calendar.readonly"]
 
diff --git a/apka/app/backend/routes.py b/apka/app/backend/routes.py
index a36ec3c..81cfc15 100644
--- a/apka/app/backend/routes.py
+++ b/apka/app/backend/routes.py
@@ -13,6 +13,9 @@
 def index():
     return render_template("index.html")
 
+@main.route("/record")
+def record():
+    return render_template("record.html")
 
 @main.route('/events')
 def events():
@@ -38,7 +41,7 @@ def ms_calendar():
         return {"error": str(e)}, 400
 
 
-@main.route("/list_windows", methods=["GET"])
+@main.route("/record/list_windows", methods=["GET"])
 def list_windows():
     """Zwróć listę okien."""
     windows = gw.getAllTitles()
@@ -49,7 +52,7 @@ def list_windows():
 UPLOAD_FOLDER = os.path.join(os.getcwd(), 'recordings')
 ALLOWED_EXTENSIONS = {'webm', 'mp4', 'avi'}
 
-@main.route("/record_window", methods=["POST"])
+@main.route("/record/record_window", methods=["POST"])
 def record_window_route():
     setup_upload_folder()
     data = request.get_json()
@@ -64,7 +67,7 @@ def record_window_route():
     return jsonify({"message": f"Rozpoczęto nagrywanie okna: {window_title}"})
 
 
-@main.route("/stop_recording", methods=["POST"])
+@main.route("/record/stop_recording", methods=["POST"])
 def stop_recording_route():
     try:
         stop_recording()
@@ -75,6 +78,7 @@ def stop_recording_route():
 
 @main.route('/save', methods=['POST'])
 def save_recording_route():
+    setup_upload_folder()
     """Zapisz nagranie i przekonwertuj na MP4."""
     try:
         file = request.files['file']
diff --git a/apka/app/backend/token.json b/apka/app/backend/token.json
index 6ebcb34..f05b959 100644
--- a/apka/app/backend/token.json
+++ b/apka/app/backend/token.json
@@ -1 +1 @@
-{"token": "ya29.a0ARW5m75h88wxJ8YFSOCf6tpgYqPdJvAe2PP_QHdbgfRgxclBnTtS3kpluOImGqF_td_6d06JaFHPjmITYbLa30BczxCK2vxyb8ChRseog6gpCJD2yRXkasZhq3NrZgd-mYZBjxS3L1UnHUwduLJabHLNbZ_qoywHILYBQSO1aCgYKAZwSARASFQHGX2Mi9EQNr9y1ykhWQGgv4pPFIw0175", "refresh_token": "1//09kZ-OciEzm48CgYIARAAGAkSNwF-L9IrofyzMMtoOqTCpoDNr2T1Du2NptYDb_kvm1rnrbVy9Ixp7g3y76BzYT-vsPOAhGhIxB4", "token_uri": "https://oauth2.googleapis.com/token", "client_id": "907999041253-2eqttdeuvd1inb1oh6a81vptdk1sh9ao.apps.googleusercontent.com", "client_secret": "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", "scopes": ["https://www.googleapis.com/auth/calendar.readonly"], "expiry": "2024-12-25T22:06:16.447179Z"}
\ No newline at end of file
+{"token": "ya29.a0ARW5m764vEOEkfIn1gw-Tj-CYwdM3YlQ76UyQvP0AGAI4q4kPRETts4qYOWQk4byIh6Jm2s3dhEEHazFk0KyMqw34XX8buhE41AZQTySYSIn_Iw9WyLudCYv-t3-LJ3zbT5oHRd_xaSC7kGfNr3fgo27OaA_9bOnQVmrtxkJaCgYKAVgSARASFQHGX2MiNmwVn6SrV9cyTjYLOO6iFA0175", "refresh_token": "1//09XXH8kYJJSi8CgYIARAAGAkSNwF-L9Ir9s5XxNraWHNpxg8FNrXfIvjsvgW1vgMs7lBb726Tar22_NKHa-lWs9fXGM7lf0o0nnM", "token_uri": "https://oauth2.googleapis.com/token", "client_id": "907999041253-2eqttdeuvd1inb1oh6a81vptdk1sh9ao.apps.googleusercontent.com", "client_secret": "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", "scopes": ["https://www.googleapis.com/auth/calendar.readonly"], "universe_domain": "googleapis.com", "account": "", "expiry": "2025-01-12T17:36:16.892920Z"}
\ No newline at end of file
diff --git a/apka/app/frontend/static/record.js b/apka/app/frontend/static/record.js
index b9380d8..094959d 100644
--- a/apka/app/frontend/static/record.js
+++ b/apka/app/frontend/static/record.js
@@ -6,7 +6,7 @@ function showNotification(message, type = "info") {
 
     setTimeout(() => {
         notification.remove();
-    }, 5000);
+    }, 1000);
 }
 
 const recordBtn = document.getElementById("record-btn");
@@ -17,12 +17,7 @@ const titleInput = document.getElementById("recording-title");
 const see_events = document.getElementById("events-btn");
 const timerDisplay = document.getElementById("timer");
 const see_recordings = document.getElementById("recordings-btn");
-
-
 const windowSelection = document.getElementById("window-selection");
-const selectedWindow = document.getElementById("selected-window");
-const selectedWindowName = document.getElementById("selected-window-name");
-const changeWindowBtn = document.getElementById("change-window-btn");
 
 let mediaRecorder;
 let recordedChunks = [];
@@ -34,28 +29,17 @@ let timerInterval;
 // Funkcja do pobrania okna
 async function selectWindow() {
     try {
-        const stream = await navigator.mediaDevices.getDisplayMedia({
+        stream = await navigator.mediaDevices.getDisplayMedia({
             video: true,
             audio: true
-        });
-        handleStream(stream);
-        document.getElementById("window-selection").querySelector("h2").style.display = "none";
-        windowSelection.style.display = "block";
-        recordBtn.style.display = "none";
-        selectedWindow.style.display = "block"; // Pokażemy wybrane okno
-        changeWindowBtn.style.display = "inline-block"; // Pokażemy przycisk do zmiany okna
+        })
+        handleStream(stream);   
     } catch (error) {
         console.error("Błąd podczas wybierania okna:", error);
         showNotification("Błąd podczas wybierania okna", "error");
     }
 }
 
-// Funkcja zmieniająca okno do nagrywania
-changeWindowBtn.onclick = () => {
-    selectedWindow.style.display = "none"; // Ukrywamy obecne okno
-    selectWindow(); // Ponownie wybieramy okno
-}
-
 // Obsługa strumienia
 function handleStream(stream) {
     mediaRecorder = new MediaRecorder(stream);
@@ -139,6 +123,7 @@ async function saveRecording(blob) {
             showNotification("Nagranie zapisane!", "success");
             if (stream) {
                 stream.getTracks().forEach(track => track.stop());
+                stream = null; // Wyczyszczenie strumienia
                 console.log("Strumień zatrzymany.");
                 showNotification("Strumień zatrzymany", "success");
 
@@ -153,15 +138,17 @@ async function saveRecording(blob) {
     }
     if (stream) {
                 stream.getTracks().forEach(track => track.stop());
+                stream = null; // Wyczyszczenie strumienia
                 console.log("Strumień zatrzymany.");
                 showNotification("Strumień zatrzymany.", "success");
             }
-
-timerDisplay.style.display = "none"; // Ukrycie zegara
-document.getElementById("window-selection").style.display = "none"; // Ukrycie sekcji wyboru okna
-recordBtn.style.display = "block"; // Pokazanie przycisku do wyboru okna
-titleInput.value = ""; // Czyszczenie tytułu nagrania
-saveButton.disabled = true; // Wyłączenie przycisku zapisz
+    
+    clearInterval(timerInterval);
+    timerDisplay.textContent = "00:00"; // Zresetowanie zegara
+    timerDisplay.style.display = "none"; // Ukrycie zegara
+    recordBtn.style.display = "block"; // Pokazanie przycisku do wyboru okna
+    titleInput.value = ""; // Czyszczenie tytułu nagrania
+    saveButton.disabled = true; // Wyłączenie przycisku zapisz
 }
 
 // Inicjalizacja funkcji
diff --git a/apka/app/frontend/static/styles.css b/apka/app/frontend/static/styles.css
index c2c2d7a..60c0bd9 100644
--- a/apka/app/frontend/static/styles.css
+++ b/apka/app/frontend/static/styles.css
@@ -61,24 +61,6 @@ button:disabled {
     background-color: gray;
 }
 
-#record-btn {
-    background-color: #800080; 
-    color: white;
-    margin-top: 10px;
-    font-size: 20px;
-    border-radius: 20px;
-    transition: transform 0.3s ease, background-color 0.3s ease;
-}
-
-#record-btn:hover {
-    background-color: #6a006a; 
-    transform: scale(1.2); 
-}
-
-#record-btn:active {
-    background-color: #4c034c; 
-}
-
 .start-button {
     background-color: #4CAF50;
     color: white;
@@ -86,7 +68,7 @@ button:disabled {
 
 .start-button:hover:not(:disabled) {
     background-color: #45a049;
-    transform: scale(1.05); 
+    transform: scale(1.2); 
 }
 
 .stop-button {
@@ -95,11 +77,11 @@ button:disabled {
 }
 
 .stop-button:hover:not(:disabled) {
-    transform: scale(1.05); 
+    transform: scale(1.2); 
 }
 
-#events-btn, #recordings-btn, #notes-btn  {
-    background-color: rgb(226, 178, 212);
+#events-btn, #recordings-btn, #notes-btn, #record-btn{
+    background-color: rgb(226, 199, 218);
     margin-top: 10px;
     color: black;
     padding: 10px 20px;
@@ -108,32 +90,16 @@ button:disabled {
     transition: background-color 0.3s, transform 0.3s;
 }
 
-#events-btn:hover {
+#record-btn:hover, #events-btn:hover, #notes-btn:hover,#recordings-btn:hover {
     background-color: #ea72c8;
     transform: scale(1.2); 
 }
 
-#events-btn:active {
-    background-color: #9e4f8a; 
-}
-
-#notes-btn:hover {
-    background-color: #ea72c8;
-    transform: scale(1.2); 
-}
 
-#notes-btn:active {
+#record-btn:active, #events-btn:active, #notes-btn:active, #recordings-btn:active {
     background-color: #9e4f8a; 
 }
 
-#recordings-btn:hover {
-    background-color: #ea72c8;
-    transform: scale(1.2); 
-}
-
-#recordings-btn:active {
-    background-color: #9e4f8a; 
-}
 
 input[type="text"] {
     padding: 10px;
diff --git a/apka/app/frontend/static/stylesEvents.css b/apka/app/frontend/static/stylesEvents.css
index fe1312a..10bfa03 100644
--- a/apka/app/frontend/static/stylesEvents.css
+++ b/apka/app/frontend/static/stylesEvents.css
@@ -12,12 +12,16 @@ body {
 }
 
 .container {
-    background-color: #fff;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 60%; /* 2/3 szerokości */
+    height: 50vh; /* 1/2 wysokości */
+    overflow-y: auto; /* Dodanie przewijalności */
+    position: relative;
+    top: 15%; /* 15% od góry */
+    left: 7%; /* Pozycjonowanie od lewej krawędzi */
+    background-color: rgba(139, 98, 149, 0.6);
+    box-shadow: 0 0 10px rgba(167, 17, 201, 0.204);
     padding: 20px;
     border-radius: 10px;
-    width: 80%;
-    max-width: 800px;
     margin: 20px;
     text-align: center;
 }
@@ -52,3 +56,26 @@ h1 {
     font-weight: bold;
     color: #333;
 }
+
+/* Przyciski w górnym rogu */
+.top-nav {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+}
+
+.back-to-home {
+    background-color: #572468;
+    color: white;
+    padding: 10px 20px;
+    text-decoration: none;
+    border-radius: 15px;
+    font-size: 16px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
+    transition: transform 0.2s ease, background-color 0.2s ease;
+}
+
+.back-to-home:hover {
+    background-color: #7f4598;
+    transform: scale(1.2); 
+}
\ No newline at end of file
diff --git a/apka/app/frontend/static/stylesRecord.css b/apka/app/frontend/static/stylesRecord.css
new file mode 100644
index 0000000..bd40915
--- /dev/null
+++ b/apka/app/frontend/static/stylesRecord.css
@@ -0,0 +1,174 @@
+body {
+    font-family: Arial, sans-serif;
+    display: flex;
+    justify-content: flex-start; /* Ustawienie zawartości po lewej stronie */
+    align-items: flex-start;
+    height: 100vh;
+    margin: 0;
+    background-image: url('tlo.png');
+    background-size: cover;
+    background-position: center;
+    background-attachment: fixed;
+}
+
+.container {
+    width: 55%; /* 2/3 szerokości */
+    height: 50vh; /* 1/2 wysokości */
+    padding: 20px;
+    text-align: center;
+    background-color: rgba(139, 98, 149, 0.6);
+    border-radius: 10px;
+    box-shadow: 0 0 10px rgba(167, 17, 201, 0.204);
+    overflow-y: auto; /* Dodanie przewijalności */
+    position: relative;
+    top: 15%; /* 15% od góry */
+    left: 7%; /* Pozycjonowanie od lewej krawędzi */
+    transform: translateY(0%); /* Usuń translateY(-50%) */
+}
+
+h1 {
+    text-align: center;
+    color: white;
+    margin-bottom: 20px;
+}
+
+.selection {
+    margin-top: 20px;
+}
+
+.button-row {
+    display: flex;
+    justify-content: center;
+    gap: 20px;
+    margin-top: 20px;
+}
+.button-row {
+    display: flex;
+    justify-content: center;
+    gap: 20px;
+    margin-top: 20px;
+}
+
+
+button {
+    padding: 10px 25px;
+    font-size: 18px;
+    border: none;
+    border-radius: 30px; /* Zaokrąglenie przycisków */
+    cursor: pointer;
+    transition: transform 0.2s ease, background-color 0.2s ease;
+    color: white;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
+}
+
+button:disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+    background-color: gray;
+}
+
+/* Przyciski w górnym rogu */
+.top-nav {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+}
+
+.back-to-home {
+    background-color: #572468;
+    color: white;
+    padding: 10px 20px;
+    text-decoration: none;
+    border-radius: 15px;
+    font-size: 16px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
+    transition: transform 0.2s ease, background-color 0.2s ease;
+}
+
+.back-to-home:hover {
+    background-color: #7f4598;
+    transform: scale(1.2); 
+}
+
+#record-btn {
+    background-color: #800080; 
+    color: white;
+    margin-top: 10px;
+    font-size: 20px;
+    border-radius: 20px;
+    transition: transform 0.3s ease, background-color 0.3s ease;
+}
+
+#record-btn:hover {
+    background-color: #6a006a; 
+    transform: scale(1.2); 
+}
+
+#record-btn:active {
+    background-color: #4c034c; 
+}
+
+.start-button {
+    background-color: #4CAF50;
+    color: white;
+}
+
+.start-button:hover:not(:disabled) {
+    background-color: #45a049;
+    transform: scale(1.05); 
+}
+
+.stop-button {
+    background-color: rgb(255, 0, 0);
+    color: white;
+}
+
+.stop-button:hover:not(:disabled) {
+    transform: scale(1.05); 
+}
+
+input[type="text"] {
+    padding: 10px;
+    margin: 10px;
+    width: 300px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+  }
+
+#recording-time {
+    font-size: 16px;
+    color: white;
+    background-color: rgba(0, 0, 0, 0.7);
+    padding: 5px;
+    border-radius: 5px;
+    position: fixed;
+    top: 10px;
+    right: 10px;
+}
+
+#save-recording {
+    background-color: rgb(255, 0, 149);
+    color: white;
+    font-size: 16px;
+    margin-top: 10px;
+    padding: 10px 20px;
+}
+
+.timer {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    background-color: rgba(0, 0, 0, 0.7); /* Tło półprzezroczyste */
+    color: white;
+    font-size: 24px;
+    font-family: 'Arial', sans-serif;
+    padding: 10px 20px; /* Dostosowanie rozmiaru */
+    border-radius: 10px; /* Zaokrąglenie rogów */
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); /* Cień, aby wyglądało na bardziej wyróżniające się */
+    width: auto;
+    height: 40px;
+    display: flex;
+    align-items: center; /* Wyrównanie tekstu w pionie */
+    justify-content: center; /* Wyrównanie tekstu w poziomie */
+    font-weight: bold; /* Pogrubienie tekstu */
+}
diff --git a/apka/app/frontend/templates/events.html b/apka/app/frontend/templates/events.html
index a675566..e35c533 100644
--- a/apka/app/frontend/templates/events.html
+++ b/apka/app/frontend/templates/events.html
@@ -9,6 +9,9 @@
     <link rel="stylesheet" href="{{ url_for('static', filename='stylesEvents.css') }}">
 </head>
 <body>
+    <div class="top-nav">
+        <a href="/" class="back-to-home">Back to Home</a>
+    </div>
     <div class="container">
         <h1>Twoje nadchodzące wydarzenia</h1>
         <div class="events-list">
diff --git a/apka/app/frontend/templates/index.html b/apka/app/frontend/templates/index.html
index f4d3fe1..170eb37 100644
--- a/apka/app/frontend/templates/index.html
+++ b/apka/app/frontend/templates/index.html
@@ -14,30 +14,17 @@ <h1>Witaj w aplikacji!</h1>
         <a href="/events">
             <button id="events-btn">Zobacz swoje wydarzenia</button>
         </a> 
-        <button id="record-btn">Wybierz okno do nagrywania</button>    
+        <a href="/record">
+            <button id="record-btn">Nagraj spotkanie</button>
+        </a>
         <a href="/my_recordings">
             <button id="recordings-btn">Zobacz swoje nagrania</button>
         </a> 
         <a href="/my_notes">
             <button id="notes-btn">Zobacz swoje notatki</button>
-        </a>        
-        <div id="window-selection" class="selection" style="display: none;">
-            <h2>Wybierz okno:</h2>
-            <select id="window-list" style="display: none;"></select>
-            <div id="selected-window" style="display: none;">
-                <button id="change-window-btn">Zmień okno</button>
-            </div>
-            <div class="button-row">
-                <button id="startButton" class="start-button">Rozpocznij nagrywanie</button>
-                <button id="stopButton" class="stop-button" disabled>Zakończ nagrywanie</button>
-            </div>
-            <h2>Zapisz nagranie</h2>
-            <input type="text" id="recording-title" placeholder="Podaj tytuł nagrania (nie używaj polskich znaków!)">
-            <button id="save-recording" disabled>Zapisz</button>
-        </div>
+        </a>    
     </div>
 
-    <script src="static/record.js"></script>
     <script src="static/notes.js"></script>
 </body>
 </html>
diff --git a/apka/app/frontend/templates/record.html b/apka/app/frontend/templates/record.html
new file mode 100644
index 0000000..480d727
--- /dev/null
+++ b/apka/app/frontend/templates/record.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>NoteWriter</title>
+    <link rel="stylesheet" href="static/stylesRecord.css">
+    <link rel="icon" type="image/x-icon" href="static/logoo.png">
+</head>
+<body>
+    <div class="top-nav">
+        <a href="/" class="back-to-home">Powrót do strony głównej</a>
+    </div>
+    <div id="timer" class="timer" style="display: none;">00:00</div>
+    <div class="container">
+        <div id="window-selection" class="selection">
+            <h1>Nagraj wybrane okno</h1>
+            <button id="record-btn">Wybierz okno do nagrywania</button>
+            <div class="button-row">
+                <button id="startButton" class="start-button">Rozpocznij nagrywanie</button>
+                <button id="stopButton" class="stop-button" disabled>Zakończ nagrywanie</button>
+            </div>
+            <h2>Zapisz nagranie</h2>
+            <input type="text" id="recording-title" placeholder="Podaj tytuł nagrania (nie używaj polskich znaków!)">
+                <button id="save-recording" disabled>Zapisz</button>
+        </div>
+    </div>
+    <script src="static/record.js"></script>
+</body>
\ No newline at end of file