From 7d3946ac0e1c8b4459031d55c0ea1900f6c32415 Mon Sep 17 00:00:00 2001
From: s328743-polito <s328743@studenti.polito.it>
Date: Mon, 3 Jun 2024 21:13:07 +0200
Subject: [PATCH 1/7] moved-activity-section

---
 components/Header.tsx           |   2 +-
 pages/Activities/Activities.tsx | 157 --------------------------------
 pages/index.tsx                 |  97 ++++++++++++++++++++
 3 files changed, 98 insertions(+), 158 deletions(-)
 delete mode 100755 pages/Activities/Activities.tsx

diff --git a/components/Header.tsx b/components/Header.tsx
index a70ef0f..6410f93 100755
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -56,7 +56,7 @@ const Header = ({darkHeader = false} : {darkHeader? :boolean}) => {
                         <div className={styles.arrowDown}></div>
                     </div>
                     <ul className={styles.dropdown}>
-                        <li className={isActive('/Activities/Activities') ? styles.activeDropdown : ''} onClick={(e: React.MouseEvent<Element, MouseEvent>) => handleNavigate(e, '/Activities/Activities')}>Activities</li>
+                        {/* <li className={isActive('/Activities/Activities') ? styles.activeDropdown : ''} onClick={(e: React.MouseEvent<Element, MouseEvent>) => handleNavigate(e, '/Activities/Activities')}>Activities</li> */}
                         <li className={isActive('/Activities/Events') ? styles.activeDropdown : ''} onClick={(e: React.MouseEvent<Element, MouseEvent>) => handleNavigate(e, '/Activities/Events')}>Events</li>
                         {/*<li className={isActive('/Activities/Masterclasses') ? styles.activeDropdown  : ''} onClick={() => router.push('/Activities/Masterclasses')}>Masterclasses</li>*/}
                         <li className={isActive('/Activities/StudyGroups') ? styles.activeDropdown : ''} onClick={(e: React.MouseEvent<Element, MouseEvent>) => handleNavigate(e, '/Activities/StudyGroups')}>Study Groups</li>
diff --git a/pages/Activities/Activities.tsx b/pages/Activities/Activities.tsx
deleted file mode 100755
index da29c16..0000000
--- a/pages/Activities/Activities.tsx
+++ /dev/null
@@ -1,157 +0,0 @@
-import Image from 'next/image'
-import styles from '@/styles/Activities/Activities.module.scss'
-import {useRouter} from "next/router";
-import Layout from "../../components/Layout";
-import RoundButton from "../../components/molecules/RoundButton";
-
-export default function External() {
-    const router = useRouter();
-
-    // @ts-ignore
-    return (
-        <Layout darkHeader>
-
-            <div className={styles.latestActivitiesBackground}>
-                <div className={styles.latestActivities}>
-                    <div className={styles.latestActivities__left} onClick={() => router.push("/Activities/Events#QuantumQuest")}>
-                        <div className={styles.latestActivities__left__title}>
-                            Latest Activities
-                        </div>
-
-                        <div className={styles.latestActivities__left__card}>
-                            <div className={styles.latestActivities__left__card__imageContainer}>
-                                <img className={styles.latestActivities__left__card__image} src={'/Activities/Events/quantumQuest.png'} alt={'latest'}/>
-                            </div>
-
-                            <div className={styles.latestActivities__left__card__text}>
-                                <div className={styles.latestActivities__left__card__events}>EVENTS</div>
-                                <div className={styles.latestActivities__left__card__title}>Quantum Quest</div>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div className={styles.latestActivities__right}>
-                        <div className={styles.latestActivities__right__masterclass}>
-                            <div className={styles.latestActivities__right__card__imageContainer}>
-                                <img className={styles.latestActivities__right__card__image} src={'/Activities/Masterclasses/masterclass2-3.jpeg'} alt={'latest'}/>
-                            </div>
-
-                            <div className={styles.latestActivities__right__card__text}>
-                                <div className={styles.latestActivities__right__card__activities}>MASTERCLASS</div>
-                                <div className={styles.latestActivities__right__card__title}>Coming Soon</div>
-                                {/*<div className={styles.latestActivities__right__card__topic}>A Gentle Introduction to Git</div>*/}
-                                <div className={styles.latestActivities__right__card__topic}>&nbsp;</div>
-                            </div>
-                        </div>
-
-                        <a className={styles.latestActivities__right__studyGroup} onClick={() => router.push('/Activities/StudyGroups')}>
-                            <div className={styles.latestActivities__right__card__imageContainer}>
-                                <img className={styles.latestActivities__right__card__image} src={'/Activities/Activities/Activities.png'} alt={'latest'}/>
-                            </div>
-
-                            <div className={styles.latestActivities__right__card__text}>
-                                <div className={styles.latestActivities__right__card__activities}>STUDY GROUP</div>
-                                <div className={styles.latestActivities__right__card__title}>Tutoring</div>
-                                <div className={styles.latestActivities__right__card__topic}>Discover our 2023 study groups</div>
-                            </div>
-                        </a>
-                    </div>
-                </div>
-            </div>
-
-            <div className={styles.allActivities}>
-                <div className={styles.allActivities__background}/>
-
-                <div className={styles.allActivities__content}>
-                    <div className={styles.allActivities__events}>
-                        events
-                    </div>
-                    <div className={styles.allActivities__title}>
-                        Discover All Our Activities
-                    </div>
-
-                    <div className={styles.allActivities__columns}>
-                        <div className={styles.allActivities__columns__left}>
-                            <div className={styles.allActivities__group1}>
-                                <div className={styles.allActivities__group__events}>events</div>
-                                <div className={styles.allActivities__group__title}>Events</div>
-                                <div className={styles.allActivities__group__text}>Our events are thought for anyone who
-                                                                                   likes talking, debating, learning and
-                                                                                   discovering
-                                </div>
-
-                                <div className={styles.allActivities__group1__imgcont1}>
-                                    <img className={styles.allActivities__group__img} src={'/Activities/Events/mentalWellnessDigitalWellBeing.png'} alt={'Event 3'}/>
-                                </div>
-                                <div className={styles.allActivities__group1__imgcont2}>
-                                    <img className={styles.allActivities__group__img} src={'/Activities/Events/event_2022.png'} alt={'Event 2'} style={{objectPosition: "75% 100%"}}/>
-                                </div>
-                                <div className={styles.allActivities__group1__imgcont3}>
-                                    <img className={styles.allActivities__group__img} src={'/Activities/Events/quantumQuest.png'} alt={'Event 1'}/>
-                                </div>
-
-                                <div className={styles.allActivities__group1__discover}>
-                                    Discover
-                                    <RoundButton className={styles.allActivities__group__button} onClick={() => router.push('/Activities/Events')}>events</RoundButton>
-                                </div>
-                            </div>
-                            <div className={styles.allActivities__group2}>
-                                <div className={styles.allActivities__group__events}>events</div>
-                                <div className={styles.allActivities__group__title}>Masterclass</div>
-                                <div className={styles.allActivities__group__text}>Our experts will provide you advices
-                                                                                   and tips that will help you improving
-                                                                                   your skills & enriching your CV
-                                </div>
-
-                                <div className={styles.allActivities__group2__imgcont1}>
-                                    <img className={styles.allActivities__group__img} src={'/Activities/Activities/MentalWellness.jpg'} alt={'discover1'}/>
-                                </div>
-                                <div className={styles.allActivities__group2__imgcont2}>
-                                    <img className={styles.allActivities__group__img} src={'/Activities/Activities/Hexakappathlon.jpg'} alt={'discover2'} style={{objectPosition: "75% 100%"}}/>
-                                </div>
-                                <div className={styles.allActivities__group2__imgcont3}>
-                                    <img className={styles.allActivities__group__img} src={'/Activities/Activities/FoundersDay.jpg'} alt={'discover1'}/>
-                                </div>
-
-                                <div className={styles.allActivities__group2__discover}>
-                                    Discover
-                                    {/*<RoundButton className={styles.allActivities__group__button} onClick={() => router.push('/Activities/Masterclasses')}>Masterclasses</RoundButton>*/}
-                                    <RoundButton className={styles.allActivities__group__button} onClick={() => {}}>COMING SOON</RoundButton>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div className={styles.allActivities__columns__right}>
-
-                            <div className={styles.allActivities__group3}>
-                                <div className={styles.allActivities__group__events}>events</div>
-                                <div className={styles.allActivities__group__title}>Study Groups</div>
-                                <div className={styles.allActivities__group__text}>HKN members and PhD students will
-                                                                                   help you with whatever concept you
-                                                                                   might be struggling with
-                                </div>
-
-                                <div className={styles.allActivities__group3__imgcont1}>
-                                    <img className={styles.allActivities__group__img} src={'/Activities/Activities/Discover_2.jpeg'} alt={'discover1'}/>
-                                </div>
-                                <div className={styles.allActivities__group3__imgcont2}>
-                                    <img className={styles.allActivities__group__img} src={'/Activities/Activities/FormazioneInternaReply.jpeg'} alt={'discover2'} style={{objectPosition: "75% 100%"}}/>
-                                </div>
-                                <div className={styles.allActivities__group3__imgcont3}>
-                                    <img className={styles.allActivities__group__img} src={'/Activities/Activities/Discover_3.jpeg'} alt={'discover1'}/>
-                                </div>
-
-                                <div className={styles.allActivities__group3__discover}>
-                                    Discover
-                                    <RoundButton className={styles.allActivities__group__button} onClick={() => router.push('/Activities/StudyGroups')}>study
-                                                                                                                                                        groups</RoundButton>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-        </Layout>
-    )
-}
diff --git a/pages/index.tsx b/pages/index.tsx
index fe6a479..cc08213 100755
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -5,6 +5,9 @@ import Layout from "../components/Layout";
 import HomeLogo from "../components/Home/HomeLogo";
 import RoundButton from "../components/molecules/RoundButton";
 import {useEffect, useState} from "react";
+import activities_styles from '@/styles/Activities/Activities.module.scss'
+
+
 
 export default function Home() {
     const router = useRouter();
@@ -150,6 +153,100 @@ export default function Home() {
                 </div>
             </div>
 
+
+            <div className={activities_styles.allActivities}>
+                <div className={activities_styles.allActivities__background}/>
+
+                <div className={activities_styles.allActivities__content}>
+                    <div className={activities_styles.allActivities__events}>
+                        events
+                    </div>
+                    <div className={activities_styles.allActivities__title}>
+                        Discover All Our Activities
+                    </div>
+
+                    <div className={activities_styles.allActivities__columns}>
+                        <div className={activities_styles.allActivities__columns__left}>
+                            <div className={activities_styles.allActivities__group1}>
+                                <div className={activities_styles.allActivities__group__events}>events</div>
+                                <div className={activities_styles.allActivities__group__title}>Events</div>
+                                <div className={activities_styles.allActivities__group__text}>Our events are thought for anyone who
+                                                                                   likes talking, debating, learning and
+                                                                                   discovering
+                                </div>
+
+                                <div className={activities_styles.allActivities__group1__imgcont1}>
+                                    <img className={activities_styles.allActivities__group__img} src={'/Activities/Events/mentalWellnessDigitalWellBeing.png'} alt={'Event 3'}/>
+                                </div>
+                                <div className={activities_styles.allActivities__group1__imgcont2}>
+                                    <img className={activities_styles.allActivities__group__img} src={'/Activities/Events/event_2022.png'} alt={'Event 2'} style={{objectPosition: "75% 100%"}}/>
+                                </div>
+                                <div className={activities_styles.allActivities__group1__imgcont3}>
+                                    <img className={activities_styles.allActivities__group__img} src={'/Activities/Events/quantumQuest.png'} alt={'Event 1'}/>
+                                </div>
+
+                                <div className={activities_styles.allActivities__group1__discover}>
+                                    Discover
+                                    <RoundButton className={activities_styles.allActivities__group__button} onClick={() => router.push('/Activities/Events')}>events</RoundButton>
+                                </div>
+                            </div>
+                            <div className={activities_styles.allActivities__group2}>
+                                <div className={activities_styles.allActivities__group__events}>events</div>
+                                <div className={activities_styles.allActivities__group__title}>Masterclass</div>
+                                <div className={activities_styles.allActivities__group__text}>Our experts will provide you advices
+                                                                                   and tips that will help you improving
+                                                                                   your skills & enriching your CV
+                                </div>
+
+                                <div className={activities_styles.allActivities__group2__imgcont1}>
+                                    <img className={activities_styles.allActivities__group__img} src={'/Activities/Activities/MentalWellness.jpg'} alt={'discover1'}/>
+                                </div>
+                                <div className={activities_styles.allActivities__group2__imgcont2}>
+                                    <img className={activities_styles.allActivities__group__img} src={'/Activities/Activities/Hexakappathlon.jpg'} alt={'discover2'} style={{objectPosition: "75% 100%"}}/>
+                                </div>
+                                <div className={activities_styles.allActivities__group2__imgcont3}>
+                                    <img className={activities_styles.allActivities__group__img} src={'/Activities/Activities/FoundersDay.jpg'} alt={'discover1'}/>
+                                </div>
+
+                                <div className={activities_styles.allActivities__group2__discover}>
+                                    Discover
+                                    {/*<RoundButton className={activities_styles.allActivities__group__button} onClick={() => router.push('/Activities/Masterclasses')}>Masterclasses</RoundButton>*/}
+                                    <RoundButton className={activities_styles.allActivities__group__button} onClick={() => {}}>COMING SOON</RoundButton>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className={activities_styles.allActivities__columns__right}>
+
+                            <div className={activities_styles.allActivities__group3}>
+                                <div className={activities_styles.allActivities__group__events}>events</div>
+                                <div className={activities_styles.allActivities__group__title}>Study Groups</div>
+                                <div className={activities_styles.allActivities__group__text}>HKN members and PhD students will
+                                                                                   help you with whatever concept you
+                                                                                   might be struggling with
+                                </div>
+
+                                <div className={activities_styles.allActivities__group3__imgcont1}>
+                                    <img className={activities_styles.allActivities__group__img} src={'/Activities/Activities/Discover_2.jpeg'} alt={'discover1'}/>
+                                </div>
+                                <div className={activities_styles.allActivities__group3__imgcont2}>
+                                    <img className={activities_styles.allActivities__group__img} src={'/Activities/Activities/FormazioneInternaReply.jpeg'} alt={'discover2'} style={{objectPosition: "75% 100%"}}/>
+                                </div>
+                                <div className={activities_styles.allActivities__group3__imgcont3}>
+                                    <img className={activities_styles.allActivities__group__img} src={'/Activities/Activities/Discover_3.jpeg'} alt={'discover1'}/>
+                                </div>
+
+                                <div className={activities_styles.allActivities__group3__discover}>
+                                    Discover
+                                    <RoundButton className={activities_styles.allActivities__group__button} onClick={() => router.push('/Activities/StudyGroups')}>study
+                                                                                                                                                        groups</RoundButton>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
             <div className={styles.applyCard}>
                 <text className={styles.textAreYouReady}>ARE YOU READY?</text>
                 <text className={styles.textJoinOurChapter}>Join Our Chapter &</text>

From 5e520f446af6e1cb1d5aff524da0285138e211ce Mon Sep 17 00:00:00 2001
From: s328743-polito <s328743@studenti.polito.it>
Date: Mon, 3 Jun 2024 21:25:36 +0200
Subject: [PATCH 2/7] removed-activities-fix

---
 components/Header.tsx | 8 --------
 pages/index.tsx       | 6 ++----
 2 files changed, 2 insertions(+), 12 deletions(-)

diff --git a/components/Header.tsx b/components/Header.tsx
index 7a3233c..4dcd004 100755
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -66,17 +66,9 @@ const Header = ({darkHeader = false} : {darkHeader? :boolean}) => {
                         <div className={styles.arrowDown}></div>
                     </div>
                     <ul className={styles.dropdown}>
-<<<<<<< HEAD
-                        <li className={isActive('/Activities/Activities') ? styles.activeDropdown : ''}
-                            onClick={(e: React.MouseEvent<Element, MouseEvent>) => handleNavigate(e, '/Activities/Activities')}>Activities
-                        </li>
                         <li className={isActive('/Activities/Events') ? styles.activeDropdown : ''}
                             onClick={(e: React.MouseEvent<Element, MouseEvent>) => handleNavigate(e, '/Activities/Events')}>Events
                         </li>
-=======
-                        {/* <li className={isActive('/Activities/Activities') ? styles.activeDropdown : ''} onClick={(e: React.MouseEvent<Element, MouseEvent>) => handleNavigate(e, '/Activities/Activities')}>Activities</li> */}
-                        <li className={isActive('/Activities/Events') ? styles.activeDropdown : ''} onClick={(e: React.MouseEvent<Element, MouseEvent>) => handleNavigate(e, '/Activities/Events')}>Events</li>
->>>>>>> remove_activities
                         {/*<li className={isActive('/Activities/Masterclasses') ? styles.activeDropdown  : ''} onClick={() => router.push('/Activities/Masterclasses')}>Masterclasses</li>*/}
                         <li className={isActive('/Activities/StudyGroups') ? styles.activeDropdown : ''}
                             onClick={(e: React.MouseEvent<Element, MouseEvent>) => handleNavigate(e, '/Activities/StudyGroups')}>Study
diff --git a/pages/index.tsx b/pages/index.tsx
index da06a80..cc26071 100755
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,11 +1,11 @@
 import Image from 'next/image'
 import styles from '@/styles/Home/Home.module.css'
+import activities_styles from '@/styles/Activities/Activities.module.scss'
 import {useRouter} from "next/router";
 import Layout from "../components/Layout";
 import HomeLogo from "../components/Home/HomeLogo";
 import RoundButton from "../components/molecules/RoundButton";
 import {useEffect, useState} from "react";
-import activities_styles from '@/styles/Activities/Activities.module.scss'
 
 
 
@@ -103,8 +103,6 @@ export default function Home() {
                 </div>
             </div>
 
-<<<<<<< HEAD
-=======
             <div className={styles.projectsContainer}>
                 <text className={styles.projectsText}>NEWS</text>
                 <text className={styles.projectsTitle}>Our Latest Projects</text>
@@ -248,7 +246,7 @@ export default function Home() {
                 </div>
             </div>
 
->>>>>>> remove_activities
+
             <div className={styles.applyCard}>
                 <text className={styles.textAreYouReady}>ARE YOU READY?</text>
                 <text className={styles.textJoinOurChapter}>Join Our Chapter &</text>

From 9a0372cd4964dac46b2f2212f61317e02dda0f50 Mon Sep 17 00:00:00 2001
From: s328743-polito <s328743@studenti.polito.it>
Date: Tue, 4 Jun 2024 11:09:14 +0200
Subject: [PATCH 3/7] floating-header

---
 styles/components/Header.module.css | 21 ++++++++++++++++++---
 styles/components/Layout.module.css |  1 +
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/styles/components/Header.module.css b/styles/components/Header.module.css
index 13738f6..7087d47 100755
--- a/styles/components/Header.module.css
+++ b/styles/components/Header.module.css
@@ -1,3 +1,6 @@
+
+
+
 .header {
     display: flex;
     justify-content: flex-start;
@@ -5,10 +8,22 @@
     align-items: center;
     height: 130px;
     width: 100%;
-    z-index: 2;
-    margin-top: 20px;
-    margin-bottom: 30px;
+    /* Added styles for floating header */
+    position: fixed;
+    top: 10; /* Position at the top of the viewport */
+    left: 0; /* Position at the left of the viewport */
+    z-index: 20;  /* Ensure it stays on top of other elements */
+    margin-top: 0; /* Remove top margin as it's now fixed */
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional: Add a subtle shadow */
 }
+  
+
+
+
+
+
+
+
 
 .logoTitle {
     display: flex;
diff --git a/styles/components/Layout.module.css b/styles/components/Layout.module.css
index e89c8f5..bc86b53 100755
--- a/styles/components/Layout.module.css
+++ b/styles/components/Layout.module.css
@@ -12,6 +12,7 @@
 }
 
 .pageContent {
+    margin-top: 120px; /* Adjust the value if your header height changes */
     width: 97%;
     display: flex;
     flex-direction: column;

From 2d2f3ac7cd238be5a4e8637f5895227a77a9b7b6 Mon Sep 17 00:00:00 2001
From: Alberto Baroso <albertobaroso999@gmail.com>
Date: Fri, 7 Jun 2024 09:48:02 +0200
Subject: [PATCH 4/7] refactor: replaced 'require' with 'import' for
 consistency

---
 pages/api/telegram.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/api/telegram.ts b/pages/api/telegram.ts
index 684281a..47837be 100755
--- a/pages/api/telegram.ts
+++ b/pages/api/telegram.ts
@@ -1,5 +1,5 @@
-const TelegramBot = require("node-telegram-bot-api");
-const fs = require("fs");
+import TelegramBot from "node-telegram-bot-api";
+import fs from "fs";
 import { handleError } from "./application";
 
 const token = process.env.TELEGRAM_TOKEN;

From 1b8149b293a8ebfcc437de68bdb6de21beadd68b Mon Sep 17 00:00:00 2001
From: Alberto Baroso <albertobaroso999@gmail.com>
Date: Fri, 7 Jun 2024 09:48:45 +0200
Subject: [PATCH 5/7] fix: added error when Telegram APIs are not properly
 configured

---
 pages/api/telegram.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/pages/api/telegram.ts b/pages/api/telegram.ts
index 47837be..4fc0fa4 100755
--- a/pages/api/telegram.ts
+++ b/pages/api/telegram.ts
@@ -28,8 +28,10 @@ export async function sendApplyFailedMessage(stage: string, applicant: string) {
 }
 
 export async function sendMessage(message: string) {
+  if (!token || !chatId) 
+    throw new Error("Telegram APIs not configured.");
   const bot = new TelegramBot(token, { polling: false });
-  await bot.sendMessage(chatId, message, { message_thread_id: threadId });
+  await bot.sendMessage(chatId, message, { message_thread_id: Number(threadId) });
 }
 
 function readCounter(): number {

From 2cdffbc02ef5e2b98a7d09ad84ae87e3792f2270 Mon Sep 17 00:00:00 2001
From: Alberto Baroso <albertobaroso999@gmail.com>
Date: Fri, 7 Jun 2024 09:49:35 +0200
Subject: [PATCH 6/7] refactor: extracted duplicated code to getRandomEmoji
 function

---
 pages/api/telegram.ts | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/pages/api/telegram.ts b/pages/api/telegram.ts
index 4fc0fa4..ac5a97a 100755
--- a/pages/api/telegram.ts
+++ b/pages/api/telegram.ts
@@ -16,8 +16,8 @@ export async function shareNewApply(name: string) {
     handleError(e, "Error retrieving count");
   }
   const counterMessage = counter ?? "Unknown";
-  const emoji1 = ["🔥", "✨", "👾"][Math.floor(Math.random() * 3)];
-  const emoji2 = ["🥳", "🤩", "😍"][Math.floor(Math.random() * 3)];
+  const emoji1 = getRandomEmoji(["🔥", "✨", "👾"]);
+  const emoji2 = getRandomEmoji(["🥳", "🤩", "😍"]);
   const message = `${emoji1} Nuova Candidatura! ${emoji2}\nNome: ${name}\nCount: ${counterMessage}`;
   await sendMessage(message);
 }
@@ -55,3 +55,7 @@ function isFileOlderThanNDays(filePath: string, days: number): boolean {
   const thirtyDaysInMilliseconds = days * 24 * 60 * 60 * 1000; // days in ms
   return now - lastUpdated > thirtyDaysInMilliseconds;
 }
+
+function getRandomEmoji(emojis: string[]): string {
+  return emojis[Math.floor(Math.random() * emojis.length)];
+}

From 2c086a3b9dc2fa7a94cb187c375f6d775f4b7a51 Mon Sep 17 00:00:00 2001
From: s328743-polito <s328743@studenti.polito.it>
Date: Mon, 17 Jun 2024 19:50:56 +0200
Subject: [PATCH 7/7] fix-floating-header

---
 styles/components/Header.module.css | 2 +-
 styles/components/Layout.module.css | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/styles/components/Header.module.css b/styles/components/Header.module.css
index 7087d47..7777483 100755
--- a/styles/components/Header.module.css
+++ b/styles/components/Header.module.css
@@ -10,7 +10,7 @@
     width: 100%;
     /* Added styles for floating header */
     position: fixed;
-    top: 10; /* Position at the top of the viewport */
+    background-color:#061E33;
     left: 0; /* Position at the left of the viewport */
     z-index: 20;  /* Ensure it stays on top of other elements */
     margin-top: 0; /* Remove top margin as it's now fixed */
diff --git a/styles/components/Layout.module.css b/styles/components/Layout.module.css
index bc86b53..846dd9d 100755
--- a/styles/components/Layout.module.css
+++ b/styles/components/Layout.module.css
@@ -12,7 +12,7 @@
 }
 
 .pageContent {
-    margin-top: 120px; /* Adjust the value if your header height changes */
+    margin-top: 150px; /* Adjust the value if your header height changes */
     width: 97%;
     display: flex;
     flex-direction: column;