index.scroll
Changed around line 1
+ container
+
Changed around line 13: section
- columns 2
- Live and fixed cell compatible options
- Precise excitation/emission data
header.scroll
Changed around line 6: editButton
- script.js
+ script.js
+ container
index.scroll
Changed around line 1
- container
-
index.scroll
Changed around line 1
+ container
+
index.scroll
Changed around line 9: section
-
Changed around line 29: concepts.scroll
- footer.scroll
+
index.scroll
Changed around line 9: section
+
header.scroll
Changed around line 1
+ importOnly
+ buildHtml
+ homeButton
+ metaTags
+ editButton
+ editBaseUrl /edit.html?&fileName=
+ metaTags
+ style.css
+ script.js
header.scroll
concepts.scroll
Changed around line 1
+ measures.parsers
+
+ id MitoTracker_Green
+ excitation 490
+ emission 516
+ concentration 0.1
+ incubation 30
+ cellViability live
+
+ id TMRE
+ excitation 549
+ emission 574
+ concentration 0.02
+ incubation 20
+ cellViability live
+
+ id JC-1
+ excitation 514
+ emission 529
+ concentration 1.0
+ incubation 15
+ cellViability live
+
+ id MitoTracker_Red
+ excitation 579
+ emission 599
+ concentration 0.5
+ incubation 45
+ cellViability fixed
+
+ id Rhodamine_123
+ excitation 507
+ emission 529
+ concentration 0.1
+ incubation 30
+ cellViability live
index.scroll
Changed around line 1
+ title Mitochondrial Dye Database
+ header.scroll
+
+ # Mitochondrial Dye Database
+ ## A comprehensive resource for mitochondrial imaging agents
+
+ section
+ class hero
+ # Find the perfect mitochondrial dye for your research
+ p Browse our curated collection of verified mitochondrial stains and their key properties.
+
+ section
+ class features
+ columns 2
+ # Key Features
+ - Live and fixed cell compatible options
+ - Precise excitation/emission data
+ - Optimized concentrations
+ - Validated protocols
+ - Searchable database
+ - Regular updates
+
+ section
+ class mainContent
+ # Dye Database
+ p Below is a comprehensive list of mitochondrial-specific fluorescent dyes and their properties.
+
+ concepts.scroll
+ concepts
+ printTable
+
+ footer.scroll
measures.parsers
Changed around line 1
+ idParser
+ extends abstractIdParser
+ excitationParser
+ extends abstractIntegerMeasureParser
+ description Excitation wavelength in nanometers
+ emissionParser
+ extends abstractIntegerMeasureParser
+ description Emission wavelength in nanometers
+ concentrationParser
+ extends abstractFloatMeasureParser
+ description Typical working concentration in μM
+ incubationParser
+ extends abstractIntegerMeasureParser
+ description Typical incubation time in minutes
+ cellViabilityParser
+ extends abstractStringMeasureParser
+ description Whether the dye can be used with live cells
prompt.json
Changed around line 1
+ {
+ "id": "msg_011LJkrno8Y4nGDRx2eTXWX8",
+ "type": "message",
+ "role": "assistant",
+ "model": "claude-3-5-sonnet-20241022",
+ "content": [
+ {
+ "type": "text",
+ "text": "I'll help create a knowledge base for mitochondrial dyes and stains.\n\n---domain---\nmitodyes.scroll.pub\n\n---measures.parsers---\nidParser\n extends abstractIdParser\nexcitationParser\n extends abstractIntegerMeasureParser\n description Excitation wavelength in nanometers\nemissionParser\n extends abstractIntegerMeasureParser\n description Emission wavelength in nanometers\nconcentrationParser\n extends abstractFloatMeasureParser\n description Typical working concentration in μM\nincubationParser\n extends abstractIntegerMeasureParser\n description Typical incubation time in minutes\ncellViabilityParser\n extends abstractStringMeasureParser\n description Whether the dye can be used with live cells\n\n---concepts.scroll---\nmeasures.parsers\n\nid MitoTracker_Green\nexcitation 490\nemission 516\nconcentration 0.1\nincubation 30\ncellViability live\n\nid TMRE\nexcitation 549\nemission 574\nconcentration 0.02\nincubation 20\ncellViability live\n\nid JC-1\nexcitation 514\nemission 529\nconcentration 1.0\nincubation 15\ncellViability live\n\nid MitoTracker_Red\nexcitation 579\nemission 599\nconcentration 0.5\nincubation 45\ncellViability fixed\n\nid Rhodamine_123\nexcitation 507\nemission 529\nconcentration 0.1\nincubation 30\ncellViability live\n\n---index.scroll---\ntitle Mitochondrial Dye Database\nheader.scroll\n\n# Mitochondrial Dye Database\n## A comprehensive resource for mitochondrial imaging agents\n\nsection\n class hero\n # Find the perfect mitochondrial dye for your research\n p Browse our curated collection of verified mitochondrial stains and their key properties.\n\nsection\n class features\n columns 2\n # Key Features\n - Live and fixed cell compatible options\n - Precise excitation/emission data\n - Optimized concentrations\n - Validated protocols\n - Searchable database\n - Regular updates\n\nsection\n class mainContent\n # Dye Database\n p Below is a comprehensive list of mitochondrial-specific fluorescent dyes and their properties.\n\nconcepts.scroll\nconcepts\n printTable\n\nfooter.scroll\n\n---style.css---\n:root {\n --primary: #2c3e50;\n --secondary: #34495e;\n --accent: #3498db;\n --light: #ecf0f1;\n --dark: #2c3e50;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;\n line-height: 1.6;\n color: var(--dark);\n background: var(--light);\n}\n\n.hero {\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n color: white;\n padding: 4rem 2rem;\n text-align: center;\n margin-bottom: 2rem;\n}\n\n.hero h1 {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n}\n\n.features {\n padding: 2rem;\n background: white;\n border-radius: 8px;\n margin: 2rem auto;\n max-width: 1200px;\n}\n\n.mainContent {\n padding: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n}\n\ntable {\n width: 100%;\n border-collapse: collapse;\n margin: 2rem 0;\n background: white;\n box-shadow: 0 1px 3px rgba(0,0,0,0.2);\n border-radius: 8px;\n}\n\nth, td {\n padding: 1rem;\n text-align: left;\n border-bottom: 1px solid #ddd;\n}\n\nth {\n background: var(--primary);\n color: white;\n}\n\ntr:hover {\n background: #f5f5f5;\n}\n\n@media (max-width: 768px) {\n .hero h1 {\n font-size: 2rem;\n }\n \n table {\n display: block;\n overflow-x: auto;\n }\n}\n\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function() {\n // Add smooth scrolling\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n document.querySelector(this.getAttribute('href')).scrollIntoView({\n behavior: 'smooth'\n });\n });\n });\n\n // Add table sorting functionality\n const tables = document.querySelectorAll('table');\n tables.forEach(table => {\n const headers = table.querySelectorAll('th');\n headers.forEach((header, index) => {\n header.addEventListener('click', () => {\n sortTable(table, index);\n });\n header.style.cursor = 'pointer';\n });\n });\n});\n\nfunction sortTable(table, column) {\n const tbody = table.querySelector('tbody');\n const rows = Array.from(tbody.querySelectorAll('tr'));\n \n const sortedRows = rows.sort((a, b) => {\n const aCol = a.querySelector(`td:nth-child(${column + 1})`).textContent;\n const bCol = b.querySelector(`td:nth-child(${column + 1})`).textContent;\n return aCol > bCol ? 1 : -1;\n });\n\n tbody.innerHTML = '';\n sortedRows.forEach(row => tbody.appendChild(row));\n}\n\n---end---"
+ }
+ ],
+ "stop_reason": "end_turn",
+ "stop_sequence": null,
+ "usage": {
+ "input_tokens": 707,
+ "cache_creation_input_tokens": 0,
+ "cache_read_input_tokens": 0,
+ "output_tokens": 1469
+ }
+ }
readme.scroll
Changed around line 1
+ # mitodyes.scroll.pub
+
+ database generated by Claude from prompt: A database of all the dyes for staining and imaging mitochondria
script.js
Changed around line 1
+ document.addEventListener('DOMContentLoaded', function() {
+ // Add smooth scrolling
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+ anchor.addEventListener('click', function (e) {
+ e.preventDefault();
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
+ behavior: 'smooth'
+ });
+ });
+ });
+
+ // Add table sorting functionality
+ const tables = document.querySelectorAll('table');
+ tables.forEach(table => {
+ const headers = table.querySelectorAll('th');
+ headers.forEach((header, index) => {
+ header.addEventListener('click', () => {
+ sortTable(table, index);
+ });
+ header.style.cursor = 'pointer';
+ });
+ });
+ });
+
+ function sortTable(table, column) {
+ const tbody = table.querySelector('tbody');
+ const rows = Array.from(tbody.querySelectorAll('tr'));
+
+ const sortedRows = rows.sort((a, b) => {
+ const aCol = a.querySelector(`td:nth-child(${column + 1})`).textContent;
+ const bCol = b.querySelector(`td:nth-child(${column + 1})`).textContent;
+ return aCol > bCol ? 1 : -1;
+ });
+
+ tbody.innerHTML = '';
+ sortedRows.forEach(row => tbody.appendChild(row));
+ }
style.css
Changed around line 1
+ :root {
+ --primary: #2c3e50;
+ --secondary: #34495e;
+ --accent: #3498db;
+ --light: #ecf0f1;
+ --dark: #2c3e50;
+ }
+
+ * {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ }
+
+ body {
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
+ line-height: 1.6;
+ color: var(--dark);
+ background: var(--light);
+ }
+
+ .hero {
+ background: linear-gradient(135deg, var(--primary), var(--secondary));
+ color: white;
+ padding: 4rem 2rem;
+ text-align: center;
+ margin-bottom: 2rem;
+ }
+
+ .hero h1 {
+ font-size: 2.5rem;
+ margin-bottom: 1rem;
+ }
+
+ .features {
+ padding: 2rem;
+ background: white;
+ border-radius: 8px;
+ margin: 2rem auto;
+ max-width: 1200px;
+ }
+
+ .mainContent {
+ padding: 2rem;
+ max-width: 1200px;
+ margin: 0 auto;
+ }
+
+ table {
+ width: 100%;
+ border-collapse: collapse;
+ margin: 2rem 0;
+ background: white;
+ box-shadow: 0 1px 3px rgba(0,0,0,0.2);
+ border-radius: 8px;
+ }
+
+ th, td {
+ padding: 1rem;
+ text-align: left;
+ border-bottom: 1px solid #ddd;
+ }
+
+ th {
+ background: var(--primary);
+ color: white;
+ }
+
+ tr:hover {
+ background: #f5f5f5;
+ }
+
+ @media (max-width: 768px) {
+ .hero h1 {
+ font-size: 2rem;
+ }
+
+ table {
+ display: block;
+ overflow-x: auto;
+ }
+ }