<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Les Phillies Battent les Blue Jays : Un Épisode South Park au Citizens Bank Park</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Comic Neue', cursive;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.south-park-border {
border: 4px solid #000;
border-radius: 15px;
box-shadow: 0 0 0 2px #fff, 0 0 0 6px #000;
}
.speech-bubble {
position: relative;
background: #fff;
border: 3px solid #000;
border-radius: 20px;
padding: 20px;
margin: 20px 0;
}
.speech-bubble:before {
content: '';
position: absolute;
left: 30px;
bottom: -20px;
width: 0;
height: 0;
border: 20px solid transparent;
border-top-color: #000;
}
.speech-bubble:after {
content: '';
position: absolute;
left: 33px;
bottom: -14px;
width: 0;
height: 0;
border: 17px solid transparent;
border-top-color: #fff;
}
.cartman-color { color: #ff6b6b; }
.kyle-color { color: #4ecdc4; }
.stan-color { color: #45b7d1; }
.kenny-color { color: #f9ca24; }
</style>
</head>
<body class="min-h-screen p-4">
<div class="max-w-4xl mx-auto">
<!-- Header -->
<header class="south-park-border bg-yellow-300 p-6 mb-8">
<h1 class="text-4xl font-bold text-center text-black mb-2">
<i class="fas fa-baseball-ball mr-3"></i>
South Park Sports Report
<i class="fas fa-baseball-ball ml-3"></i>
</h1>
<h2 class="text-2xl text-center text-gray-800 font-bold">
"Oh Mon Dieu ! Max Kepler A Tué Les Blue Jays !"
</h2>
<p class="text-center text-gray-600 mt-2">
<i class="fas fa-calendar mr-2"></i>14 Juin 2025 | Citizens Bank Park, Philadelphia
</p>
</header>
<!-- Article Content -->
<article class="south-park-border bg-white p-8 mb-8">
<!-- Introduction avec Cartman -->
<div class="mb-8">
<div class="flex items-start mb-4">
<img src="https://cdn1.genspark.ai/user-upload-image/22_generated/709001a7-5b97-4049-b084-c4acdfcedcf7_wm"
alt="Cartman en uniforme Phillies"
class="w-32 h-32 rounded-full border-4 border-black mr-6 flex-shrink-0">
<div class="speech-bubble flex-1">
<p class="text-lg cartman-color font-bold mb-2">"RESPECT MAH AUTHORITAH, BLUE JAYS !"</p>
<p class="text-gray-800">
Salut les losers ! C'est moi, Eric Cartman, votre reporter sportif préféré, et j'ai une histoire ÉPIQUE à vous raconter ! Les Phillies viennent de défoncer les Blue Jays 3-2 dans un match plus intense qu'un épisode de "Passion of the Christ" !
</p>
</div>
</div>
</div>
<!-- Max Kepler Hero Section -->
<div class="bg-red-50 south-park-border p-6 mb-8">
<div class="text-center mb-6">
<img src="https://cdn1.genspark.ai/user-upload-image/22_generated/8aacbf79-0572-475c-9340-33d0a01b3771_wm"
alt="Max Kepler style South Park frappant un home run"
class="mx-auto w-64 h-64 rounded-full border-4 border-black">
</div>
<h3 class="text-3xl font-bold text-center mb-4 text-red-600">
🏆 MAX KEPLER : LE HÉROS ALLEMAND DE SOUTH PARK ! 🏆
</h3>
<div class="speech-bubble bg-blue-50">
<p class="stan-color font-bold text-lg mb-2">"Oh mon dieu, Stan ici !"</p>
<p class="text-gray-800">
En bottom 8th, avec le score tied à 2-2, Max Kepler a fait quelque chose d'absolument INSANE ! Il a pris la batte comme s'il était le Chosen One du baseball et BOOM ! 370 pieds de pure DOMINATION dans les seats de right field ! C'était tellement clutch que même Kenny a arrêté de mourir pendant 5 minutes !
</p>
</div>
</div>
<!-- Le Match Inning par Inning -->
<div class="mb-8">
<h3 class="text-2xl font-bold mb-6 text-center">📊 LE MATCH RACONTÉ PAR LA BANDE 📊</h3>
<!-- Early Innings -->
<div class="grid md:grid-cols-2 gap-6 mb-6">
<div class="speech-bubble bg-green-50">
<p class="kyle-color font-bold text-lg mb-2">"Kyle's Analysis Corner"</p>
<p class="text-gray-800">
<strong>Innings 1-3:</strong> Les Blue Jays ont pris l'avantage 1-0 en 2nd avec Myles Straw qui a réussi un RBI single. Mais honestly, c'était plus de la chance qu'autre chose ! Les Phillies préparaient leur contre-attaque...
</p>
</div>
<div class="speech-bubble bg-yellow-50">
<p class="kenny-color font-bold text-lg mb-2">"Mmph mph mmph!" (Traduction Kenny)</p>
<p class="text-gray-800">
<strong>4th Inning CHAOS:</strong> Bowden Francis a complètement perdu le contrôle ! Il a walk Nick Castellanos, walk Kepler, hit J.T. Realmuto, puis walk Bryson Stott pour tie le game ! Ensuite il hit Otto Kemp pour donner l'avantage aux Phillies ! C'était un meltdown total !
</p>
</div>
</div>
<!-- Cristopher Sanchez Performance -->
<div class="speech-bubble bg-purple-50 mb-6">
<p class="cartman-color font-bold text-lg mb-2">"Cartman's Pitching Report"</p>
<p class="text-gray-800">
Cristopher Sánchez était absolument DIVIN sur le mound ! 7 innings de pure domination, 5 strikeouts, ZERO walks, et seulement 2 runs allowed ! Il était plus précis qu'un sniper dans Call of Duty ! Ce mec mérite une statue à côté de celle de Rocky !
</p>
</div>
<!-- The Dramatic 8th -->
<div class="bg-gradient-to-r from-red-100 to-blue-100 south-park-border p-6 mb-6">
<h4 class="text-2xl font-bold text-center mb-4">🎭 LE 8TH INNING DRAMATIQUE 🎭</h4>
<div class="speech-bubble">
<p class="stan-color font-bold text-lg mb-2">"Stan's Play-by-Play"</p>
<p class="text-gray-800 mb-4">
Orion Kerkering entre en relief et retire la side en ordre ! Ce gars n'a pas allowed un earned run en 13 innings consécutives ! C'est plus impressionnant que la fois où Cartman a réussi à ne pas péter pendant une heure entière !
</p>
<p class="text-gray-800 font-bold text-red-600 text-xl">
Puis... KEPLER MAGIC TIME ! Count 2-0 contre Chad Green, fastball à 95.8 mph, et CRACK ! La balle vole comme un missile guidé vers les seats ! PHILLIES 3, BLUE JAYS 2 !
</p>
</div>
</div>
</div>
<!-- Victory Celebration -->
<div class="bg-green-100 south-park-border p-6 mb-8">
<h3 class="text-2xl font-bold text-center mb-4">🎉 LA VICTORY CELEBRATION 🎉</h3>
<div class="speech-bubble">
<p class="kenny-color font-bold text-lg mb-2">"Mmph mph celebration!" (Kenny est excited!)</p>
<p class="text-gray-800">
Matt Strahm est entré en 9th pour closer le deal ! 1-2-3 inning, save clinchée, et la victory fog machine a tourné à plein régime dans le clubhouse ! Kepler a dit que c'était "like a nightclub" là-dedans ! Même Randy Marsh aurait été jaloux de cette celebration !
</p>
</div>
</div>
<!-- Stats Section -->
<div class="bg-gray-100 south-park-border p-6 mb-8">
<h3 class="text-2xl font-bold text-center mb-6">📈 LES STATS QUI COMPTENT 📈</h3>
<div class="grid md:grid-cols-3 gap-4">
<div class="bg-white p-4 rounded-lg border-2 border-black text-center">
<i class="fas fa-baseball-ball text-3xl text-red-500 mb-2"></i>
<p class="font-bold">Max Kepler</p>
<p class="text-sm">8ème HR de la saison</p>
<p class="text-sm">370 pieds de distance</p>
</div>
<div class="bg-white p-4 rounded-lg border-2 border-black text-center">
<i class="fas fa-fire text-3xl text-orange-500 mb-2"></i>
<p class="font-bold">C. Sánchez</p>
<p class="text-sm">7 innings, 5 K's</p>
<p class="text-sm">0 walks allowed</p>
</div>
<div class="bg-white p-4 rounded-lg border-2 border-black text-center">
<i class="fas fa-trophy text-3xl text-yellow-500 mb-2"></i>
<p class="font-bold">Phillies Record</p>
<p class="text-sm">40-29</p>
<p class="text-sm">Series WIN!</p>
</div>
</div>
</div>
<!-- Conclusion -->
<div class="speech-bubble bg-blue-50">
<p class="cartman-color font-bold text-xl mb-4">"Cartman's Final Word"</p>
<p class="text-gray-800 text-lg">
Voilà les amis ! Les Phillies ont prouvé qu'ils sont sérieux cette saison ! Max Kepler sort enfin de son slump au moment parfait, et cette équipe a l'air prête pour une deep playoff run ! Demain, c'est Zack Wheeler contre José Berrios pour le potential sweep !
</p>
<p class="text-gray-800 font-bold mt-4">
Et rappelez-vous : "You're gonna have a bad time" si vous pariez contre les Phillies cette saison !
</p>
</div>
</article>
<!-- Footer -->
<footer class="south-park-border bg-gray-800 text-white p-6 text-center">
<p class="mb-2">
<i class="fas fa-baseball-ball mr-2"></i>
South Park Sports Report - Powered by Underpants Gnomes Analytics
<i class="fas fa-baseball-ball ml-2"></i>
</p>
<p class="text-sm text-gray-400">
"Oh mon dieu ! Ils ont tué Kenny !" - "You bastards !"
</p>
<div class="mt-4">
<span class="text-xs">
Source: <a href="https://www.mlb.com/news/max-kepler-phillies-win-series-over-blue-jays" class="text-blue-300 hover:underline">MLB.com</a>
</span>
</div>
</footer>
</div>
<script>
// Ajouter des effets sonores South Park (simulation)
document.addEventListener('DOMContentLoaded', function() {
const speechBubbles = document.querySelectorAll('.speech-bubble');
speechBubbles.forEach(bubble => {
bubble.addEventListener('mouseenter', function() {
this.style.transform = 'scale(1.02)';
this.style.transition = 'transform 0.2s ease';
});
bubble.addEventListener('mouseleave', function() {
this.style.transform = 'scale(1)';
});
});
});
</script>
</body>
</html>
