arXiv Paper Viewer body { font-family: Arial, sans-serif; max-width: 800px; margin: 0 auto; padding: 20px; line-height: 1.6; } input, button { font-size: 16px; padding: 10px; margin: 10px 0; } #output { border: 1px solid #ddd; padding: 20px; margin-top: 20px; white-space: pre-wrap; } .highlight-button { border: 1px solid black; background-color: red; color: black; width: auto; padding: 10px 20px; border-radius: 5px; cursor: pointer; transition: background-color 0.3s, color 0.3s; margin-top: 30px; } .highlight-button:hover { background-color: #ff6666; /* Rouge plus clair pour la surbrillance */ color: black; } arXiv Paper Viewer Run async function runProcess() { const arxivId = document.getElementById('arxivId').value; const outputDiv = document.getElementById('output'); outputDiv.innerHTML = 'Processing...'; try { const response = await axios.post('/process', { arxivId: arxivId }); const markdown = response.data; // Convert Markdown to HTML and display outputDiv.innerHTML = marked(markdown); } catch (error) { outputDiv.innerHTML = `Error: ${error.message}`; } }