Upload folder using huggingface_hub

assets/css/styles.css

@@ -0,0 +1,241 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    line-height: 1.6;
+    color: #333;
+    background-color: #f9f9f9;
+}
+
+header {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    color: white;
+    text-align: center;
+    padding: 2rem 1rem;
+    position: relative;
+}
+
+.built-with {
+    position: absolute;
+    top: 1rem;
+    left: 1rem;
+    color: rgba(255,255,255,0.9);
+    text-decoration: none;
+    font-size: 0.9rem;
+    font-weight: 500;
+    transition: color 0.3s;
+}
+
+.built-with:hover {
+    color: white;
+}
+
+header h1 {
+    font-size: 2.2rem;
+    margin-bottom: 0.5rem;
+}
+
+header p {
+    font-size: 1.1rem;
+    opacity: 0.9;
+}
+
+main {
+    max-width: 900px;
+    margin: 2rem auto;
+    padding: 0 1rem;
+}
+
+#quiz-container, #results {
+    background: white;
+    border-radius: 12px;
+    padding: 2rem;
+    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
+}
+
+h2 {
+    color: #2c3e50;
+    margin-bottom: 1.5rem;
+    border-bottom: 2px solid #ecf0f1;
+    padding-bottom: 0.5rem;
+}
+
+.question {
+    margin-bottom: 2rem;
+    padding: 1.5rem;
+    background-color: #f8f9fa;
+    border-radius: 10px;
+    border-left: 4px solid #3498db;
+}
+
+.question h3 {
+    margin-bottom: 1rem;
+    color: #2c3e50;
+}
+
+.options {
+    display: flex;
+    flex-direction: column;
+    gap: 0.8rem;
+}
+
+.option {
+    padding: 1rem;
+    background-color: white;
+    border: 1px solid #ddd;
+    border-radius: 8px;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    display: flex;
+    align-items: center;
+}
+
+.option:hover {
+    background-color: #f0f7ff;
+    border-color: #3498db;
+    transform: translateX(4px);
+}
+
+.option input[type="radio"] {
+    margin-right: 1rem;
+    accent-color: #3498db;
+}
+
+.option.correct {
+    background-color: #d4edda;
+    border-color: #28a745;
+    color: #155724;
+}
+
+.option.incorrect {
+    background-color: #f8d7da;
+    border-color: #dc3545;
+    color: #721c24;
+}
+
+#controls {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 2rem;
+}
+
+button {
+    padding: 0.8rem 1.5rem;
+    border: none;
+    border-radius: 8px;
+    cursor: pointer;
+    font-size: 1rem;
+    transition: background-color 0.3s;
+}
+
+#prev-btn, #next-btn {
+    background-color: #3498db;
+    color: white;
+}
+
+#prev-btn:hover, #next-btn:hover {
+    background-color: #2980b9;
+}
+
+#submit-btn {
+    background-color: #2ecc71;
+    color: white;
+    margin-left: auto;
+}
+
+#submit-btn:hover {
+    background-color: #27ae60;
+}
+
+#results {
+    text-align: center;
+}
+
+#score-display {
+    font-size: 1.5rem;
+    font-weight: bold;
+    color: #2c3e50;
+    margin: 1.5rem 0;
+}
+
+#feedback {
+    text-align: left;
+    margin: 2rem 0;
+    padding: 1.5rem;
+    background-color: #f8f9fa;
+    border-radius: 10px;
+    border-left: 4px solid #e74c3c;
+}
+
+#feedback p {
+    margin-bottom: 0.8rem;
+}
+
+#restart-btn {
+    background-color: #9b59b6;
+    color: white;
+    padding: 0.8rem 2rem;
+    font-size: 1rem;
+}
+
+#restart-btn:hover {
+    background-color: #8e44ad;
+}
+
+footer {
+    text-align: center;
+    padding: 2rem 1rem;
+    margin-top: 3rem;
+    color: #7f8c8d;
+    font-size: 0.9rem;
+}
+
+footer a {
+    color: #3498db;
+    text-decoration: none;
+}
+
+footer a:hover {
+    text-decoration: underline;
+}
+
+@media (max-width: 768px) {
+    header h1 {
+        font-size: 1.8rem;
+    }
+    
+    header p {
+        font-size: 1rem;
+    }
+    
+    main {
+        margin: 1rem auto;
+        padding: 0;
+    }
+    
+    #quiz-container, #results {
+        padding: 1.5rem;
+    }
+    
+    .question {
+        padding: 1rem;
+    }
+    
+    button {
+        padding: 0.7rem 1.2rem;
+        font-size: 0.9rem;
+    }
+    
+    #controls {
+        flex-direction: column;
+        gap: 1rem;
+    }
+    
+    #controls button {
+        width: 100%;
+    }
+}

