SDG Deep Dive Module
body {
font-family: 'Inter', sans-serif;
background-color: #f7fafc;
}
.sdg-icon {
cursor: pointer;
transition: transform 0.2s ease-in-out;
}
.sdg-icon:hover {
transform: scale(1.1);
}
Trip-Specific SDG Deep Dive
Preparing for our Spanish & Culture Immersion Trip in Mexico
Understanding Our Impact
Click on the icons below to learn how our trip directly contributes to these Sustainable Development Goals. Each one is a piece of the puzzle!
How We'll Contribute:
Meeting Local Entrepreneurs
Project Video Placeholder
Engaging with the Art & History of Mexico City
Our journey into Mexico City will immerse you in the rich tapestry of its history, from ancient Mesoamerican civilizations to the colonial era and the vibrant art of today. We'll explore sites like the Palacio Nacional to see the murals of Diego Rivera and visit Frida Kahlo's 'Blue House,' connecting with local guides and artists who bring this history to life. We will also engage with local communities in "Pueblos Mágicos" to learn about their cultural heritage.
Think About This:
How does understanding historical conflicts and colonial legacy contribute to promoting peace and justice today?
What role does art, like that of Frida Kahlo and Diego Rivera, play in shaping national identity and social commentary?
How does supporting local art and history guides contribute to local economies and cultural preservation?
Pre-Trip Quiz
Let's check your knowledge! This quiz is just for you to see what you know before the trip.
1. How does our visit to historical sites and museums in Mexico City align with SDG 4: Quality Education?
By providing a basic understanding of art history.
By promoting learning and cultural understanding beyond the traditional classroom setting.
By offering university credit for the trip.
2. How does the support of local guides and artisans we interact with directly contribute to SDG 8: Decent Work and Economic Growth?
It discourages mass tourism in favor of more authentic experiences.
It ensures that tourism revenue stays within the community, providing stable employment and income.
It helps local guides become more fluent in English.
3. The exploration of a "Pueblo Mágico" and its cultural heritage directly supports which aspect of the Sustainable Development Goals?
The development of new modern infrastructure.
The preservation of cultural identity and heritage from globalization.
The promotion of large-scale commercial farming.
4. During our visit, what is the most effective way we can contribute to the principles of SDG 16: Peace, Justice, and Strong Institutions?
By focusing on political debates with locals.
By learning about the historical and social context of the country and respecting local laws and customs.
By offering our opinions on local governance.
5. Why is exploring the art of figures like Frida Kahlo and Diego Rivera a crucial part of our trip from a sustainable development perspective?
It helps us understand the influence of European art on Mexican artists.
Their art often addresses social inequality and national identity, which are key themes in sustainable development.
Their works are an important part of Mexico's colonial heritage.
Submit
Try Again
Your "Why?"
Take a moment to reflect on your personal connection to this journey. Use the space below to write down your thoughts.
What are your hopes for this trip and how do you think it will change your perspective on global citizenship?
Email Your Reflection
// Data for SDG details
const sdgData = {
'4': {
title: 'SDG 4: Quality Education',
description: 'This goal aims to ensure inclusive and equitable quality education and promote lifelong learning opportunities for all. Our trip provides a unique, real-world educational experience that goes far beyond the classroom, fostering a deeper understanding of Mexico\'s rich history and diverse culture.',
contributions: [
'Engage in direct learning from local historians, artists, and community members.',
'Gain first-hand knowledge of Mexican history and cultural traditions by visiting museums and archaeological sites.',
'Develop a new perspective on global citizenship and cross-cultural communication.'
]
},
'8': {
title: 'SDG 8: Decent Work and Economic Growth',
description: 'This goal promotes inclusive and sustainable economic growth, employment, and decent work for all. By choosing locally-owned businesses and partnering with local guides and artisans, we ensure our tourism directly benefits the people and communities we visit.',
contributions: [
'Support local entrepreneurs and small businesses, from market vendors to art guides.',
'Contribute to the economic vitality of "Pueblos Mágicos" and other communities.',
'Encourage a model of tourism that provides stable, dignified employment for locals.'
]
},
'16': {
title: 'SDG 16: Peace, Justice, and Strong Institutions',
description: 'This goal focuses on promoting peaceful and inclusive societies for sustainable development. Our trip addresses this by fostering understanding and respect across cultures, and by examining the historical context that has shaped modern Mexican society.',
contributions: [
'Learn about historical conflicts and how communities have built stronger foundations for the future.',
'Engage with local perspectives to gain a nuanced understanding of social issues.',
'Contribute to a more peaceful world through cross-cultural dialogue and mutual respect.'
]
}
};const sdgIcons = document.querySelectorAll('.sdg-icon');
const sdgDetails = document.getElementById('sdg-details');
const sdgTitle = document.getElementById('sdg-title');
const sdgDescription = document.getElementById('sdg-description');
const sdgContributions = document.getElementById('sdg-contributions');
// Add event listeners to each SDG icon
sdgIcons.forEach(icon => {
icon.addEventListener('click', () => {
const sdg = icon.dataset.sdg;
const data = sdgData[sdg];
// Populate the details section with data
sdgTitle.textContent = data.title;
sdgDescription.textContent = data.description;
sdgContributions.innerHTML = '';
data.contributions.forEach(item => {
const li = document.createElement('li');
li.textContent = item;
sdgContributions.appendChild(li);
});// Show the details section
sdgDetails.classList.remove('hidden');
});
});// Quiz Logic
const quizForm = document.getElementById('quiz-form');
const quizResult = document.getElementById('quiz-result');
const resetButton = document.getElementById('reset-button');
// Use an object to store the correct answers for a more robust solution
const correctAnswers = {
q1: 'b',
q2: 'b',
q3: 'b',
q4: 'b',
q5: 'b',
};quizForm.addEventListener('submit', (e) => {
e.preventDefault();
let score = 0;
let totalQuestions = 0;
let allAnswered = true;// Loop through each question to check for answers and score
for (const questionName in correctAnswers) {
totalQuestions++;
const selectedAnswer = document.querySelector(`input[name="${questionName}"]:checked`);
if (!selectedAnswer) {
allAnswered = false;
break;
}if (selectedAnswer.value === correctAnswers[questionName]) {
score++;
}
}
if (!allAnswered) {
quizResult.classList.remove('hidden', 'bg-green-100', 'text-green-800', 'bg-orange-100', 'text-orange-800', 'bg-red-100', 'text-red-800');
quizResult.classList.add('bg-orange-100', 'text-orange-800');
quizResult.textContent = "Please answer all questions before submitting.";
return;
}// Display quiz results
quizResult.classList.remove('hidden');
let message = '';
// Reset classes
quizResult.classList.remove('bg-green-100', 'text-green-800', 'bg-red-100', 'text-red-800', 'bg-orange-100', 'text-orange-800');
if (score === totalQuestions) {
quizResult.classList.add('bg-green-100', 'text-green-800');
message = "Great job! You're ready to make an impact!";
} else if (score >= totalQuestions / 2) {
quizResult.classList.add('bg-orange-100', 'text-orange-800');
message = "You're on your way! Review the SDG sections above and try again.";
} else {
quizResult.classList.add('bg-red-100', 'text-red-800');
message = "Don't worry, that's what this module is for! Take another look at the SDG details.";
}
quizResult.textContent = `Your score is ${score}/${totalQuestions}. ${message}`;
});
// Reset button logic
resetButton.addEventListener('click', () => {
quizForm.reset(); // Clear all selected radio buttons
quizResult.classList.add('hidden'); // Hide the result message
});// Email "Your Why?" logic
const emailButton = document.getElementById('email-why-button');
const whyTextarea = document.getElementById('why-textarea');emailButton.addEventListener('click', () => {
const emailAddress = '[email protected]';
const subject = 'My Reflection on the Mexico Spanish & Culture Trip';
// Encode the textarea content for use in a URL
const body = encodeURIComponent(whyTextarea.value);// Construct the mailto link
const mailtoLink = `mailto:${emailAddress}?subject=${encodeURIComponent(subject)}&body=${body}`;// Open the user's default email client
window.location.href = mailtoLink;
});
