Websites/interactives
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Reposition share and add ack

Browse source 
Move SocialShare out of header to bottom, replace header area accordingly, and insert a dedicated acknowledgement card at bottom with MoMath Mindbenders and YouTube link, plus keep share component at bottom when enabled. This aligns Ladybug Clock Puzzle layout with other interactives.

X-Lovable-Edit-ID: edt-d2bf8b7d-d596-4228-ba30-d4d98435fd5f
This commit is contained in:
gpt-engineer-app[bot] 2026-01-21 15:59:11 +00:00
commit e6be89e548
1 changed files with 25 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

49
src/components/LadybugClockPuzzle.tsx
View file

@ -259,15 +259,6 @@ const LadybugClockPuzzle: React.FC<LadybugClockPuzzleProps> = ({ showSocialShare
<p className="text-muted-foreground max-w-2xl mx-auto">
A ladybug walks randomly on a clock face. What's the probability each number is painted last?
</p>
{showSocialShare && (
<div className="flex justify-center">
<SocialShare
title="Ladybug Clock Puzzle"
description="Explore random walks on a clock face!"
url={shareUrl}
/>
</div>
)}
</div>
<div className="grid lg:grid-cols-2 gap-6">
@ -665,23 +656,33 @@ const LadybugClockPuzzle: React.FC<LadybugClockPuzzleProps> = ({ showSocialShare
<li><strong>Gambler's Ruin:</strong> Related to the classic probability problem of a gambler with a finite amount</li>
</ul>
</div>
<div className="flex flex-wrap gap-2 pt-2 border-t">
<Badge variant="outline" className="text-xs">
<ExternalLink className="w-3 h-3 mr-1" />
<a href="https://momath.org/mindbenders/" target="_blank" rel="noopener noreferrer" className="hover:underline">
Mindbenders (MoMath)
</a>
</Badge>
<Badge variant="outline" className="text-xs">
<ExternalLink className="w-3 h-3 mr-1" />
<a href="https://www.youtube.com/shorts/t3jZ2xGOvYg" target="_blank" rel="noopener noreferrer" className="hover:underline">
YouTube Short
</a>
</Badge>
</div>
</CardContent>
</Card>
{/* Acknowledgement */}
<Card className="bg-amber-50 dark:bg-amber-950/30 border-amber-200 dark:border-amber-800">
<CardContent className="pt-6">
<p className="text-sm text-muted-foreground">
This puzzle is featured by{' '}
<a href="https://momath.org/mindbenders/" target="_blank" rel="noopener noreferrer" className="text-primary hover:underline font-medium">
MoMath Mindbenders
</a>
{' '}and demonstrated in{' '}
<a href="https://www.youtube.com/shorts/t3jZ2xGOvYg" target="_blank" rel="noopener noreferrer" className="text-primary hover:underline font-medium">
this YouTube short
</a>
. It illustrates a beautiful result about random walks on cycle graphs: every position (except the start) has equal probability of being visited last.
</p>
</CardContent>
</Card>
{showSocialShare && (
<SocialShare
title="The Ladybug Clock Puzzle"
description="Explore random walks on a clock face and discover why every number has the same probability of being painted last!"
url={shareUrl}
/>
)}
</div>
);
};