assets/js/quiz.js

@@ -0,0 +1,208 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const questions = [
+        {
+            question: "What is the primary goal of Intern-S1 as described in the abstract?",
+            options: [
+                "To create a general-purpose language model for everyday tasks",
+                "To develop a specialized multimodal model for scientific research with expertise in analyzing multiple science modalities",
+                "To compete with closed-source models only in mathematical problem-solving",
+                "To build a vision-language model focused on natural images"
+            ],
+            correct: 1
+        },
+        {
+            question: "How many activated parameters and total parameters does Intern-S1 have?",
+            options: [
+                "14 billion activated, 120 billion total",
+                "28 billion activated, 241 billion total",
+                "56 billion activated, 482 billion total",
+                "10 billion activated, 80 billion total"
+            ],
+            correct: 1
+        },
+        {
+            question: "What percentage of the 5T training tokens came from scientific domains?",
+            options: [
+                "25%",
+                "50%",
+                "75%",
+                "Over 50% (specifically >2.5T tokens)"
+            ],
+            correct: 3
+        },
+        {
+            question: "What innovative technique did Intern-S1 use during its post-training reinforcement learning phase?",
+            options: [
+                "Mixture-of-Losses (MoL)",
+                "Mixture-of-Rewards (MoR)",
+                "Dynamic Reward Shaping (DRS)",
+                "Multi-task Gradient Aggregation (MGA)"
+            ],
+            correct: 1
+        },
+        {
+            question: "Which of the following scientific tasks does the paper claim Intern-S1 surpasses closed-source state-of-the-art models in?",
+            options: [
+                "Image captioning and object detection",
+                "Molecular synthesis planning, reaction condition prediction, predicting thermodynamic stabilities for crystals",
+                "Real-time video translation and voice cloning",
+                "Web navigation and e-commerce recommendation"
+            ],
+            correct: 1
+        },
+        {
+            question: "According to the introduction, why is scientific research considered important for AGI development?",
+            options: [
+                "Because it requires large amounts of labeled data",
+                "Because it drives fundamental breakthroughs in human society and demands rigorous reasoning across diverse scientific modalities",
+                "Because it relies heavily on social media data",
+                "Because it can be solved with simple rule-based systems"
+            ],
+            correct: 1
+        },
+        {
+            question: "What type of model is Intern-S1 described as?",
+            options: [
+                "A unimodal transformer model",
+                "A multimodal Mixture-of-Experts (MoE) model",
+                "A convolutional neural network for image classification",
+                "A recurrent neural network for time-series analysis"
+            ],
+            correct: 1
+        },
+        {
+            question: "What is the key limitation of current open-source models in scientific domains, according to the paper?",
+            options: [
+                "They are too slow to train",
+                "They lack sufficient computational resources",
+                "Their progress lags significantly behind popular domains like math and code, and there's a substantial gap compared to closed-source models",
+                "They don't support English"
+            ],
+            correct: 2
+        },
+        {
+            question: "Which of these benchmarks is mentioned as part of the scientific evaluation suite for Intern-S1?",
+            options: [
+                "COCO and ImageNet",
+                "SmolInstruct, ChemBench, MatBench, SFE, Physics",
+                "GLUE and SuperGLUE",
+                "MNIST and CIFAR-10"
+            ],
+            correct: 1
+        },
+        {
+            question: "Where can the Intern-S1 models be accessed?",
+            options: [
+                "GitHub.com/intern-s1",
+                "Hugging Face at https://huggingface.co/internlm/Intern-S1",
+                "OpenAI's model zoo",
+                "Google AI Hub"
+            ],
+            correct: 1
+        }
+    ];
+
+    const questionDisplay = document.getElementById('question-display');
+    const prevBtn = document.getElementById('prev-btn');
+    const nextBtn = document.getElementById('next-btn');
+    const submitBtn = document.getElementById('submit-btn');
+    const resultsSection = document.getElementById('results');
+    const scoreDisplay = document.getElementById('score-display');
+    const feedbackDiv = document.getElementById('feedback');
+    const restartBtn = document.getElementById('restart-btn');
+
+    let currentQuestion = 0;
+    let userAnswers = new Array(questions.length).fill(null);
+    let quizCompleted = false;
+
+    function renderQuestion() {
+        const q = questions[currentQuestion];
+        questionDisplay.innerHTML = `
+            <div class="question">
+                <h3>Question ${currentQuestion + 1} of ${questions.length}</h3>
+                <p>${q.question}</p>
+                <div class="options">
+                    ${q.options.map((option, index) => `
+                        <label class="option">
+                            <input type="radio" name="answer" value="${index}" ${userAnswers[currentQuestion] === index ? 'checked' : ''}>
+                            ${option}
+                        </label>
+                    `).join('')}
+                </div>
+            </div>
+        `;
+
+        // Update button states
+        prevBtn.disabled = currentQuestion === 0;
+        nextBtn.textContent = currentQuestion === questions.length - 1 ? 'Submit' : 'Next';
+        submitBtn.style.display = 'none';
+
+        // Add event listeners for answer selection
+        const radios = document.querySelectorAll('input[name="answer"]');
+        radios.forEach(radio => {
+            radio.addEventListener('change', () => {
+                userAnswers[currentQuestion] = parseInt(radio.value);
+            });
+        });
+    }
+
+    function showResults() {
+        const correctCount = userAnswers.filter((answer, index) => answer === questions[index].correct).length;
+        const scorePercentage = Math.round((correctCount / questions.length) * 100);
+
+        scoreDisplay.innerHTML = `You scored ${correctCount} out of ${questions.length} (${scorePercentage}%)`;
+
+        let feedbackHTML = '<h3>Feedback:</h3>';
+        userAnswers.forEach((answer, index) => {
+            if (answer === null) {
+                feedbackHTML += `<p><strong>Q${index + 1}</strong>: Not answered</p>`;
+            } else if (answer === questions[index].correct) {
+                feedbackHTML += `<p><strong>Q${index + 1}</strong>: ✅ Correct!</p>`;
+            } else {
+                feedbackHTML += `<p><strong>Q${index + 1}</strong>: ❌ Incorrect. The correct answer was: "${questions[index].options[questions[index].correct]}"</p>`;
+            }
+        });
+
+        feedbackDiv.innerHTML = feedbackHTML;
+        resultsSection.style.display = 'block';
+        questionDisplay.style.display = 'none';
+        document.getElementById('controls').style.display = 'none';
+    }
+
+    nextBtn.addEventListener('click', () => {
+        const selectedAnswer = document.querySelector('input[name="answer"]:checked');
+        
+        if (!selectedAnswer && !quizCompleted) {
+            alert('Please select an answer before continuing.');
+            return;
+        }
+
+        if (currentQuestion === questions.length - 1) {
+            quizCompleted = true;
+            showResults();
+        } else {
+            currentQuestion++;
+            renderQuestion();
+        }
+    });
+
+    prevBtn.addEventListener('click', () => {
+        if (currentQuestion > 0) {
+            currentQuestion--;
+            renderQuestion();
+        }
+    });
+
+    restartBtn.addEventListener('click', () => {
+        currentQuestion = 0;
+        userAnswers = new Array(questions.length).fill(null);
+        quizCompleted = false;
+        resultsSection.style.display = 'none';
+        questionDisplay.style.display = 'block';
+        document.getElementById('controls').style.display = 'flex';
+        renderQuestion();
+    });
+
+    // Initialize
+    renderQuestion();
+});

