-
Notifications
You must be signed in to change notification settings - Fork 0
Add notepaper-themed GitHub Pages landing for PinStick #10
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Merged
+281
−0
Merged
Changes from all commits
Commits
Show all changes
12 commits
Select commit
Hold shift + click to select a range
1c5f903
Add notepaper themed docs page
Copilot c61f5ee
Clarify docs release wording
Copilot 89c8e58
Clarify cross-platform directory reference
Copilot 528238f
Clarify cross-platform branch location
Copilot ba1f8be
Clarify cross-platform preview directions
Copilot 5ef3c37
Clarify cross-platform path on dev branch
Copilot 4d8129f
Note cross-platform preview lives on dev branch
Copilot fa59790
Restructure getting started instructions
Copilot 9b16c0f
Clarify main vs cross-platform branch scope
Copilot a20a221
Clarify tauri instructions and structure
Copilot cc76038
Simplify consumer copy and add footer
Copilot 91f2bde
Update index.html
kiyarose File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change | ||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| @@ -0,0 +1,281 @@ | ||||||||||
| --- | ||||||||||
| layout: null | ||||||||||
| title: PinStick — Pin notes where you need them | ||||||||||
| --- | ||||||||||
| <!doctype html> | ||||||||||
| <html lang="en"> | ||||||||||
| <head> | ||||||||||
| <meta charset="UTF-8"> | ||||||||||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||||||||||
| <meta name="description" content="PinStick keeps your notes on top — a lightweight macOS notepad for quick thoughts and reminders."> | ||||||||||
| <title>PinStick</title> | ||||||||||
| <style> | ||||||||||
| :root { | ||||||||||
| color-scheme: light; | ||||||||||
| } | ||||||||||
| * { | ||||||||||
| box-sizing: border-box; | ||||||||||
| } | ||||||||||
| body { | ||||||||||
| margin: 0; | ||||||||||
| font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; | ||||||||||
| background: radial-gradient(circle at 20% 20%, #f5ede2 0%, #f1e5d7 25%, #ebdccd 60%, #e6d3c0 100%); | ||||||||||
| color: #2f2a28; | ||||||||||
| line-height: 1.6; | ||||||||||
| min-height: 100vh; | ||||||||||
| } | ||||||||||
| .page { | ||||||||||
| max-width: 1080px; | ||||||||||
| margin: 0 auto; | ||||||||||
| padding: 48px 20px 64px; | ||||||||||
| } | ||||||||||
| header { | ||||||||||
| display: grid; | ||||||||||
| gap: 24px; | ||||||||||
| grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); | ||||||||||
| align-items: center; | ||||||||||
| margin-bottom: 32px; | ||||||||||
| } | ||||||||||
| .note { | ||||||||||
| position: relative; | ||||||||||
| background: #fffdf6; | ||||||||||
| border: 1px solid #e1d7c5; | ||||||||||
| border-radius: 14px; | ||||||||||
| box-shadow: 0 16px 32px rgba(0, 0, 0, 0.08), 0 1px 0 rgba(255,255,255,0.8) inset; | ||||||||||
| padding: 28px 24px 24px; | ||||||||||
| background-image: | ||||||||||
| linear-gradient(#e8dfcf 1px, transparent 1px), | ||||||||||
| linear-gradient(90deg, rgba(246, 231, 210, 0.5) 1px, transparent 1px); | ||||||||||
| background-size: 100% 32px, 24px 100%; | ||||||||||
| background-position: 0 14px, 14px 0; | ||||||||||
| overflow: hidden; | ||||||||||
| } | ||||||||||
| .note::before, | ||||||||||
| .note::after { | ||||||||||
| content: ""; | ||||||||||
| position: absolute; | ||||||||||
| width: 18px; | ||||||||||
| height: 18px; | ||||||||||
| top: 10px; | ||||||||||
| border-radius: 50%; | ||||||||||
| background: radial-gradient(circle at 30% 30%, #ffe2e2, #ff7b7b 45%, #b53232 90%); | ||||||||||
| box-shadow: 0 8px 12px rgba(0,0,0,0.18); | ||||||||||
| } | ||||||||||
| .note::before { left: 16px; } | ||||||||||
| .note::after { right: 16px; } | ||||||||||
| .tag { | ||||||||||
| display: inline-flex; | ||||||||||
| align-items: center; | ||||||||||
| gap: 6px; | ||||||||||
| background: #f3e3bf; | ||||||||||
| color: #7a4c00; | ||||||||||
| padding: 6px 12px; | ||||||||||
| border-radius: 999px; | ||||||||||
| font-weight: 600; | ||||||||||
| letter-spacing: 0.4px; | ||||||||||
| text-transform: uppercase; | ||||||||||
| font-size: 12px; | ||||||||||
| box-shadow: 0 3px 8px rgba(0,0,0,0.08); | ||||||||||
| } | ||||||||||
| h1 { | ||||||||||
| margin: 12px 0 8px; | ||||||||||
| font-size: clamp(28px, 4vw, 38px); | ||||||||||
| line-height: 1.15; | ||||||||||
| color: #1f1b19; | ||||||||||
| } | ||||||||||
| .subtitle { | ||||||||||
| margin: 0; | ||||||||||
| font-size: 16px; | ||||||||||
| max-width: 640px; | ||||||||||
| } | ||||||||||
| .cta { | ||||||||||
| margin-top: 18px; | ||||||||||
| display: flex; | ||||||||||
| gap: 12px; | ||||||||||
| flex-wrap: wrap; | ||||||||||
| } | ||||||||||
| .cta a { | ||||||||||
| text-decoration: none; | ||||||||||
| font-weight: 700; | ||||||||||
| padding: 12px 18px; | ||||||||||
| border-radius: 10px; | ||||||||||
| border: 1px solid transparent; | ||||||||||
| box-shadow: 0 8px 14px rgba(0,0,0,0.12); | ||||||||||
| transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease; | ||||||||||
| } | ||||||||||
| .cta a.primary { | ||||||||||
| background: linear-gradient(135deg, #ffba6b, #ff8c42); | ||||||||||
| color: #2b1504; | ||||||||||
| border-color: #ff9f47; | ||||||||||
| } | ||||||||||
| .cta a.secondary { | ||||||||||
| background: #fff9ef; | ||||||||||
| color: #5a4a2c; | ||||||||||
| border-color: #e5d6bb; | ||||||||||
| } | ||||||||||
| .cta a:hover { | ||||||||||
| transform: translateY(-2px); | ||||||||||
| box-shadow: 0 12px 20px rgba(0,0,0,0.14); | ||||||||||
| } | ||||||||||
| .grid { | ||||||||||
| display: grid; | ||||||||||
| grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); | ||||||||||
| gap: 18px; | ||||||||||
| margin-top: 10px; | ||||||||||
| } | ||||||||||
| .card { | ||||||||||
| position: relative; | ||||||||||
| background: #fffef8; | ||||||||||
| border: 1px solid #e4d9c9; | ||||||||||
| border-radius: 12px; | ||||||||||
| padding: 18px 16px 20px; | ||||||||||
| box-shadow: 0 10px 20px rgba(0,0,0,0.08); | ||||||||||
| background-image: linear-gradient(#efe4d4 1px, transparent 1px); | ||||||||||
| background-size: 100% 28px; | ||||||||||
| background-position: 0 12px; | ||||||||||
| overflow: hidden; | ||||||||||
| } | ||||||||||
| .card::before { | ||||||||||
| content: ""; | ||||||||||
| position: absolute; | ||||||||||
| width: 16px; | ||||||||||
| height: 16px; | ||||||||||
| background: radial-gradient(circle at 30% 30%, #ffe8a3, #f6a000 70%, #c66d00 100%); | ||||||||||
| border-radius: 50%; | ||||||||||
| top: 10px; | ||||||||||
| left: 50%; | ||||||||||
| transform: translateX(-50%); | ||||||||||
| box-shadow: 0 7px 12px rgba(0,0,0,0.14); | ||||||||||
| } | ||||||||||
| .card h3 { | ||||||||||
| margin: 10px 0 6px; | ||||||||||
| font-size: 18px; | ||||||||||
| color: #2a241c; | ||||||||||
| } | ||||||||||
| .card p { | ||||||||||
| margin: 0; | ||||||||||
| font-size: 14px; | ||||||||||
| color: #3b352f; | ||||||||||
| } | ||||||||||
| .section-title { | ||||||||||
| margin: 36px 0 12px; | ||||||||||
| font-size: 20px; | ||||||||||
| letter-spacing: 0.4px; | ||||||||||
| text-transform: uppercase; | ||||||||||
| color: #70592e; | ||||||||||
| } | ||||||||||
| .list { | ||||||||||
| list-style: none; | ||||||||||
| padding: 0; | ||||||||||
| margin: 10px 0 0; | ||||||||||
| display: grid; | ||||||||||
| gap: 12px; | ||||||||||
| } | ||||||||||
| .list li { | ||||||||||
| position: relative; | ||||||||||
| padding-left: 28px; | ||||||||||
| font-weight: 600; | ||||||||||
| color: #2d261e; | ||||||||||
| } | ||||||||||
| .list li::before { | ||||||||||
| content: "📌"; | ||||||||||
| position: absolute; | ||||||||||
| left: 0; | ||||||||||
| top: 0; | ||||||||||
| font-size: 18px; | ||||||||||
| } | ||||||||||
| .inline-note { | ||||||||||
| display: inline-block; | ||||||||||
| background: #fff7d9; | ||||||||||
| border: 1px dashed #d6c18a; | ||||||||||
| padding: 6px 10px; | ||||||||||
| border-radius: 8px; | ||||||||||
| box-shadow: 0 3px 8px rgba(0,0,0,0.08); | ||||||||||
| } | ||||||||||
| .site-footer { | ||||||||||
| margin-top: 56px; | ||||||||||
| background: #111; | ||||||||||
| color: #a7a7a7; | ||||||||||
| padding: 36px 20px 42px; | ||||||||||
| text-align: center; | ||||||||||
| border-radius: 14px; | ||||||||||
| box-shadow: 0 12px 28px rgba(0,0,0,0.22); | ||||||||||
| } | ||||||||||
| .site-footer a { | ||||||||||
| color: #9b7cf5; | ||||||||||
| text-decoration: none; | ||||||||||
| font-weight: 700; | ||||||||||
| } | ||||||||||
| .site-footer .line { | ||||||||||
| margin: 0 0 10px; | ||||||||||
| font-size: 18px; | ||||||||||
| color: #d5d5d5; | ||||||||||
| } | ||||||||||
| .site-footer .legal { | ||||||||||
| margin: 0; | ||||||||||
| font-size: 15px; | ||||||||||
| line-height: 1.5; | ||||||||||
| color: #a7a7a7; | ||||||||||
| } | ||||||||||
| </style> | ||||||||||
| </head> | ||||||||||
| <body> | ||||||||||
| <div class="page"> | ||||||||||
| <header> | ||||||||||
| <div class="note"> | ||||||||||
| <span class="tag">PinStick • macOS/Linux/Windows</span> | ||||||||||
| <h1>Pin your notes and keep them on top.</h1> | ||||||||||
| <p class="subtitle"> | ||||||||||
| A lightweight notepad that stays visible while you work. Jot quick thoughts, pin the window above everything else, and keep track of the little details that matter. | ||||||||||
| </p> | ||||||||||
| <div class="cta"> | ||||||||||
| <a class="primary" href="https://github.com/SillyLittleTech/PinStick/releases">View releases</a> | ||||||||||
| <a class="secondary" href="https://github.com/SillyLittleTech/PinStick">View on GitHub</a> | ||||||||||
| </div> | ||||||||||
| </div> | ||||||||||
| <div class="note"> | ||||||||||
| <span class="tag">Why it sticks</span> | ||||||||||
| <ul class="list"> | ||||||||||
| <li>Always-on-top pinning keeps key notes in sight.</li> | ||||||||||
| <li>Simple, local storage — your notes stay on your machine.</li> | ||||||||||
| <li>Keyboard-friendly quick edits, instant save.</li> | ||||||||||
| <li>Coming to more platforms soon; a preview is brewing for Windows & Linux.</li> | ||||||||||
| </ul> | ||||||||||
| </div> | ||||||||||
| </header> | ||||||||||
|
|
||||||||||
| <h2 class="section-title">Highlights</h2> | ||||||||||
| <div class="grid"> | ||||||||||
| <div class="card"> | ||||||||||
| <h3>Always on Top</h3> | ||||||||||
| <p>PinStick pins its window above everything else so timers, tasks, and reminders never hide behind other apps.</p> | ||||||||||
| </div> | ||||||||||
| <div class="card"> | ||||||||||
| <h3>Fast & Lightweight</h3> | ||||||||||
| <p>Built with SwiftUI for macOS, Windows, and Linux. Launch, type, and move on — no setup, no clutter, tiny footprint.</p> | ||||||||||
|
||||||||||
| <p>Built with SwiftUI for macOS, Windows, and Linux. Launch, type, and move on — no setup, no clutter, tiny footprint.</p> | |
| <p>Built with SwiftUI for macOS, with a Tauri-based preview underway for Windows and Linux. Launch, type, and move on — no setup, no clutter, tiny footprint.</p> |
Comment on lines
+270
to
+271
Copilot
AI
Mar 30, 2026
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There are a couple of grammar issues here (duplicate “Download”, and the “Simply Open, and add…” sentence reads awkwardly). Please revise for clarity and correct punctuation/capitalization.
Suggested change
| <li><strong>Download</strong> Download the latest release from GitHub!</li> | |
| <li><strong>Use</strong> Simply Open, and add the app, and you can start taking notes.</li> | |
| <li><strong>Download</strong> the latest release from GitHub.</li> | |
| <li><strong>Use</strong> Open the app and start taking notes.</li> |
Copilot
AI
Mar 30, 2026
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The footer makes specific legal/licensing claims (BSD-2-Clause license, fiscal sponsorship, EIN), but there’s no LICENSE file or other repository reference to verify this. Please ensure the license text matches the repository’s actual licensing (and add a LICENSE file if intended), and double-check the sponsorship/legal wording for accuracy.
Suggested change
| <p class="legal">© 2026 Kiya Rose. Fiscally sponsored by The Hack Foundation (d.b.a. Hack Club), a 501(c)(3) nonprofit (EIN: 81-2908499). Licensed under BSD-2-Clause.</p> | |
| <p class="legal">© 2026 Kiya Rose. PinStick is an open-source project; see the GitHub repository for licensing and project details.</p> |
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The platform tag suggests full macOS/Linux/Windows support, but later copy says Windows/Linux are only a preview. This can set incorrect expectations; consider changing the tag to reflect current availability (e.g., macOS with Windows/Linux preview) or removing platforms not yet released.