Cursor/homepage visual polish#2
Conversation
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
left a comment
There was a problem hiding this comment.
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.
| 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); |
There was a problem hiding this comment.
Same goes for the rest of the changes; the glows around buttons and such.
| .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; |
There was a problem hiding this comment.
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.
| </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> |
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="control-grid"> |
There was a problem hiding this comment.
I don't feel strongly about this, but I don't know that this is providing value.
| <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> |
There was a problem hiding this comment.
Ideally this is shorter and flows better
| <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> |
There was a problem hiding this comment.
Link to interposer page and have a less weird description
| </article> | ||
| <article class="requirements-card"> | ||
| <span class="requirements-card__index" aria-hidden="true">03</span> | ||
| <h3 class="requirements-card__title">Chrome or Edge</h3> |
| @@ -0,0 +1,46 @@ | |||
| <div class="center-preview center-preview--hero"> | |||
| }); | ||
| } | ||
|
|
||
| var frame = document.querySelector('.origin-story-frame'); |
| @@ -0,0 +1,84 @@ | |||
| +++ | |||
There was a problem hiding this comment.
I still don't understand why we need a timeline
Co-authored-by: Cursor <cursoragent@cursor.com>
Changed up the style of some sections and reorganized the order of them as well