From 007402643bc3af3e65b128c273dc71d957a5980f Mon Sep 17 00:00:00 2001
From: polmf <99polmf@gmail.com>
Date: Sun, 25 Jan 2026 12:40:30 +0100
Subject: [PATCH 01/10] canvi fons
---
public/maons_mobile.svg | 1874 +++++++++++++++++++--------------------
1 file changed, 937 insertions(+), 937 deletions(-)
diff --git a/public/maons_mobile.svg b/public/maons_mobile.svg
index 9f21ae3e..a06b7dc8 100644
--- a/public/maons_mobile.svg
+++ b/public/maons_mobile.svg
@@ -17,7 +17,7 @@
-
+
@@ -33,7 +33,7 @@
-
+
@@ -49,7 +49,7 @@
-
+
@@ -65,7 +65,7 @@
-
+
@@ -81,7 +81,7 @@
-
+
@@ -96,7 +96,7 @@
-
+
@@ -112,7 +112,7 @@
-
+
@@ -128,7 +128,7 @@
-
+
@@ -144,7 +144,7 @@
-
+
@@ -160,7 +160,7 @@
-
+
@@ -176,7 +176,7 @@
-
+
@@ -192,7 +192,7 @@
-
+
@@ -209,871 +209,871 @@
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+
+
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+
+
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+
+
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -1087,7 +1087,7 @@
-
+
@@ -1103,7 +1103,7 @@
-
+
@@ -1119,7 +1119,7 @@
-
+
@@ -1134,7 +1134,7 @@
-
+
@@ -1150,7 +1150,7 @@
-
+
@@ -1166,7 +1166,7 @@
-
+
@@ -1182,7 +1182,7 @@
-
+
@@ -1197,7 +1197,7 @@
-
+
@@ -1213,7 +1213,7 @@
-
+
@@ -1229,7 +1229,7 @@
-
+
@@ -1244,7 +1244,7 @@
-
+
@@ -1260,7 +1260,7 @@
-
+
@@ -1275,7 +1275,7 @@
-
+
@@ -1291,7 +1291,7 @@
-
+
@@ -1299,7 +1299,6 @@
-
@@ -1307,7 +1306,7 @@
-
+
@@ -1323,7 +1322,7 @@
-
+
@@ -1338,7 +1337,7 @@
-
+
@@ -1353,7 +1352,7 @@
-
+
@@ -1369,7 +1368,7 @@
-
+
@@ -1385,7 +1384,7 @@
-
+
@@ -1401,7 +1400,7 @@
-
+
@@ -1417,7 +1416,7 @@
-
+
@@ -1432,7 +1431,7 @@
-
+
@@ -1448,7 +1447,7 @@
-
+
@@ -1464,7 +1463,7 @@
-
+
@@ -1480,7 +1479,7 @@
-
+
@@ -1496,7 +1495,7 @@
-
+
@@ -1512,7 +1511,7 @@
-
+
@@ -1527,7 +1526,7 @@
-
+
@@ -1543,7 +1542,7 @@
-
+
@@ -1559,7 +1558,7 @@
-
+
@@ -1575,7 +1574,7 @@
-
+
@@ -1591,7 +1590,7 @@
-
+
@@ -1606,7 +1605,7 @@
-
+
@@ -1622,7 +1621,7 @@
-
+
@@ -1638,7 +1637,7 @@
-
+
@@ -1654,7 +1653,7 @@
-
+
@@ -1669,7 +1668,7 @@
-
+
@@ -1685,7 +1684,7 @@
-
+
@@ -1701,7 +1700,7 @@
-
+
@@ -1717,7 +1716,7 @@
-
+
@@ -1733,7 +1732,7 @@
-
+
@@ -1749,7 +1748,7 @@
-
+
@@ -1765,7 +1764,7 @@
-
+
@@ -1781,7 +1780,7 @@
-
+
@@ -1797,7 +1796,7 @@
-
+
@@ -1813,7 +1812,7 @@
-
+
@@ -1829,7 +1828,7 @@
-
+
@@ -1845,7 +1844,7 @@
-
+
@@ -1861,7 +1860,7 @@
-
+
@@ -1876,7 +1875,7 @@
-
+
@@ -1892,7 +1891,7 @@
-
+
@@ -1908,7 +1907,7 @@
-
+
@@ -1924,7 +1923,7 @@
-
+
@@ -1940,7 +1939,7 @@
-
+
@@ -1956,7 +1955,7 @@
-
+
@@ -1972,7 +1971,7 @@
-
+
@@ -1988,7 +1987,7 @@
-
+
@@ -2003,7 +2002,7 @@
-
+
@@ -2019,7 +2018,7 @@
-
+
@@ -2035,7 +2034,7 @@
-
+
@@ -2051,7 +2050,7 @@
-
+
@@ -2067,7 +2066,7 @@
-
+
@@ -2083,7 +2082,7 @@
-
+
@@ -2099,7 +2098,7 @@
-
+
@@ -2114,7 +2113,7 @@
-
+
@@ -2130,7 +2129,7 @@
-
+
@@ -2146,7 +2145,7 @@
-
+
@@ -2162,7 +2161,7 @@
-
+
@@ -2178,7 +2177,7 @@
-
+
@@ -2194,7 +2193,7 @@
-
+
@@ -2210,7 +2209,7 @@
-
+
@@ -2226,7 +2225,7 @@
-
+
@@ -2242,7 +2241,7 @@
-
+
@@ -2258,7 +2257,7 @@
-
+
@@ -2289,7 +2288,7 @@
-
+
@@ -2305,7 +2304,7 @@
-
+
@@ -2321,7 +2320,7 @@
-
+
@@ -2346,6 +2345,7 @@
+
From 4296d1c2b3457daaa9d99b8cab4241229e1b7d41 Mon Sep 17 00:00:00 2001
From: polmf <99polmf@gmail.com>
Date: Sun, 25 Jan 2026 12:40:39 +0100
Subject: [PATCH 02/10] marges during
---
src/app/components/During.tsx | 6 ++++++
1 file changed, 6 insertions(+)
diff --git a/src/app/components/During.tsx b/src/app/components/During.tsx
index 96714523..ae65219a 100644
--- a/src/app/components/During.tsx
+++ b/src/app/components/During.tsx
@@ -61,6 +61,12 @@ const MobileMapImage = styled(MapImageBase)`
@media (min-width: ${MobileBreakpoint}) {
display: none;
}
+
+ @media (max-width: ${MobileBreakpoint}) {
+ width: 100vw;
+ margin-left: calc(50% - 50vw);
+ margin-right: calc(50% - 50vw);
+ }
`;
const DesktopMapImage = styled(MapImageBase)`
From 3171a0c93c193879a4dc38b0d25583dcdb5a432d Mon Sep 17 00:00:00 2001
From: polmf <99polmf@gmail.com>
Date: Sun, 25 Jan 2026 12:40:49 +0100
Subject: [PATCH 03/10] coming soon i characters
---
src/app/components/Hero.tsx | 28 ++++++++++++++++++++++++----
1 file changed, 24 insertions(+), 4 deletions(-)
diff --git a/src/app/components/Hero.tsx b/src/app/components/Hero.tsx
index 4a3d2291..ac87153b 100644
--- a/src/app/components/Hero.tsx
+++ b/src/app/components/Hero.tsx
@@ -174,18 +174,27 @@ const CharactersSection = styled.div`
const RibbonContainer = styled.div`
position: absolute;
- top: -120px;
+ top: -130px;
left: 50%;
transform: translateX(-50%);
width: 100%;
display: flex;
justify-content: center;
+
+ @media (max-width: ${MobileBreakpoint}) {
+ top: -70px;
+ }
`;
const RibbonImageWrapper = styled.div`
position: relative;
width: clamp(320px, 95vw, 620px);
aspect-ratio: 45 / 8;
+
+ @media (max-width: ${MobileBreakpoint}) {
+ width: clamp(360px, 100vw, 620px);
+ aspect-ratio: 45 / 6;
+ }
`;
const CharacterGrid = styled.div`
@@ -195,7 +204,7 @@ const CharacterGrid = styled.div`
justify-content: center;
@media (max-width: ${MobileBreakpoint}) {
- gap: 70px;
+ gap: 40px;
margin-top: 220px;
}
`;
@@ -218,8 +227,8 @@ const CharacterCard = styled.div`
}
@media (max-width: ${MobileBreakpoint}) {
- width: 42%;
- max-width: 150px;
+ width: 150px;
+ flex: 0 0 150px;
}
`;
@@ -252,12 +261,22 @@ const ComingSoon = styled.div`
25% 0%,
10% 12%
);
+
+ @media (max-width: ${MobileBreakpoint}) {
+ inset: auto 0 0 0;
+ height: 85%;
+ border-top-left-radius: 60px;
+ border-top-right-radius: 60px;
+ letter-spacing: 1px;
+ font-size: 14px;
+ }
`;
const StackedImages = styled.div`
position: relative;
width: 100%;
height: 230px;
+ flex-shrink: 0;
display: flex;
justify-content: center;
align-items: flex-end;
@@ -275,6 +294,7 @@ const CharacterImg = styled(Image)`
position: relative;
z-index: 2;
width: 70%;
+ height: auto;
margin-bottom: 30px;
filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
`;
From dc6a7a7055afdf422043a7d19c675d3028f77c23 Mon Sep 17 00:00:00 2001
From: polmf <99polmf@gmail.com>
Date: Sun, 25 Jan 2026 12:40:56 +0100
Subject: [PATCH 04/10] imatge i link
---
src/app/components/ThroughTheYears.tsx | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/src/app/components/ThroughTheYears.tsx b/src/app/components/ThroughTheYears.tsx
index cdbc186d..f4d93806 100644
--- a/src/app/components/ThroughTheYears.tsx
+++ b/src/app/components/ThroughTheYears.tsx
@@ -422,10 +422,10 @@ export default function ThroughTheYears() {
-
+
From 9844f371c868f5ab89220087190f90f3c680647e Mon Sep 17 00:00:00 2001
From: polmf <99polmf@gmail.com>
Date: Sun, 25 Jan 2026 16:55:17 +0100
Subject: [PATCH 05/10] canvis through
---
src/app/components/Footer.tsx | 3 +-
src/app/components/ThroughTheYears.tsx | 54 +++++++++++++--------
src/app/genericComponents/EmblaCarousel.tsx | 8 ++-
3 files changed, 43 insertions(+), 22 deletions(-)
diff --git a/src/app/components/Footer.tsx b/src/app/components/Footer.tsx
index 02d5100b..d435274d 100644
--- a/src/app/components/Footer.tsx
+++ b/src/app/components/Footer.tsx
@@ -22,8 +22,9 @@ import {
} from "@fortawesome/free-brands-svg-icons";
const FooterWrapper = styled.div`
- width: 100vw;
+ width: 100%;
background-color: #65936d;
+ margin-top: -1px;
`;
const SocialsAndOthers = styled.div`
diff --git a/src/app/components/ThroughTheYears.tsx b/src/app/components/ThroughTheYears.tsx
index f4d93806..5ebfe491 100644
--- a/src/app/components/ThroughTheYears.tsx
+++ b/src/app/components/ThroughTheYears.tsx
@@ -11,6 +11,7 @@ import {
SpacingS,
SpacingXL,
SpacingXXL,
+ MaxScreenSize,
} from "../genericComponents/tokens";
import Link from "next/link";
import EmblaCarousel from "../genericComponents/EmblaCarousel";
@@ -40,12 +41,28 @@ export const StyledCarouselSection = styled(Section)`
padding-top: ${SpacingL};
margin: 0;
flex-direction: column;
- max-width: 100%;
+ width: 100%;
+ max-width: none;
+ position: relative;
+`;
+
+const ContentWrapper = styled.div`
+ max-width: ${MaxScreenSize};
+ width: 100%;
+ margin: 0 auto;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ position: relative;
`;
export const StyledSection = styled(Section)`
padding: 0;
padding-top: ${SpacingL};
+ background-color: #65936d;
+ width: 100vw;
+ max-width: none;
+ height: 100%;
`;
const GrassContainer = styled.div`
@@ -53,9 +70,6 @@ const GrassContainer = styled.div`
justify-content: space-between;
align-items: flex-end;
position: relative;
- background-color: #65936d;
- width: 100vw;
- height: 100%;
@media (max-width: ${MobileBreakpoint}) {
display: flex;
@@ -282,21 +296,23 @@ export default function ThroughTheYears() {
if (!isMobile) {
return (
-
- THROUGHOUT{" "}
-
-
-
- THE YEARS
-
-
-
-
+
+
+ THROUGHOUT{" "}
+
+
+
+ THE YEARS
+
+
+
+
+
diff --git a/src/app/genericComponents/EmblaCarousel.tsx b/src/app/genericComponents/EmblaCarousel.tsx
index 3c665745..2c5ff7eb 100644
--- a/src/app/genericComponents/EmblaCarousel.tsx
+++ b/src/app/genericComponents/EmblaCarousel.tsx
@@ -9,6 +9,7 @@ import styled from "styled-components";
import Image from "next/image";
import Link from "next/link";
import useEmblaCarousel from "embla-carousel-react";
+import { MaxScreenSize } from "./tokens";
type Edition = {
url: string;
@@ -23,8 +24,9 @@ type PropType = {
const Embla = styled.div`
position: relative;
display: flex;
- max-width: 100%;
- margin: 0 auto;
+ justify-content: center;
+ align-items: center;
+ width: 100%;
padding-top: 20px;
background-color: #65936d;
--slide-spacing: 1rem;
@@ -37,6 +39,8 @@ const Embla = styled.div`
const EmblaViewport = styled.div`
overflow: hidden;
+ max-width: ${MaxScreenSize};
+ width: 100%;
`;
const EmblaContainer = styled.div`
From 6c9fa557a80cb4f4d33b32f474cec6335b3e8b18 Mon Sep 17 00:00:00 2001
From: enric4000
Date: Sun, 25 Jan 2026 21:25:25 +0100
Subject: [PATCH 06/10] LastFixes
---
src/app/components/During.tsx | 10 ++++++++--
src/app/components/FAQs.tsx | 11 +++++++++--
src/app/genericComponents/EmblaCarousel.tsx | 18 ++++++++++++++----
src/app/genericComponents/General.tsx | 5 +++--
4 files changed, 34 insertions(+), 10 deletions(-)
diff --git a/src/app/components/During.tsx b/src/app/components/During.tsx
index ae65219a..76df30ed 100644
--- a/src/app/components/During.tsx
+++ b/src/app/components/During.tsx
@@ -14,6 +14,10 @@ const DuringContainer = styled(Section)`
z-index: 1;
`;
+const StyledSectionTitle = styled(SectionTitle)`
+ margin-bottom: 0px;
+`;
+
const StyledBody = styled(Body)`
display: flex;
flex-direction: column;
@@ -50,7 +54,7 @@ const MapImageBase = styled.img`
height: auto;
margin: ${SpacingM} auto;
- @media (min-width: ${MobileBreakpoint}) and (max-width: 1600px) {
+ @media (min-width: ${MobileBreakpoint}) {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
@@ -78,7 +82,9 @@ const DesktopMapImage = styled(MapImageBase)`
export default function During() {
return (
- DURING THE EVENT
+
+ DURING THE EVENT
+
Coding is the main part of HackUPC, but we have many more activities!
diff --git a/src/app/components/FAQs.tsx b/src/app/components/FAQs.tsx
index 373a19d6..105a8c03 100644
--- a/src/app/components/FAQs.tsx
+++ b/src/app/components/FAQs.tsx
@@ -76,6 +76,7 @@ const ColumnsQuestions = styled.div`
@media (max-width: ${MobileBreakpoint}) {
width: 100%;
+ gap: 0px;
}
`;
@@ -86,6 +87,12 @@ const QuestionsBlock = styled.div`
gap: ${SpacingS};
`;
+const ApplicationQuestionsBlock = styled(QuestionsBlock)`
+ @media (max-width: ${MobileBreakpoint}) {
+ padding-top: 0px;
+ }
+`;
+
const Question = styled.div`
display: flex;
flex-direction: column;
@@ -404,10 +411,10 @@ export default function FAQs() {
-
+
Applications
{applications_faqs.map(renderFaq)}
-
+
Teams
diff --git a/src/app/genericComponents/EmblaCarousel.tsx b/src/app/genericComponents/EmblaCarousel.tsx
index 2c5ff7eb..3c814a84 100644
--- a/src/app/genericComponents/EmblaCarousel.tsx
+++ b/src/app/genericComponents/EmblaCarousel.tsx
@@ -84,6 +84,16 @@ const ArrowButton = styled.button`
justify-content: center;
`;
+const RightArrowButton = styled(ArrowButton)`
+ margin-left: 10px;
+ margin-right: 20px;
+`;
+
+const LeftArrowButton = styled(ArrowButton)`
+ margin-left: 20px;
+ margin-right: 10px;
+`;
+
const EmblaCarousel: React.FC = ({ slides, options }) => {
const [emblaRef, emblaApi] = useEmblaCarousel(options, []);
@@ -116,14 +126,14 @@ const EmblaCarousel: React.FC = ({ slides, options }) => {
return (
-
+
-
+
{slides.map((edition, index) => (
@@ -151,14 +161,14 @@ const EmblaCarousel: React.FC = ({ slides, options }) => {
))}
-
+
-
+
);
};
diff --git a/src/app/genericComponents/General.tsx b/src/app/genericComponents/General.tsx
index 87909591..152ae811 100644
--- a/src/app/genericComponents/General.tsx
+++ b/src/app/genericComponents/General.tsx
@@ -5,6 +5,7 @@ import {
MobileBreakpoint,
SpacingL,
SpacingM,
+ SpacingS,
} from "@/app/genericComponents/tokens";
interface SectionProps {
@@ -22,7 +23,7 @@ export const SectionBackground = styled.div`
`;
export const Section = styled.div`
- padding: ${SpacingL};
+ padding: ${SpacingM};
display: flex;
flex-direction: column;
align-items: center;
@@ -39,7 +40,7 @@ export const Section = styled.div`
export const WhiteContainer = styled.div`
background-color: rgba(255, 255, 255, 0.51);
border-radius: 10px;
- padding: ${SpacingM};
+ padding: ${SpacingS};
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
From 6207f5c138890fc68d2ccfce91b1af3705923c7c Mon Sep 17 00:00:00 2001
From: enric4000
Date: Sun, 25 Jan 2026 21:27:09 +0100
Subject: [PATCH 07/10] Reverted map change
---
src/app/components/During.tsx | 6 ++----
1 file changed, 2 insertions(+), 4 deletions(-)
diff --git a/src/app/components/During.tsx b/src/app/components/During.tsx
index 76df30ed..586002e1 100644
--- a/src/app/components/During.tsx
+++ b/src/app/components/During.tsx
@@ -54,7 +54,7 @@ const MapImageBase = styled.img`
height: auto;
margin: ${SpacingM} auto;
- @media (min-width: ${MobileBreakpoint}) {
+ @media (min-width: ${MobileBreakpoint}) and (max-width: 1600px) {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
@@ -82,9 +82,7 @@ const DesktopMapImage = styled(MapImageBase)`
export default function During() {
return (
-
- DURING THE EVENT
-
+ DURING THE EVENT
Coding is the main part of HackUPC, but we have many more activities!
From 096e367fffa1accc9074a6b132590fb2d85302a9 Mon Sep 17 00:00:00 2001
From: enric4000
Date: Sun, 25 Jan 2026 21:28:37 +0100
Subject: [PATCH 08/10] Linter
---
src/app/components/During.tsx | 4 +++-
1 file changed, 3 insertions(+), 1 deletion(-)
diff --git a/src/app/components/During.tsx b/src/app/components/During.tsx
index 586002e1..5a52ba3b 100644
--- a/src/app/components/During.tsx
+++ b/src/app/components/During.tsx
@@ -82,7 +82,9 @@ const DesktopMapImage = styled(MapImageBase)`
export default function During() {
return (
- DURING THE EVENT
+
+ DURING THE EVENT
+
Coding is the main part of HackUPC, but we have many more activities!
From 82741f267c2a6adbd8f70ba1abc75b6c7c3b88dd Mon Sep 17 00:00:00 2001
From: enric4000
Date: Sun, 25 Jan 2026 22:33:54 +0100
Subject: [PATCH 09/10] Revert ThroughTheYears
---
src/app/components/ThroughTheYears.tsx | 56 +++++++++-----------------
1 file changed, 20 insertions(+), 36 deletions(-)
diff --git a/src/app/components/ThroughTheYears.tsx b/src/app/components/ThroughTheYears.tsx
index 5ebfe491..b6215b3d 100644
--- a/src/app/components/ThroughTheYears.tsx
+++ b/src/app/components/ThroughTheYears.tsx
@@ -11,7 +11,6 @@ import {
SpacingS,
SpacingXL,
SpacingXXL,
- MaxScreenSize,
} from "../genericComponents/tokens";
import Link from "next/link";
import EmblaCarousel from "../genericComponents/EmblaCarousel";
@@ -41,28 +40,12 @@ export const StyledCarouselSection = styled(Section)`
padding-top: ${SpacingL};
margin: 0;
flex-direction: column;
- width: 100%;
- max-width: none;
- position: relative;
-`;
-
-const ContentWrapper = styled.div`
- max-width: ${MaxScreenSize};
- width: 100%;
- margin: 0 auto;
- display: flex;
- flex-direction: column;
- align-items: center;
- position: relative;
+ max-width: 100%;
`;
export const StyledSection = styled(Section)`
padding: 0;
padding-top: ${SpacingL};
- background-color: #65936d;
- width: 100vw;
- max-width: none;
- height: 100%;
`;
const GrassContainer = styled.div`
@@ -70,6 +53,9 @@ const GrassContainer = styled.div`
justify-content: space-between;
align-items: flex-end;
position: relative;
+ background-color: #65936d;
+ width: 100vw;
+ height: 100%;
@media (max-width: ${MobileBreakpoint}) {
display: flex;
@@ -296,23 +282,21 @@ export default function ThroughTheYears() {
if (!isMobile) {
return (
-
-
- THROUGHOUT{" "}
-
-
-
- THE YEARS
-
-
-
-
-
+
+ THROUGHOUT{" "}
+
+
+
+ THE YEARS
+
+
+
+
@@ -462,4 +446,4 @@ export default function ThroughTheYears() {
);
-}
+}
\ No newline at end of file
From d2dd7d9fc1d9979a235a8b2a93e1577430561d5c Mon Sep 17 00:00:00 2001
From: enric4000
Date: Sun, 25 Jan 2026 22:34:33 +0100
Subject: [PATCH 10/10] Format
---
src/app/components/ThroughTheYears.tsx | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/app/components/ThroughTheYears.tsx b/src/app/components/ThroughTheYears.tsx
index b6215b3d..f4d93806 100644
--- a/src/app/components/ThroughTheYears.tsx
+++ b/src/app/components/ThroughTheYears.tsx
@@ -446,4 +446,4 @@ export default function ThroughTheYears() {
);
-}
\ No newline at end of file
+}