Skip to content

New design: landing page#1129

Open
Isak-Kallini wants to merge 2 commits intonew-designfrom
new-landing-page
Open

New design: landing page#1129
Isak-Kallini wants to merge 2 commits intonew-designfrom
new-landing-page

Conversation

@Isak-Kallini
Copy link
Member

🧩 Summary

Adds landing page. This is basically just a copy of the old landing page.

🔗 Related issues (if any)

Closes #1102

📸 Screenshots / recordings (if applicable)

image image image

💬 Other information

@Isak-Kallini Isak-Kallini self-assigned this Mar 9, 2026
@github-project-automation github-project-automation bot moved this to 🆕 New in CPU Mar 9, 2026
@Isak-Kallini Isak-Kallini changed the base branch from main to new-design March 9, 2026 18:29
@fgren fgren self-requested a review March 9, 2026 18:36
@fgren fgren force-pushed the new-landing-page branch from 8d2e342 to 9d28fa9 Compare March 9, 2026 18:38
imageSize: "250%",
},
] as const;
console.log(getFileUrl("minio/files/public/photos/hero.jpg"));
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

should be removed

`minio/files/public/photos/${article.image}`,
)})"
>
<h1 class="text-xl font-bold uppercase lg:text-4xl">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Wrong text color in light mode, also too small on mobile.

{article.title}
</h1>
<p
class="max-w-prose text-sm font-medium text-[#BFBFBF] lg:max-w-[300px] lg:text-base"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These should be balanced in height.

Comment on lines +153 to +167
<style>
article {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
padding: 50px 32px;
gap: 20px;

height: 500px;

background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #0d0d0d 50%),
var(--url);
}
</style>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Rewrite in tailwind?


<div class="mx-10 flex flex-col gap-7 lg:mx-16 xl:mx-28">
<h2 class="pt-6 font-bold uppercase lg:text-2xl xl:text-3xl">
{section.title}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These are a bit cramped.

Image

{m.landing_intro()}
</p>

<div class="flex flex-row items-start gap-10 lg:items-center">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Image Cut off on mobile

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: 🆕 New

Development

Successfully merging this pull request may close these issues.

New design: logged out landing page

2 participants