Skip to content

Commit d85863f

Browse files
ThomasEgMatthiesenThomasEgMatthiesen
committed
feat: add Trelleborg Fonden logo and update partner list
- Added Trelleborg Fonden logo as SVG file. - Updated partner list in the Info page to include Trelleborg Fonden. - Modified project data to reflect changes in sponsor logos for various projects. - Introduced a new ProjectCarousel component for upcoming projects. - Enhanced BackgroundImage component to support light/dark mode. - Adjusted styles and layout for improved UI/UX across various components. - Removed unused viewport settings from layout.js. - Updated global CSS to remove unnecessary media queries.
1 parent 7ef0269 commit d85863f

17 files changed

Lines changed: 368 additions & 54 deletions

‎public/logos/ewii-logo.svg‎

Lines changed: 1 addition & 1 deletion
Loading

‎public/logos/nordjyllands-fonden-logo.svg‎

Lines changed: 117 additions & 0 deletions
Loading

‎public/logos/trelleborg-fonden-logo.svg‎

Lines changed: 109 additions & 0 deletions
Loading

‎src/app/globals.css‎

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,4 @@
77
--color-muted: #d4d4d8; /* zinc-300 */
88
--color-hard: #71717a; /* zinc-500 */
99
--color-ink: #27272a; /* zinc-800 */
10-
}
11-
12-
@media (prefers-color-scheme: dark) {
13-
:root {}
1410
}

‎src/app/info/page.js‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,10 @@ export const metadata = {
1111
export default function Info() {
1212

1313
// Partners and sponsors in alphabetic order
14-
const partners = ['billund-kommune', 'bulows-makerspace', 'den-jyske-sparekasses-stoettefond', 'den-kreative-skole', 'esbjerg-kommune', 'ewii', 'fonden-for-sjf-bank', 'fredericia-kommune', 'faaborg-midtfyn-kommune', 'historie-haderslev', 'holbaek-stadsarkiv', 'huset-esbjerg', 'johan-hoffmann-fonden', 'koege-arkiverne', 'koege-bibliotekerne', 'koege-ungdomsskole', 'kulturkasernen', 'kulturvirket-grindsted', 'mark-museet', 'museum-fredericia', 'nordea-fonden', 'oernes-kunstfond', 'poly-udstillingsplatform', 'region-syddanmark', 'spar-nord-fonden', 'sparekassen-bornholms-fond', 'vordingborg-kommune', 'william-demant-fonden']
14+
const partners = [ 'billund-kommune', 'bulows-makerspace', 'den-jyske-sparekasses-stoettefond', 'den-kreative-skole', 'esbjerg-kommune', 'ewii', 'fonden-for-sjf-bank', 'fredericia-kommune', 'faaborg-midtfyn-kommune', 'historie-haderslev', 'holbaek-stadsarkiv', 'huset-esbjerg',
15+
'johan-hoffmann-fonden', 'koege-arkiverne', 'koege-bibliotekerne', 'koege-ungdomsskole', 'kulturkasernen', 'kulturvirket-grindsted', 'mark-museet', 'museum-fredericia', 'nordea-fonden', 'nordjyllands-fonden', 'oernes-kunstfond', 'poly-udstillingsplatform',
16+
'region-syddanmark', 'spar-nord-fonden', 'sparekassen-bornholms-fond', 'trelleborg-fonden', 'vordingborg-kommune', 'william-demant-fonden'
17+
]
1518

1619
return (
1720
<article>

‎src/app/layout.js‎

Lines changed: 0 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -21,13 +21,6 @@ export const metadata = {
2121
icons: { icon: "/favicon.ico", },
2222
};
2323

24-
export const viewport = {
25-
themeColor: [
26-
{ media: "(prefers-color-scheme: light)", color: "#fafafa" },
27-
{ media: "(prefers-color-scheme: dark)", color: "#27272a" },
28-
],
29-
};
30-
3124
export default function RootLayout({ children }) {
3225
return (
3326
<html lang="da">

‎src/app/page.js‎

Lines changed: 19 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,26 @@
1+
import ProjectCarousel from "@/components/ProjectCarousel/ProjectCarousel";
12
import ProjectGrid from "@/components/ProjectGrid/ProjectGrid";
23
import { projects } from "@/data/projects";
34

45
export default function Home() {
6+
const now = new Date();
7+
8+
const upcomingProjects = projects.filter(
9+
(project) => new Date(project.startDate) > now
10+
);
11+
12+
upcomingProjects.sort(
13+
(a, b) => new Date(a.startDate) - new Date(b.startDate)
14+
);
15+
16+
const finishedProjects = projects.filter(
17+
(project) => new Date(project.startDate) <= now
18+
);
19+
520
return (
6-
<ProjectGrid projects={projects} />
21+
<article>
22+
{/* <ProjectCarousel projects={upcomingProjects} /> */}
23+
<ProjectGrid projects={projects} />
24+
</article>
725
);
826
}

‎src/components/BackgroundImage.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
export default function BackgroundImage({ portrait, landscape, visible = true }) {
1+
export default function BackgroundImage({ portrait, landscape, visible = true, dark = true }) {
22
return (
3-
<picture className={`absolute inset-0 bg-ink transition-opacity duration-500 ${visible ? "opacity-100" : "opacity-0"}`}>
3+
<picture className={`absolute inset-0 transition-opacity duration-500 ${visible ? "opacity-100" : "opacity-0"} ${dark ? "bg-ink" : "bg-paper"}`}>
44
<source media="(max-width: 768px)" srcSet={portrait} />
55
<img src={landscape} className="size-full object-cover opacity-10" loading="lazy" alt="" />
66
</picture>

‎src/components/Header.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import NavLink from "@/components/NavLink";
44

55
export default function Header() {
66
return (
7-
<header className="fixed inset-x-0 h-10 px-2 bg-paper z-10 md:px-4">
7+
<header className="fixed inset-x-0 h-10 px-2 bg-paper z-20 md:px-4">
88
<nav className="flex items-center justify-between h-full">
99
<Link href="/">
1010
<h1>

0 commit comments

Comments
 (0)