diff --git a/src/lib/components/NavigationFooter.svelte b/src/lib/components/NavigationFooter.svelte
index e7ec52b..18192ed 100644
--- a/src/lib/components/NavigationFooter.svelte
+++ b/src/lib/components/NavigationFooter.svelte
@@ -6,6 +6,41 @@
import { CDN } from "$lib/constants";
import { navigation } from "$lib/navigation";
+
+ const partnerLogos = [
+ {
+ href: "https://dcu.ie/",
+ src: CDN + "/DCU_Logo.webp",
+ alt: "Dublin City University Logo",
+ },
+ { href: "https://ethz.ch", src: CDN + "/ETHZ_Logo.webp", alt: "ETH Zurich Logo" },
+ {
+ href: "https://uliege.be",
+ src: CDN + "/UL_Logo.webp",
+ alt: "University of Liege Logo",
+ },
+ { href: "https://aalto.fi", src: CDN + "/AU_Logo.webp", alt: "Aalto University Logo" },
+ {
+ href: "https://nus.edu.sg",
+ src: CDN + "/NUS_Logo.webp",
+ alt: "National University of Singapore Logo",
+ },
+ {
+ href: "https://strath.ac.uk",
+ src: CDN + "/USG_Logo.webp",
+ alt: "Strathclyde University Logo",
+ },
+ {
+ href: "https://dtu.dk",
+ src: CDN + "/DTU_Logo.webp",
+ alt: "Danmarks Teksnike Universitet Logo",
+ },
+ {
+ href: "https://eng.pw.edu.pl",
+ src: CDN + "/WUT_Logo.webp",
+ alt: "Warsaw University of Technology Logo",
+ },
+ ];
-
diff --git a/src/lib/styles/NavigationFooter.scss b/src/lib/styles/NavigationFooter.scss
index 1a0af32..c9daded 100644
--- a/src/lib/styles/NavigationFooter.scss
+++ b/src/lib/styles/NavigationFooter.scss
@@ -1,153 +1,190 @@
.navigation-footer {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: space-between;
- background: #ffffff;
- width: 100%;
- height: 240px;
+ display: grid;
+ grid-template-columns: 1fr min-content 1fr;
+ justify-content: space-between;
+ background: #ffffff;
+ width: 100%;
+ height: 240px;
}
.navigation-footer-column {
- display: flex;
- flex-direction: column;
- flex-wrap: wrap;
- position: relative;
- height: 100%;
- width: 33%;
- padding: 32px;
- justify-content: center;
+ display: flex;
+ flex-direction: column;
+ flex-wrap: wrap;
+ position: relative;
+ height: 100%;
+ padding: 32px;
+ align-items: center;
+ justify-content: center;
}
.navigation-footer-logo-link {
- max-width: 180px;
- padding-left: 24px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 100%;
}
.navigation-footer-logo {
- height: 180px;
- max-width: 180px;
- width: auto;
+ width: 100%;
+ max-width: 180px;
+ transition: all 0.3s ease-in-out;
+
+ &:hover {
+ transform: scale(1.1);
+ }
}
.navigation-footer-column-left {
- @extend .navigation-footer-column;
- justify-content: space-between;
+ @extend .navigation-footer-column;
+ display: grid;
+ grid-template-columns: 180px 1fr;
+ align-items: center;
+ gap: 2rem;
}
.navigation-footer-column-mid {
- @extend .navigation-footer-column;
- align-items: center;
+ @extend .navigation-footer-column;
+ align-items: center;
+ min-width: 240px;
}
.navigation-footer-column-right {
- @extend .navigation-footer-column;
- align-items: center;
+ @extend .navigation-footer-column;
+ align-items: center;
}
.navigation-footer-site-name {
- color: #000000;
- text-align: left;
- font-family: "Assistant", sans-serif;
- font-size: 24px;
- position: relative;
- padding: 8px;
+ color: #000000;
+ text-align: left;
+ font-family: "Assistant", sans-serif;
+ font-size: 24px;
+ position: relative;
+ padding: 8px;
}
.navigation-footer-topic-column {
- display: flex;
- flex-direction: column;
- flex-wrap: wrap;
- position: relative;
+ display: flex;
+ flex-direction: column;
+ flex-wrap: wrap;
+ position: relative;
}
.navigation-footer-topic {
- color: #000000;
- font-family: "Assistant", sans-serif;
- font-size: 28px;
- font-weight: 600;
- position: relative;
+ color: #000000;
+ font-family: "Assistant", sans-serif;
+ font-size: 28px;
+ font-weight: 600;
+ position: relative;
}
.navigation-footer-link {
- color: #454545;
- font-family: "Assistant", sans-serif;
- font-size: 24px;
- text-decoration: underline;
- position: relative;
+ color: #454545;
+ font-family: "Assistant", sans-serif;
+ font-size: 24px;
+ text-decoration: underline;
+ position: relative;
}
-.navigation-footer-social-icon {
- width: 24px;
- height: 24px;
- position: relative;
-}
+.logo-grid-container {
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ gap: 1.5rem;
+ width: 100%;
-.navigation-footer-social-media {
- // display: flex; # temporarily disable
- display: none;
- flex-direction: row;
- gap: var(--spacing-xs, 8px);
- align-items: flex-start;
- justify-content: flex-start;
- position: relative;
+ .grid-logo {
+ max-width: 100%;
+ height: auto;
+ object-fit: contain;
+ filter: grayscale(100%);
+ opacity: 0.7;
+ transition: all 0.3s ease-in-out;
+
+ &:hover {
+ filter: grayscale(0%);
+ opacity: 1;
+ transform: scale(1.05);
+ }
+ }
}
.navigation-footer-buttons-icon {
- border-radius: 4px;
- padding: 8px;
- width: 42px;
- height: 42px;
- position: relative;
+ border-radius: 4px;
+ padding: 8px;
+ width: 42px;
+ height: 42px;
+ position: relative;
}
.navigation-footer-return {
- color: rgba(70, 70, 70, 0.5);
- font-family: "Assistant", sans-serif;
- font-size: 16px;
- position: relative;
+ color: rgba(70, 70, 70, 0.5);
+ font-family: "Assistant", sans-serif;
+ font-size: 16px;
+ position: relative;
+}
+
+@media (max-width: 1280px) {
+ .logo-grid-container {
+ grid-template-columns: repeat(2, 1fr);
+ }
+}
+
+@media (max-width: 960px) {
+ .navigation-footer-column-left {
+ grid-template-columns: 90px 1fr;
+ }
+
+ .navigation-footer-logo {
+ max-width: 90px;
+ }
+
+ .logo-grid-container {
+ gap: 1.0rem;
+ }
}
@media (max-width: 820px) {
- .navigation-footer {
- height: 100%;
- flex-direction: column-reverse;
- }
+ .navigation-footer-column-left {
+ grid-template-columns: 180px 1fr;
+ }
- .navigation-footer-column {
- width: 100%;
- }
+ .navigation-footer-logo {
+ max-width: 180px;
+ }
- .navigation-footer-column-left {
- flex-direction: row;
- justify-content: space-between;
- }
+ .navigation-footer {
+ display: flex;
+ flex-direction: column-reverse;
+ flex-wrap: wrap;
+ height: 100%;
+ }
- .navigation-footer-column-mid {
- align-items: center;
- }
+ .navigation-footer-column {
+ width: 100%;
+ }
- .navigation-footer-column-right {
- align-items: center;
- }
-
- .navigation-footer-topic-column {
- flex-direction: row;
- width: 100%;
- justify-content: space-between;
- }
+ .navigation-footer-topic-column {
+ flex-direction: row;
+ width: 100%;
+ justify-content: space-between;
+ }
}
@media (max-width: 620px) {
- .navigation-footer-column-left {
- flex-direction: column;
- align-items: center;
- justify-content: center;
- }
+ .navigation-footer-column-left {
+ grid-template-columns: 1fr;
+ justify-items: center;
+ }
- .navigation-footer-topic-column {
- flex-direction: column;
- align-items: center;
- justify-content: center;
- }
+ .logo-grid-container {
+ grid-template-columns: 1fr;
+ justify-items: center;
+ max-width: 200px;
+ }
+
+ .navigation-footer-topic-column {
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ }
}
diff --git a/static/AU_Logo.webp b/static/AU_Logo.webp
new file mode 100644
index 0000000..9a693f1
Binary files /dev/null and b/static/AU_Logo.webp differ
diff --git a/static/DCU_Logo.webp b/static/DCU_Logo.webp
new file mode 100644
index 0000000..88c695b
Binary files /dev/null and b/static/DCU_Logo.webp differ
diff --git a/static/DTU_Logo.webp b/static/DTU_Logo.webp
new file mode 100644
index 0000000..77789cb
Binary files /dev/null and b/static/DTU_Logo.webp differ
diff --git a/static/ETHZ_Logo.webp b/static/ETHZ_Logo.webp
new file mode 100644
index 0000000..f0e8c83
Binary files /dev/null and b/static/ETHZ_Logo.webp differ
diff --git a/static/NUS_Logo.webp b/static/NUS_Logo.webp
new file mode 100644
index 0000000..45a556c
Binary files /dev/null and b/static/NUS_Logo.webp differ
diff --git a/static/UL_Logo.webp b/static/UL_Logo.webp
new file mode 100644
index 0000000..56e5432
Binary files /dev/null and b/static/UL_Logo.webp differ
diff --git a/static/USG_Logo.webp b/static/USG_Logo.webp
new file mode 100644
index 0000000..11413cb
Binary files /dev/null and b/static/USG_Logo.webp differ
diff --git a/static/WUT_Logo.webp b/static/WUT_Logo.webp
new file mode 100644
index 0000000..334189c
Binary files /dev/null and b/static/WUT_Logo.webp differ
- 
- 
- 
- 
+
+ {/each}