|
976 | 976 |
|
977 | 977 | /* Your data (distribution + outbound calls) */ |
978 | 978 | .data-blurb { |
| 979 | + display: grid; |
| 980 | + grid-template-columns: minmax(0, 220px) minmax(0, 1fr); |
| 981 | + gap: 28px 40px; |
| 982 | + align-items: start; |
979 | 983 | width: 100%; |
980 | | - max-width: 900px; |
| 984 | + max-width: 960px; |
981 | 985 | margin-top: 64px; |
982 | 986 | padding: 28px 32px; |
983 | 987 | border: 1px solid var(--divider); |
984 | 988 | border-radius: 16px; |
985 | 989 | background: var(--faq-row-even); |
986 | 990 | box-sizing: border-box; |
987 | 991 | } |
| 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 | + } |
988 | 1007 | .data-blurb-title { |
989 | 1008 | font-size: 22px; |
990 | 1009 | font-weight: 600; |
991 | 1010 | letter-spacing: -0.02em; |
992 | | - margin: 0 0 16px; |
| 1011 | + margin: 0; |
993 | 1012 | 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; |
995 | 1018 | } |
996 | 1019 | .data-blurb-lead, |
997 | 1020 | .data-blurb-body, |
998 | 1021 | .data-blurb-sub, |
999 | | - .data-blurb-close, |
1000 | 1022 | .data-blurb-list li { |
1001 | 1023 | font-size: 14px; |
1002 | 1024 | line-height: 1.55; |
1003 | 1025 | color: var(--text-secondary); |
1004 | 1026 | margin: 0 0 12px; |
1005 | 1027 | } |
1006 | | - .data-blurb-close { |
1007 | | - margin-bottom: 0; |
1008 | | - margin-top: 14px; |
1009 | | - } |
1010 | 1028 | .data-blurb-list { |
1011 | 1029 | margin: 0 0 0 1.15rem; |
1012 | 1030 | padding: 0; |
|
1124 | 1142 |
|
1125 | 1143 | @media (max-width: 700px) { |
1126 | 1144 | .data-blurb { |
| 1145 | + grid-template-columns: 1fr; |
| 1146 | + gap: 20px; |
1127 | 1147 | padding: 22px 18px; |
1128 | 1148 | } |
1129 | 1149 | .faq-grid { grid-template-columns: 1fr; } |
@@ -2152,15 +2172,23 @@ <h2 class="reviews-title">People who popped in a Binky</h2> |
2152 | 2172 | </section> |
2153 | 2173 |
|
2154 | 2174 | <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't from the App Store, and the build isn't notarized today. That'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'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'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'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't from the App Store, and the build isn't notarized today. That'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'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's MetricKit delivers diagnostics on your Mac. Nothing is sent until you choose Email or a prefilled GitHub issue.</li> |
| 2190 | + </ul> |
| 2191 | + </div> |
2164 | 2192 | </section> |
2165 | 2193 |
|
2166 | 2194 | <section class="faq" id="faq"> |
|
0 commit comments