index.html

@@ -1,19 +1,43 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Intern-S1 Quiz: Understand the Scientific Multimodal Foundation Model</title>
+    <link rel="stylesheet" href="assets/css/styles.css">
+</head>
+<body>
+    <header>
+        <a href="https://huggingface.co/spaces/akhaliq/anycoder" class="built-with">Built with anycoder</a>
+        <h1>Intern-S1 Quiz</h1>
+        <p>Test your understanding of the Intern-S1 scientific multimodal foundation model paper</p>
+    </header>
+
+    <main>
+        <section id="quiz-container">
+            <div id="question-display">
+                <!-- Questions will be dynamically inserted here -->
+            </div>
+            <div id="controls">
+                <button id="prev-btn" disabled>Previous</button>
+                <button id="next-btn">Next</button>
+                <button id="submit-btn" style="display:none;">Submit Quiz</button>
+            </div>
+        </section>
+
+        <section id="results" style="display:none;">
+            <h2>Your Results</h2>
+            <p id="score-display"></p>
+            <div id="feedback"></div>
+            <button id="restart-btn">Try Again</button>
+        </section>
+    </main>
+
+    <footer>
+        <p>Based on the paper: "INTERN-S1: A SCIENTIFIC MULTIMODAL FOUNDATION MODEL" by Intern-S1 Team, Shanghai AI Laboratory</p>
+        <p><a href="https://huggingface.co/internlm/Intern-S1" target="_blank">Explore Intern-S1 on Hugging Face</a></p>
+    </footer>
+
+    <script src="assets/js/quiz.js"></script>
+</body>
+</html>