Now that the first wave of the winter holidays has passed, we’ll ease back into the swing of things with a slightly delayed calcio quiz. Our normal Tuesday Trivia got subsumed by meal prepping, last-minute
shopping, gift wrapping, arguing with the Amazon AI Customer Service Rep about missing packages, and convincing ourselves it was okay to have a sixth sugar cookie.
With our bellies bloated and bank accounts wounded, we may have overlooked an incredibly strange development heading our way: for the first time ever, Daniele De Rossi will enter the Stadio Olimpico with the goal of defeating Roma. After being unceremoniously sacked by the club last fall, De Rossi wandered the calcio wilderness for several months before returning to the manager’s dugout with the Genoa Cricket and Football Club, who will travel south to face the Giallorossi on Monday.
In honor of this ever-so-strange occasion, we’re going to test your knowledge of the former Capitano Futuro‘s career in the capital.
Daniele De Rossi Quiz @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap'); body { font-family: 'Inter', sans-serif; background-color: #0A0A0A; margin: 0; padding: 0; } @keyframes shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .shimmer-effect { animation: shimmer 2s infinite; } .option-btn:disabled { cursor: default; } .fade-in { animation: fadeIn 0.5s ease-out forwards; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
const quizData = [ { question: "Against which team did Daniele De Rossi score his first professional goal for AS Roma in May 2003?", options: [ { text: "Torino", isCorrect: true, rationale: "He opened his account during a 3-1 victory against the Granata at the Stadio Olimpico." }, { text: "Lazio", isCorrect: false, rationale: "While he played many derbies, his first goal came against a different historic Italian club." }, { text: "Bari", isCorrect: false, rationale: "This match took place at home in Rome, not away in Puglia." }, { text: "Piacenza", isCorrect: false, rationale: "His debut goal occurred in a match against a team from Turin." } ] }, { question: "How many World Cup winning players were his teammates at Roma?", options: [ { text: "5", isCorrect: false, rationale: "The count is higher. He played with stars like Totti, Cafu, and others." }, { text: "7", isCorrect: true, rationale: "The 7 winners were: Totti, Perrotta, Toni, Candela, Nzonzi, Cafu, and Aldair." }, { text: "9", isCorrect: false, rationale: "The specific list of his World Cup-winning teammates totals seven." }, { text: "11", isCorrect: false, rationale: "His actual count is seven." } ] }, { question: "In April 2019, De Rossi scored his 63rd and final goal for AS Roma. Who was the opponent?", options: [ { text: "Sampdoria", isCorrect: true, rationale: "He secured the three points with a close-range finish at the Marassi stadium." }, { text: "Parma", isCorrect: false, rationale: "His final match was against Parma, but his final goal occurred a few weeks prior." }, { text: "Genoa", isCorrect: false, rationale: "He scored his final goal in the city of Genoa, but against their cross-town rivals." }, { text: "Empoli", isCorrect: false, rationale: "This opponent was not the one he faced during his final scoring appearance." } ] }, { question: "Which club did Daniele De Rossi face the most throughout his career (41 times)?", options: [ { text: "Lazio", isCorrect: false, rationale: "Despite the intensity of the Derby, he faced a Milan-based giant more frequently." }, { text: "Juventus", isCorrect: false, rationale: "While a frequent rival, he did not reach the 41-appearance mark." }, { text: "Inter Milan", isCorrect: true, rationale: "Frequent battles in Serie A and various Cups saw him face the Nerazzurri 41 times." }, { text: "Napoli", isCorrect: false, rationale: "The 'Derby del Sole' is common, but it doesn't hold the record." } ] }, { question: "Whose nose did De Rossi blood with an elbow in the 2006 World Cup?", options: [ { text: "Brian McBride", isCorrect: true, rationale: "The incident resulted in a red card and a four-match ban." }, { text: "Claudio Reyna", isCorrect: false, rationale: "Reyna was the captain, but he was not the player involved." }, { text: "Landon Donovan", isCorrect: false, rationale: "Donovan was a key attacker, but not the recipient of the elbow." }, { text: "Carlos Bocanegra", isCorrect: false, rationale: "The injury was sustained by the forward, McBride." } ] } ]; let currentQuestion = 0; let score = 0; let isAnswered = false; function initQuiz() { lucide.createIcons(); loadQuestion(); } function loadQuestion() { isAnswered = false; const q = quizData[currentQuestion]; document.getElementById('question-text').innerText = q.question; document.getElementById('question-number').innerText = `QUESTION ${currentQuestion + 1}`; document.getElementById('feedback-area').classList.add('hidden'); document.getElementById('question-area').classList.remove('hidden'); const progress = ((currentQuestion + 1) / quizData.length) * 100; document.getElementById('progress-bar').style.width = `${progress}%`; const container = document.getElementById('options-container'); container.innerHTML = ''; q.options.forEach((opt, idx) => { const btn = document.createElement('button'); btn.className = "option-btn w-full text-left p-6 rounded-3xl border border-zinc-100 bg-zinc-50/50 hover:bg-white hover:border-black hover:shadow-xl transition-all duration-300 flex justify-between items-center group"; btn.innerHTML = `
${opt.text}
`; btn.onclick = () => handleSelect(idx); container.appendChild(btn); }); if(currentQuestion === quizData.length - 1) { document.getElementById('next-btn').innerHTML = 'FINISH QUIZ
'; lucide.createIcons(); } } function handleSelect(index) { if (isAnswered) return; isAnswered = true; const q = quizData[currentQuestion]; const buttons = document.querySelectorAll('.option-btn'); const correctIndex = q.options.findIndex(o => o.isCorrect); buttons.forEach((btn, i) => { btn.disabled = true; if (i === correctIndex) { btn.classList.add('border-emerald-500', 'bg-emerald-50', 'text-emerald-900', 'scale-[1.02]', 'shadow-lg'); btn.querySelector('.icon-placeholder').innerHTML = '
'; } else if (i === index) { btn.classList.add('border-red-500', 'bg-red-50', 'text-red-900'); btn.querySelector('.icon-placeholder').innerHTML = '
'; } else { btn.classList.add('opacity-20', 'grayscale'); } }); if (q.options[index].isCorrect) score++; document.getElementById('rationale-text').innerText = q.options[index].rationale; document.getElementById('feedback-area').classList.remove('hidden'); lucide.createIcons(); } document.getElementById('next-btn').onclick = () => { if (currentQuestion + 1 { currentQuestion = 0; score = 0; document.getElementById('results-area').classList.add('hidden'); loadQuestion(); }; window.onload = initQuiz;
