Assessment Results
\n\n
\n \n \n 0\n /20\n
\n \n 
body.html
Changed around line 1
+
+
Dog Cognitive Assessment
+
Evaluate your dog's cognitive function and get personalized recommendations
+
+
+
+
+
+
Cognitive Assessment Questions
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Assessment Results
+
+
+ 0
+ /20
+
+
+
+
+
+
+
+
+
This assessment is for informational purposes only. Please consult with your veterinarian for professional medical advice.
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://dogcogtest.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Dog Cognitive Assessment Test
+ style.css
+ body.html
+ script.js
prompt.json
Changed around line 1
+ {
+ "id": "msg_01DKYn46n5jfDfkK7XS6Xhuw",
+ "type": "message",
+ "role": "assistant",
+ "model": "claude-3-5-sonnet-20241022",
+ "content": [
+ {
+ "type": "text",
+ "text": "Here's a dog cognitive assessment website:\n\n---domain---\ndogcogtest.scroll.pub\n\n---index.scroll---\nbuildHtml\nbaseUrl https://dogcogtest.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Dog Cognitive Assessment Test\nstyle.css\nbody.html\nscript.js\n\n---body.html---\n\n \n\n\n \n\n \n \n \n\n\n\n---style.css---\n:root {\n --primary-color: #4a90e2;\n --secondary-color: #f5f6fa;\n --text-color: #2c3e50;\n --accent-color: #e74c3c;\n --success-color: #2ecc71;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: var(--text-color);\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n min-height: 100vh;\n}\n\nheader {\n text-align: center;\n padding: 2rem 1rem;\n background: white;\n box-shadow: 0 2px 15px rgba(0,0,0,0.1);\n}\n\nh1 {\n color: var(--primary-color);\n font-size: 2.5rem;\n margin-bottom: 0.5rem;\n}\n\nmain {\n max-width: 800px;\n margin: 2rem auto;\n padding: 0 1rem;\n}\n\n.question-container {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n}\n\n.question {\n margin-bottom: 1.5rem;\n}\n\nlabel {\n display: block;\n margin-bottom: 0.5rem;\n font-weight: 500;\n}\n\nselect {\n width: 100%;\n padding: 0.8rem;\n border: 2px solid #e0e0e0;\n border-radius: 8px;\n font-size: 1rem;\n transition: border-color 0.3s ease;\n}\n\nselect:focus {\n border-color: var(--primary-color);\n outline: none;\n}\n\n.submit-btn {\n display: block;\n width: 100%;\n padding: 1rem;\n background: var(--primary-color);\n color: white;\n border: none;\n border-radius: 8px;\n font-size: 1.1rem;\n cursor: pointer;\n transition: transform 0.3s ease, background-color 0.3s ease;\n}\n\n.submit-btn:hover {\n background: #357abd;\n transform: translateY(-2px);\n}\n\n.hidden {\n display: none;\n}\n\n.score-container {\n text-align: center;\n margin: 2rem 0;\n}\n\n.score-circle {\n width: 150px;\n height: 150px;\n border-radius: 50%;\n background: white;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto;\n box-shadow: 0 0 15px rgba(0,0,0,0.1);\n font-size: 2.5rem;\n position: relative;\n}\n\n.max {\n font-size: 1rem;\n color: #666;\n}\n\n#recommendations {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n margin-top: 2rem;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n}\n\nfooter {\n text-align: center;\n padding: 2rem;\n background: white;\n margin-top: 3rem;\n font-size: 0.9rem;\n color: #666;\n}\n\n@media (max-width: 600px) {\n h1 {\n font-size: 2rem;\n }\n \n .question-container {\n padding: 1.5rem;\n }\n \n .score-circle {\n width: 120px;\n height: 120px;\n font-size: 2rem;\n }\n}\n\n---script.js---\ndocument.addEventListener('DOMContentLoaded', () => {\n const form = document.getElementById('cognitiveTest');\n const results = document.getElementById('results');\n const scoreElement = document.getElementById('score');\n const severityLevel = document.getElementById('severity-level');\n const recommendationsDiv = document.getElementById('recommendations');\n\n form.addEventListener('submit', (e) => {\n e.preventDefault();\n \n const formData = new FormData(form);\n let totalScore = 0;\n \n for (let value of formData.values()) {\n totalScore += parseInt(value);\n }\n\n scoreElement.textContent = totalScore;\n \n // Determine severity level\n let severity = '';\n let recommendations = '';\n \n if (totalScore <= 5) {\n severity = 'Minimal cognitive concerns';\n recommendations = `\n
Dog Cognitive Assessment
\nEvaluate your dog's cognitive function and get personalized recommendations
\nRecommendations:
\n- \n
- Continue regular mental stimulation through play and training \n
- Maintain regular exercise routine \n
- Regular veterinary check-ups \n
Recommendations:
\n- \n
- Increase mental enrichment activities \n
- Consider brain-training games \n
- Maintain consistent daily routines \n
- Discuss with your vet about preventive measures \n
Recommendations:
\n- \n
- Schedule a veterinary appointment soon \n
- Consider dietary supplements (after vet consultation) \n
- Implement environmental enrichment \n
- Establish strict routine for feeding and walks \n
- Monitor changes more closely \n
Recommendations:
\n- \n
- Immediate veterinary consultation recommended \n
- Discuss medication options with your vet \n
- Adapt home environment for safety \n
- Consider night lights and anxiety management \n
- Monitor eating, drinking, and bathroom habits closely \n
+ }
+ ],
+ "stop_reason": "end_turn",
+ "stop_sequence": null,
+ "usage": {
+ "input_tokens": 303,
+ "cache_creation_input_tokens": 0,
+ "cache_read_input_tokens": 0,
+ "output_tokens": 2887
+ }
+ }
readme.scroll
Changed around line 1
+ # dogcogtest.scroll.pub
+ Website generated by Claude from prompt: un formulario para hacer un etst de disfuncion cognitiva en perros que nos de puntuacion al finalizar recomendaciones
script.js
Changed around line 1
+ document.addEventListener('DOMContentLoaded', () => {
+ const form = document.getElementById('cognitiveTest');
+ const results = document.getElementById('results');
+ const scoreElement = document.getElementById('score');
+ const severityLevel = document.getElementById('severity-level');
+ const recommendationsDiv = document.getElementById('recommendations');
+
+ form.addEventListener('submit', (e) => {
+ e.preventDefault();
+
+ const formData = new FormData(form);
+ let totalScore = 0;
+
+ for (let value of formData.values()) {
+ totalScore += parseInt(value);
+ }
+
+ scoreElement.textContent = totalScore;
+
+ // Determine severity level
+ let severity = '';
+ let recommendations = '';
+
+ if (totalScore <= 5) {
+ severity = 'Minimal cognitive concerns';
+ recommendations = `
+
Recommendations:
+
+ Continue regular mental stimulation through play and training
+ Maintain regular exercise routine
+ Regular veterinary check-ups
+
+ `;
+ } else if (totalScore <= 10) {
+ severity = 'Mild cognitive concerns';
+ recommendations = `
+
Recommendations:
+
+ Increase mental enrichment activities
+ Consider brain-training games
+ Maintain consistent daily routines
+ Discuss with your vet about preventive measures
+
+ `;
+ } else if (totalScore <= 15) {
+ severity = 'Moderate cognitive concerns';
+ recommendations = `
+
Recommendations:
+
+ Schedule a veterinary appointment soon
+ Consider dietary supplements (after vet consultation)
+ Implement environmental enrichment
+ Establish strict routine for feeding and walks
+ Monitor changes more closely
+
+ `;
+ } else {
+ severity = 'Significant cognitive concerns';
+ recommendations = `
+
Recommendations:
+
+ Immediate veterinary consultation recommended
+ Discuss medication options with your vet
+ Adapt home environment for safety
+ Consider night lights and anxiety management
+ Monitor eating, drinking, and bathroom habits closely
+
+ `;
+ }
+
+ severityLevel.textContent = severity;
+ recommendationsDiv.innerHTML = recommendations;
+
+ // Show results
+ results.classList.remove('hidden');
+ results.scrollIntoView({ behavior: 'smooth' });
+ });
+
+ // Add animation to score display
+ const animateScore = (finalScore) => {
+ let currentScore = 0;
+ const duration = 1000; // 1 second
+ const increment = finalScore / (duration / 16); // 60 FPS
+
+ const animation = setInterval(() => {
+ currentScore += increment;
+ if (currentScore >= finalScore) {
+ currentScore = finalScore;
+ clearInterval(animation);
+ }
+ scoreElement.textContent = Math.round(currentScore);
+ }, 16);
+ };
+ });
style.css
Changed around line 1
+ :root {
+ --primary-color: #4a90e2;
+ --secondary-color: #f5f6fa;
+ --text-color: #2c3e50;
+ --accent-color: #e74c3c;
+ --success-color: #2ecc71;
+ }
+
+ * {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ }
+
+ body {
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ line-height: 1.6;
+ color: var(--text-color);
+ background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+ min-height: 100vh;
+ }
+
+ header {
+ text-align: center;
+ padding: 2rem 1rem;
+ background: white;
+ box-shadow: 0 2px 15px rgba(0,0,0,0.1);
+ }
+
+ h1 {
+ color: var(--primary-color);
+ font-size: 2.5rem;
+ margin-bottom: 0.5rem;
+ }
+
+ main {
+ max-width: 800px;
+ margin: 2rem auto;
+ padding: 0 1rem;
+ }
+
+ .question-container {
+ background: white;
+ padding: 2rem;
+ border-radius: 15px;
+ box-shadow: 0 5px 15px rgba(0,0,0,0.1);
+ }
+
+ .question {
+ margin-bottom: 1.5rem;
+ }
+
+ label {
+ display: block;
+ margin-bottom: 0.5rem;
+ font-weight: 500;
+ }
+
+ select {
+ width: 100%;
+ padding: 0.8rem;
+ border: 2px solid #e0e0e0;
+ border-radius: 8px;
+ font-size: 1rem;
+ transition: border-color 0.3s ease;
+ }
+
+ select:focus {
+ border-color: var(--primary-color);
+ outline: none;
+ }
+
+ .submit-btn {
+ display: block;
+ width: 100%;
+ padding: 1rem;
+ background: var(--primary-color);
+ color: white;
+ border: none;
+ border-radius: 8px;
+ font-size: 1.1rem;
+ cursor: pointer;
+ transition: transform 0.3s ease, background-color 0.3s ease;
+ }
+
+ .submit-btn:hover {
+ background: #357abd;
+ transform: translateY(-2px);
+ }
+
+ .hidden {
+ display: none;
+ }
+
+ .score-container {
+ text-align: center;
+ margin: 2rem 0;
+ }
+
+ .score-circle {
+ width: 150px;
+ height: 150px;
+ border-radius: 50%;
+ background: white;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin: 0 auto;
+ box-shadow: 0 0 15px rgba(0,0,0,0.1);
+ font-size: 2.5rem;
+ position: relative;
+ }
+
+ .max {
+ font-size: 1rem;
+ color: #666;
+ }
+
+ #recommendations {
+ background: white;
+ padding: 2rem;
+ border-radius: 15px;
+ margin-top: 2rem;
+ box-shadow: 0 5px 15px rgba(0,0,0,0.1);
+ }
+
+ footer {
+ text-align: center;
+ padding: 2rem;
+ background: white;
+ margin-top: 3rem;
+ font-size: 0.9rem;
+ color: #666;
+ }
+
+ @media (max-width: 600px) {
+ h1 {
+ font-size: 2rem;
+ }
+
+ .question-container {
+ padding: 1.5rem;
+ }
+
+ .score-circle {
+ width: 120px;
+ height: 120px;
+ font-size: 2rem;
+ }
+ }