Interactive Mediterranean Food Pyramid 🏺
🏺 Interactive Mediterranean Food Pyramid
Click each pyramid layer to discover daily serving recommendations and authentic Mediterranean recipes
Your Mediterranean Journey
0% CompleteSelect food groups to build your Mediterranean lifestyle plan
🐟 Fish & Seafood
2-3 times per week
🫒 Olive Oil
Primary cooking fat
🌾 Grains & Legumes
6-8 servings daily
🍎 Fruits & Nuts
3-4 servings daily
🥬 Vegetables
5-9 servings daily – Foundation of every meal
🏺
Explore the Pyramid
Click on any layer to discover serving recommendations and authentic Mediterranean recipes.
Your Mediterranean Plan
`);
printWindow.document.close();
printWindow.print();
}function shareSummary() {
const selectedNames = Array.from(selectedGroups).map(group => foodGroups[group].name);
const shareText = `🏺 My Mediterranean Food Pyramid Plan:\n\nSelected Food Groups: ${selectedNames.join(', ')}\n\nCompletion: ${Math.round((selectedGroups.size / 6) * 100)}%\n\nStart your Mediterranean journey today!`;
if (navigator.share) {
navigator.share({
title: 'My Mediterranean Food Pyramid Plan',
text: shareText
});
} else {
navigator.clipboard.writeText(shareText).then(() => {
alert('Plan copied to clipboard! You can now paste it anywhere to share.');
});
}
}// Close summary panel when clicking outside
document.addEventListener('click', function(e) {
const panel = document.getElementById('summary-panel');
if (panel.classList.contains('open') && !panel.contains(e.target) && e.target.id !== 'summary-btn') {
closeSummary();
}
});