Skip to content

Commit 4d16ee4

Browse files
Prot10Prot10
committed
refactor: Merge download and Gatekeeper warning into single card
1 parent 2eabf4a commit 4d16ee4

File tree

1 file changed

+44
-48
lines changed

1 file changed

+44
-48
lines changed

‎website/src/components/Download.astro‎

Lines changed: 44 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -19,11 +19,11 @@
1919
<!-- Download Card -->
2020
<div class="glass-card p-8 max-w-xl mx-auto">
2121
<div class="flex items-center justify-center gap-4 mb-6">
22-
<div class="w-16 h-16 rounded-2xl bg-gradient-to-br from-primary to-purple-600 flex items-center justify-center shadow-lg shadow-primary/25">
23-
<svg class="w-8 h-8 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
24-
<path stroke-linecap="round" stroke-linejoin="round" d="M9.53 16.122a3 3 0 00-5.78 1.128 2.25 2.25 0 01-2.4 2.245 4.5 4.5 0 008.4-2.245c0-.399-.078-.78-.22-1.128zm0 0a15.998 15.998 0 003.388-1.62m-5.043-.025a15.994 15.994 0 011.622-3.395m3.42 3.42a15.995 15.995 0 004.764-4.648l3.876-5.814a1.151 1.151 0 00-1.597-1.597L14.146 6.32a15.996 15.996 0 00-4.649 4.763m3.42 3.42a6.776 6.776 0 00-3.42-3.42" />
25-
</svg>
26-
</div>
22+
<img
23+
src="/MyMacCleaner/icon-192.png"
24+
alt="MyMacCleaner"
25+
class="w-16 h-16 rounded-2xl shadow-lg"
26+
/>
2727
<div class="text-left">
2828
<h3 class="text-xl font-semibold text-white">MyMacCleaner</h3>
2929
<p class="text-sm text-gray-400">Latest version</p>
@@ -42,53 +42,49 @@
4242
Download DMG
4343
</a>
4444

45-
<p class="text-xs text-gray-500">
45+
<p class="text-xs text-gray-500 mb-6">
4646
Requires macOS 14.0 (Sonoma) or later. Universal binary (Apple Silicon + Intel).
4747
</p>
48-
</div>
4948

50-
<!-- Gatekeeper Warning -->
51-
<div class="mt-8 glass-card p-6 max-w-2xl mx-auto text-left">
52-
<div class="flex items-start gap-3">
53-
<div class="w-8 h-8 rounded-lg bg-yellow-500/20 flex items-center justify-center flex-shrink-0 mt-0.5">
54-
<svg class="w-5 h-5 text-yellow-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
55-
<path stroke-linecap="round" stroke-linejoin="round" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
56-
</svg>
57-
</div>
58-
<div>
59-
<h4 class="text-sm font-semibold text-white mb-2">First Launch: Gatekeeper Warning</h4>
60-
<p class="text-sm text-gray-400 mb-3">
61-
Since MyMacCleaner is free and not notarized with Apple, macOS will show a security warning on first launch. This is normal for open-source apps.
62-
</p>
63-
<details class="group">
64-
<summary class="text-sm text-primary cursor-pointer hover:text-primary-400 transition-colors flex items-center gap-1">
65-
<span>How to open the app</span>
66-
<svg class="w-4 h-4 transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
67-
<path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
68-
</svg>
69-
</summary>
70-
<ol class="mt-3 space-y-2 text-sm text-gray-400">
71-
<li class="flex gap-2">
72-
<span class="text-primary font-medium">1.</span>
73-
<span>Try to open MyMacCleaner — you'll see "Apple cannot check it for malicious software"</span>
74-
</li>
75-
<li class="flex gap-2">
76-
<span class="text-primary font-medium">2.</span>
77-
<span>Open <strong class="text-white">System Settings</strong> → <strong class="text-white">Privacy & Security</strong></span>
78-
</li>
79-
<li class="flex gap-2">
80-
<span class="text-primary font-medium">3.</span>
81-
<span>Scroll to Security and find the message about MyMacCleaner being blocked</span>
82-
</li>
83-
<li class="flex gap-2">
84-
<span class="text-primary font-medium">4.</span>
85-
<span>Click <strong class="text-white">"Open Anyway"</strong> and enter your password</span>
86-
</li>
87-
</ol>
88-
<p class="mt-3 text-xs text-gray-500">
89-
<strong>Alternative:</strong> Right-click the app → "Open" → Click "Open" in the dialog.
49+
<!-- Gatekeeper Warning -->
50+
<div class="border-t border-white/10 pt-6">
51+
<div class="flex items-start gap-3 text-left">
52+
<div class="w-8 h-8 rounded-lg bg-yellow-500/20 flex items-center justify-center flex-shrink-0 mt-0.5">
53+
<svg class="w-5 h-5 text-yellow-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
54+
<path stroke-linecap="round" stroke-linejoin="round" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
55+
</svg>
56+
</div>
57+
<div>
58+
<h4 class="text-sm font-semibold text-white mb-1">First Launch: Gatekeeper Warning</h4>
59+
<p class="text-xs text-gray-400 mb-2">
60+
macOS will show a security warning since the app is not notarized. This is normal for open-source apps.
9061
</p>
91-
</details>
62+
<details class="group">
63+
<summary class="text-xs text-primary cursor-pointer hover:text-primary-400 transition-colors flex items-center gap-1">
64+
<span>How to open the app</span>
65+
<svg class="w-3 h-3 transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
66+
<path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
67+
</svg>
68+
</summary>
69+
<ol class="mt-2 space-y-1.5 text-xs text-gray-400">
70+
<li class="flex gap-2">
71+
<span class="text-primary font-medium">1.</span>
72+
<span>Try to open the app — you'll see "Apple cannot check it for malicious software"</span>
73+
</li>
74+
<li class="flex gap-2">
75+
<span class="text-primary font-medium">2.</span>
76+
<span>Open <strong class="text-white">System Settings</strong> → <strong class="text-white">Privacy & Security</strong></span>
77+
</li>
78+
<li class="flex gap-2">
79+
<span class="text-primary font-medium">3.</span>
80+
<span>Find the blocked message and click <strong class="text-white">"Open Anyway"</strong></span>
81+
</li>
82+
</ol>
83+
<p class="mt-2 text-xs text-gray-500">
84+
Or: Right-click → "Open" → Click "Open" in the dialog.
85+
</p>
86+
</details>
87+
</div>
9288
</div>
9389
</div>
9490
</div>

0 commit comments

Comments
 (0)