Skip to content

Refine donation page layout with left info panel and responsive typography#23

Draft
kiyarose wants to merge 12 commits intomainfrom
cursor/donation-page-layout-1f77
Draft

Refine donation page layout with left info panel and responsive typography#23
kiyarose wants to merge 12 commits intomainfrom
cursor/donation-page-layout-1f77

Conversation

@kiyarose
Copy link
Copy Markdown
Member

@kiyarose kiyarose commented Mar 18, 2026 •
edited by cursor bot
Loading

Summary

  • narrowed the donation iframe footprint and moved it into a structured two-column layout
  • added a left-side donation information panel with the requested funding text and bullet list
  • improved panel typography scaling for readability across viewport sizes
  • hardened responsive behavior to prevent text clipping/overlap in narrower windows

Testing

  • verified local page availability via HTTP
  • manually validated desktop layout shows panel on left and form on right
  • manually validated narrowed-window behavior keeps panel text readable and unclipped
  • captured a walkthrough video and screenshots demonstrating the final layout
Open in Web Open in Cursor 

deepsource-autofix bot added a commit that referenced this pull request Mar 18, 2026
@deepsource-autofix
style: format code with Prettier and StandardJS
a9e3de2 
This commit fixes the style issues introduced in cf61ec1 according to the output
from Prettier and StandardJS.

Details: #23
@cloudflare-workers-and-pages
Copy link
Copy Markdown

cloudflare-workers-and-pages bot commented Mar 18, 2026 •
edited
Loading

Deploying kvgrow with  Cloudflare Pages  Cloudflare Pages

Latest commit: d0c2dfe
Status: ✅  Deploy successful!
Preview URL: https://cf83b851.kvgrow.pages.dev
Branch Preview URL: https://cursor-donation-page-layout.kvgrow.pages.dev

View logs

@deepsource-io
Copy link
Copy Markdown
Contributor

deepsource-io bot commented Mar 18, 2026 •
edited
Loading

DeepSource Code Review

We reviewed changes in 0c337cf...d0c2dfe on this pull request. Below is the summary for the review, and you can see the individual issues we found as inline review comments.

See full review on DeepSource ↗

PR Report Card

Overall Grade   Security  

Reliability  

Complexity  

Hygiene  

Code Review Summary

Analyzer Status Updated (UTC) Details
Secrets Mar 29, 2026 5:41a.m. Review ↗
Shell Mar 29, 2026 5:41a.m. Review ↗
JavaScript Mar 29, 2026 5:41a.m. Review ↗

@cursor cursor bot changed the title Refine donation page layout and responsive info panel Refine donation page layout with left info panel and responsive typography Mar 18, 2026
@kiyarose kiyarose added this to the Modernize_r1 milestone Mar 19, 2026
@kiyarose kiyarose marked this pull request as ready for review March 19, 2026 09:39
Copilot AI review requested due to automatic review settings March 19, 2026 09:39
@kiyarose
Copy link
Copy Markdown
Member Author

kiyarose commented Mar 19, 2026

needs more content, tbh.

Copilot AI reviewed Mar 19, 2026
View reviewed changes
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Updates the static donate.html page layout to better present donation context alongside the embedded donation form, aligning with the site’s lightweight, no-build structure.

Changes:

  • Replaces the full-viewport iframe layout with a two-column CSS grid layout.
  • Adds a left-side donation information panel with explanatory text and a bullet list.
  • Improves responsiveness using container queries (plus a viewport media query) and clamp()-based typography.

You can also share your feedback on Copilot code review. Take the survey.

@kiyarose kiyarose added enhancement New feature or request help wanted Extra attention is needed labels Mar 19, 2026
@kiyarose kiyarose self-assigned this Mar 19, 2026
@kiyarose kiyarose marked this pull request as draft March 20, 2026 17:41
deepsource-io[bot]
deepsource-io bot reviewed Mar 29, 2026
View reviewed changes
theme.js
return btn;
}

