From 8a370a84370fd2449a71d19ec4478e1557efee11 Mon Sep 17 00:00:00 2001
From: enric4000 <enric.andujar@gmail.com>
Date: Sun, 25 Jan 2026 22:51:14 +0100
Subject: [PATCH 1/3] Ocultat ministeri i taller de so

---
 src/app/components/SponsorsAndPartners.tsx | 16 ++--------------
 1 file changed, 2 insertions(+), 14 deletions(-)

diff --git a/src/app/components/SponsorsAndPartners.tsx b/src/app/components/SponsorsAndPartners.tsx
index d538bb9a..77487b42 100644
--- a/src/app/components/SponsorsAndPartners.tsx
+++ b/src/app/components/SponsorsAndPartners.tsx
@@ -191,24 +191,12 @@ export default function SponsorsAndPartners() {
                 />
               </MiliBox>
               <MiliBox>
-                <SponsorLogo
-                  imageSrc={"/Partners/tallerdeso.png"}
-                  imageAlt={"Taller De So"}
-                  sponsorLink={"https://www.instagram.com/tallerdeso"}
-                  smallPadding
-                />
+                <SponsorUnrevealed />
               </MiliBox>
             </SponsorRow>
             <SponsorRow>
               <MiliBox>
-                <SponsorLogo
-                  imageSrc={"/Partners/ministerio.png"}
-                  imageAlt={"Ministerio"}
-                  sponsorLink={
-                    "https://www.www.siemens-energy.com/global/en/home.html"
-                  }
-                  smallPadding
-                />
+                <SponsorUnrevealed />
               </MiliBox>
               <MiliBox>
                 <SponsorUnrevealed />

From b9ab90e975c039b0b4df348c55af53be3fcaedf2 Mon Sep 17 00:00:00 2001
From: enric4000 <enric.andujar@gmail.com>
Date: Mon, 26 Jan 2026 15:54:39 +0100
Subject: [PATCH 2/3] Mission Ribbon background added

---
 src/app/components/During.tsx | 101 ++++++++++++++++++++++++++++++----
 1 file changed, 89 insertions(+), 12 deletions(-)

diff --git a/src/app/components/During.tsx b/src/app/components/During.tsx
index 5a52ba3b..763177e0 100644
--- a/src/app/components/During.tsx
+++ b/src/app/components/During.tsx
@@ -31,7 +31,7 @@ const TextWrapper = styled.div`
   justify-content: center;
   gap: ${SpacingS};
   display: inline-flex;
-  margin-top: ${SpacingM};
+  margin-top: ${SpacingS};
   margin-bottom: ${SpacingS};
 `;
 
@@ -46,6 +46,11 @@ const TheMission = styled.div`
   flex-direction: column;
   position: relative;
   text-align: center;
+  padding: 0 150px 0 150px;
+
+  @media (max-width: 1000px) {
+    padding: 0 15% 0 15%;
+  }
 `;
 
 const MapImageBase = styled.img`
@@ -79,6 +84,76 @@ const DesktopMapImage = styled(MapImageBase)`
   }
 `;
 
+export const RibbonTitle = styled(SectionTitle)`
+  position: relative;
+  color: #000000;
+  width: fit-content;
+  margin: 0 auto 45px auto;
+  padding: 8px 32px 24px 32px;
+  font-size: 32px;
+  background-color: rgba(238, 228, 194, 1);
+  text-align: center;
+  justify-content: center;
+  align-items: center;
+
+  /* Left */
+  &::before {
+    content: "";
+    position: absolute;
+    bottom: -20px;
+    left: -100px;
+    width: 40%;
+    height: 80%;
+    background-color: #a19673ff;
+    z-index: -1;
+    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 20% 50%);
+  }
+
+  /* Right */
+  &::after {
+    content: "";
+    position: absolute;
+    bottom: -20px;
+    right: -100px;
+    width: 40%;
+    height: 80%;
+    background-color: #a19673ff;
+    z-index: -1;
+    clip-path: polygon(0% 0%, 100% 0%, 80% 50%, 100% 100%, 0% 100%);
+  }
+
+  @media (max-width: 1000px and min-width: ${MobileBreakpoint}) {
+    &::before {
+      left: -100px;
+      width: 50%;
+      height: 50%;
+    }
+
+    /* Right */
+    &::after {
+      right: -100px;
+      width: 50%;
+      height: 50%;
+    }
+  }
+  @media (max-width: ${MobileBreakpoint}) {
+    &::before {
+      display: none;
+      left: -75px;
+      width: 50%;
+      height: 60%;
+    }
+
+    /* Right */
+    &::after {
+      display: none;
+      right: -75px;
+      width: 50%;
+      height: 60%;
+    }
+  }
+`;
+
 export default function During() {
   return (
     <DuringContainer id="during">
@@ -93,17 +168,19 @@ export default function During() {
       <DesktopMapImage src="/map_desktop.svg" alt="Map Desktop" />
 
       <TheMission>
-        <TextWrapper>
-          <StyledTitle className={lora.className}>
-            THE MISSION: HACKUPC
-          </StyledTitle>
-        </TextWrapper>
-        <Body>
-          Your weekend quest awaits! This year, HackUPC becomes a medieval
-          adventure filled with challenges to conquer. Forge your own path by
-          overcoming mighty trials, and see if you can rise as a true hero. Will
-          your legend be told in generations?
-        </Body>
+        <RibbonTitle className={lora.className}>
+          <TextWrapper>
+            <StyledTitle className={lora.className}>
+              THE MISSION: HACKUPC
+            </StyledTitle>
+          </TextWrapper>
+          <Body>
+            Your weekend quest awaits! This year, HackUPC becomes a medieval
+            adventure filled with challenges to conquer. Forge your own path by
+            overcoming mighty trials, and see if you can rise as a true hero.
+            Will your legend be told in generations?
+          </Body>
+        </RibbonTitle>
       </TheMission>
     </DuringContainer>
   );

From 3294b09b32aa58d10a610a9c07051b2d1eebc5c3 Mon Sep 17 00:00:00 2001
From: enric4000 <enric.andujar@gmail.com>
Date: Mon, 26 Jan 2026 16:01:21 +0100
Subject: [PATCH 3/3] Reduced mobile padding

---
 src/app/components/During.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/components/During.tsx b/src/app/components/During.tsx
index 763177e0..c82a341c 100644
--- a/src/app/components/During.tsx
+++ b/src/app/components/During.tsx
@@ -48,9 +48,13 @@ const TheMission = styled.div`
   text-align: center;
   padding: 0 150px 0 150px;
 
-  @media (max-width: 1000px) {
+  @media (min-width: ${MobileBreakpoint}) and (max-width: 1000px) {
     padding: 0 15% 0 15%;
   }
+
+  @media (max-width: ${MobileBreakpoint}) {
+    padding: 0;
+  }
 `;
 
 const MapImageBase = styled.img`