Skip to content

Commit 0ce6a75

Browse files
Site: two-column Your data section with lock icon
Grid layout (title column + body), remove closing App Store blurb. Co-authored-by: Cursor <cursoragent@cursor.com>
1 parent 74dd81b commit 0ce6a75

1 file changed

Lines changed: 45 additions & 17 deletions

File tree

‎site/index.html‎

Lines changed: 45 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -976,37 +976,55 @@
976976

977977
/* Your data (distribution + outbound calls) */
978978
.data-blurb {
979+
display: grid;
980+
grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
981+
gap: 28px 40px;
982+
align-items: start;
979983
width: 100%;
980-
max-width: 900px;
984+
max-width: 960px;
981985
margin-top: 64px;
982986
padding: 28px 32px;
983987
border: 1px solid var(--divider);
984988
border-radius: 16px;
985989
background: var(--faq-row-even);
986990
box-sizing: border-box;
987991
}
992+
.data-blurb-col--title {
993+
display: flex;
994+
flex-direction: column;
995+
align-items: flex-start;
996+
gap: 14px;
997+
}
998+
.data-blurb-icon {
999+
color: var(--brand);
1000+
line-height: 0;
1001+
}
1002+
.data-blurb-icon svg {
1003+
width: 28px;
1004+
height: 28px;
1005+
display: block;
1006+
}
9881007
.data-blurb-title {
9891008
font-size: 22px;
9901009
font-weight: 600;
9911010
letter-spacing: -0.02em;
992-
margin: 0 0 16px;
1011+
margin: 0;
9931012
color: var(--text);
994-
text-align: center;
1013+
text-align: left;
1014+
line-height: 1.25;
1015+
}
1016+
.data-blurb-col--body {
1017+
min-width: 0;
9951018
}
9961019
.data-blurb-lead,
9971020
.data-blurb-body,
9981021
.data-blurb-sub,
999-
.data-blurb-close,
10001022
.data-blurb-list li {
10011023
font-size: 14px;
10021024
line-height: 1.55;
10031025
color: var(--text-secondary);
10041026
margin: 0 0 12px;
10051027
}
1006-
.data-blurb-close {
1007-
margin-bottom: 0;
1008-
margin-top: 14px;
1009-
}
10101028
.data-blurb-list {
10111029
margin: 0 0 0 1.15rem;
10121030
padding: 0;
@@ -1124,6 +1142,8 @@
11241142

11251143
@media (max-width: 700px) {
11261144
.data-blurb {
1145+
grid-template-columns: 1fr;
1146+
gap: 20px;
11271147
padding: 22px 18px;
11281148
}
11291149
.faq-grid { grid-template-columns: 1fr; }
@@ -2152,15 +2172,23 @@ <h2 class="reviews-title">People who popped in a Binky</h2>
21522172
</section>
21532173

21542174
<section class="data-blurb" id="data" aria-labelledby="data-heading">
2155-
<h2 class="data-blurb-title" id="data-heading">Your data, in plain English</h2>
2156-
<p class="data-blurb-lead">Binky isn&apos;t from the App Store, and the build isn&apos;t notarized today. That&apos;s a distribution choice, not a data choice. The source is on <a href="https://github.com/heyderekj/binky" target="_blank" rel="noopener">GitHub</a> under MIT so you can read what it does.</p>
2157-
<p class="data-blurb-body">Sorting stays on your Mac. No Binky cloud, no upload step, no account.</p>
2158-
<p class="data-blurb-sub">What leaves the machine</p>
2159-
<ul class="data-blurb-list">
2160-
<li>Once a day, Binky asks GitHub if a newer release exists. That&apos;s the only automatic outbound request (see <a href="https://github.com/heyderekj/binky/blob/main/Binky/Services/UpdateChecker.swift" target="_blank" rel="noopener">UpdateChecker.swift</a>).</li>
2161-
<li>Crash sharing is off by default. When you turn it on, Apple&apos;s MetricKit delivers diagnostics on your Mac. Nothing is sent until you choose Email or a prefilled GitHub issue.</li>
2162-
</ul>
2163-
<p class="data-blurb-close">App Store apps are convenient. Notarized apps passed an Apple scan. Neither replaces reading what the app actually does — that&apos;s what the source link above is for.</p>
2175+
<div class="data-blurb-col data-blurb-col--title">
2176+
<div class="data-blurb-icon" aria-hidden="true">
2177+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2178+
<path fill-rule="evenodd" d="M12 1.5C9.10051 1.5 6.75 3.85051 6.75 6.75V9.75C5.09315 9.75 3.75 11.0931 3.75 12.75V19.5C3.75 21.1569 5.09315 22.5 6.75 22.5H17.25C18.9069 22.5 20.25 21.1569 20.25 19.5V12.75C20.25 11.0931 18.9069 9.75 17.25 9.75V6.75C17.25 3.85051 14.8995 1.5 12 1.5ZM15.75 9.75V6.75C15.75 4.67893 14.0711 3 12 3C9.92893 3 8.25 4.67893 8.25 6.75V9.75H15.75Z" clip-rule="evenodd"/>
2179+
</svg>
2180+
</div>
2181+
<h2 class="data-blurb-title" id="data-heading">Your data, in plain English</h2>
2182+
</div>
2183+
<div class="data-blurb-col data-blurb-col--body">
2184+
<p class="data-blurb-lead">Binky isn&apos;t from the App Store, and the build isn&apos;t notarized today. That&apos;s a distribution choice, not a data choice. The source is on <a href="https://github.com/heyderekj/binky" target="_blank" rel="noopener">GitHub</a> under MIT so you can read what it does.</p>
2185+
<p class="data-blurb-body">Sorting stays on your Mac. No Binky cloud, no upload step, no account.</p>
2186+
<p class="data-blurb-sub">What leaves the machine</p>
2187+
<ul class="data-blurb-list">
2188+
<li>Once a day, Binky asks GitHub if a newer release exists. That&apos;s the only automatic outbound request (see <a href="https://github.com/heyderekj/binky/blob/main/Binky/Services/UpdateChecker.swift" target="_blank" rel="noopener">UpdateChecker.swift</a>).</li>
2189+
<li>Crash sharing is off by default. When you turn it on, Apple&apos;s MetricKit delivers diagnostics on your Mac. Nothing is sent until you choose Email or a prefilled GitHub issue.</li>
2190+
</ul>
2191+
</div>
21642192
</section>
21652193

21662194
<section class="faq" id="faq">

0 commit comments

Comments
 (0)