function init(){
Copy link
Copy Markdown
Contributor

@deepsource-io deepsource-io bot Mar 29, 2026

Choose a reason for hiding this comment

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

Documentation comment not found for function declaration `init`


It is recommended to have documentation comments above, or right inside a function/class declaration.
This helps developers, users and even the author understand the purpose of a code snippet or API function in the future.

NOTE: If you want to stop this issue from getting raised on certain constructs (arrow functions, class expressions, methods etc.), consider using the skip_doc_coverage option under the analyzers.meta property in your .deepsource.toml file.
For example, the following configuration will silence this issue for class expressions and method definitions:

[analyzers.meta]
    skip_doc_coverage = ["class-expression", "method-definition"]

cursoragent and others added 9 commits March 29, 2026 01:26
@cursoragent @kiyarose
Adjust donation page to two-column layout
1bb38c9 
Co-authored-by: Kiya Rose Ren-Miyakari <kiya.rose@sillylittle.tech>
@cursoragent @kiyarose
Move donation panel left and improve text scaling
9667dd3 
Co-authored-by: Kiya Rose Ren-Miyakari <kiya.rose@sillylittle.tech>
@deepsource-autofix @kiyarose
style: format code with Prettier and StandardJS
449b7d8 
This commit fixes the style issues introduced in cf61ec1 according to the output
from Prettier and StandardJS.

Details: #23
@cursoragent @kiyarose
Improve donation panel text readability on small screens
9f6a061 
Co-authored-by: Kiya Rose Ren-Miyakari <kiya.rose@sillylittle.tech>
@cursoragent @kiyarose
Stack donation layout earlier to prevent iframe clipping
40d214a 
Co-authored-by: Kiya Rose Ren-Miyakari <kiya.rose@sillylittle.tech>
@cursoragent @kiyarose
Prevent donation panel text overlap on narrow widths
b533b63 
Co-authored-by: Kiya Rose Ren-Miyakari <kiya.rose@sillylittle.tech>
@cursoragent @kiyarose
Use CSS grid for stable donation page responsiveness
519c4db 
Co-authored-by: Kiya Rose Ren-Miyakari <kiya.rose@sillylittle.tech>
@cursoragent @kiyarose
Use container query to stack donation layout sooner
8222f06 
Co-authored-by: Kiya Rose Ren-Miyakari <kiya.rose@sillylittle.tech>
@cursoragent @kiyarose
Fix container width regression on donation page
967db96 
Co-authored-by: Kiya Rose Ren-Miyakari <kiya.rose@sillylittle.tech>
@kiyarose kiyarose force-pushed the cursor/donation-page-layout-1f77 branch from f867880 to 967db96 Compare March 29, 2026 05:26
@kiyarose
Move donor graph to the sidebar
2dc2165 
Moves donor graph to the sidebar to match updated layout configuration for donation page.
@kiyarose kiyarose marked this pull request as ready for review March 29, 2026 05:28
kiyarose added 2 commits March 29, 2026 01:30
@kiyarose
Move donor graph out of side div
940fcf5 
Moves sonar graph out of side div to attempt to remedy scaling issues.
@kiyarose
Adjust donation page sidebar and graph layout (#40)
d0c2dfe
@kiyarose kiyarose marked this pull request as draft March 29, 2026 05:41
@sonarqubecloud
Copy link
Copy Markdown

sonarqubecloud bot commented Mar 29, 2026

Quality Gate Passed Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

@kiyarose
Copy link
Copy Markdown
Member Author

kiyarose commented Mar 29, 2026

Converted this to a draft for now, sidebar setup still looks weird.
Consider moving to above the actual donation form (not sure what to do with the graph tho, leave it, or put it back at the bottom).
TBD

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

Reviewers

Copilot code review Copilot Copilot left review comments

+1 more reviewer

@deepsource-io deepsource-io[bot] deepsource-io[bot] left review comments

Reviewers whose approvals may not affect merge requirements

Assignees

@kiyarose kiyarose

Labels

enhancement New feature or request help wanted Extra attention is needed

Projects

None yet

Milestone

Modernize_r1

Development

Successfully merging this pull request may close these issues.

3 participants

@kiyarose @cursoragent