Skip to content

Cursor/homepage visual polish#2

Open
JaredPastor wants to merge 4 commits into
PenumbraOS:masterfrom
JaredPastor:cursor/homepage-visual-polish
Open

Cursor/homepage visual polish#2
JaredPastor wants to merge 4 commits into
PenumbraOS:masterfrom
JaredPastor:cursor/homepage-visual-polish

Conversation

@JaredPastor

Copy link
Copy Markdown

Changed up the style of some sections and reorganized the order of them as well

JaredPastor and others added 3 commits May 3, 2026 21:36
Adds static imagery and provider SVGs. Ignores Hugo public_test output and dev server logs so future diffs stay source-focused.

Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>

@agg23 agg23 left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Ignore: Trying to clear this bad review

@agg23 agg23 left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

I think you may have some unused images.

Let's talk about the logo in a different set of changes.

I generally like this though, I'm just nitpicking details.

Comment thread assets/css/main.css
background: rgba(10, 10, 10, 0.92);
border: 1px solid var(--color-border);
border-radius: 999px;
box-shadow: 0 12px 36px rgba(255, 255, 255, 0.04);

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

No box-shadow

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Same goes for the rest of the changes; the glows around buttons and such.

Comment thread assets/css/main.css
.hero-preview-wrap {
width: 100%;
max-width: min(var(--layout-max-width), calc(100% - 2 * var(--layout-pad-inline)));
margin: clamp(1.75rem, 4vw, 2.75rem) auto 0;

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

I don't understand why this is is variable. I think the vertical margin between this content and the buttons ("Get Started") should be larger.

Comment thread content/_index.md
</div>
<div class="restore-list">
<div class="restore-item">
<span class="restore-item__watermark" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" x2="12" y1="19" y2="22"/><path d="M8 22h8"/></svg></span>

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Idk what these watermarks are for

Comment thread content/_index.md
</div>
</div>
</div>
<div class="control-grid">

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

I don't feel strongly about this, but I don't know that this is providing value.

Comment thread content/_index.md
<section class="landing-section landing-section--requirements">
<div class="section-copy">
<p class="section-label">Requirements</p>
<h2>What you need to revive a Pin.</h2>

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Ideally this is shorter and flows better

Comment thread content/_index.md
<article class="requirements-card">
<span class="requirements-card__index" aria-hidden="true">02</span>
<h3 class="requirements-card__title">Interposer</h3>
<p class="requirements-card__body">You need an interposer that touches the debug pads hidden under the bottom sticker.</p>

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Link to interposer page and have a less weird description

Comment thread content/_index.md
</article>
<article class="requirements-card">
<span class="requirements-card__index" aria-hidden="true">03</span>
<h3 class="requirements-card__title">Chrome or Edge</h3>

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

WebUSB Browser

@@ -0,0 +1,46 @@
<div class="center-preview center-preview--hero">

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

What is happening in this file

Comment thread layouts/_default/baseof.html Outdated
});
}

var frame = document.querySelector('.origin-story-frame');

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

What the heck is this

@@ -0,0 +1,84 @@
+++

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

I still don't understand why we need a timeline

Co-authored-by: Cursor <cursoragent@cursor.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants