commit fc4f380bea36bc677d5edbea4e20e41b9fedbe96
Author: ffff:12.186.22.250 <ffff:12.186.22.250@hub.scroll.pub>
Date: 2025-01-09 16:30:54 +0000
Subject: updated index.scroll
diff --git a/index.scroll b/index.scroll
index 85afcd0..1a96476 100644
--- a/index.scroll
+++ b/index.scroll
@@ -1,6 +1,8 @@
title Mitochondrial Dye Database
header.scroll
+container
+
# Mitochondrial Dye Database
## A comprehensive resource for mitochondrial imaging agents
@@ -11,7 +13,6 @@ section
section
class features
- columns 2
# Key Features
- Live and fixed cell compatible options
- Precise excitation/emission data
commit 06a08540b54b1a2c2068e71fa6f96625e8336c37
Author: ffff:12.186.22.250 <ffff:12.186.22.250@mitodyes.scroll.pub>
Date: 2025-01-09 16:30:37 +0000
Subject: updated header.scroll
diff --git a/header.scroll b/header.scroll
index 0c874c3..bd29341 100644
--- a/header.scroll
+++ b/header.scroll
@@ -6,4 +6,5 @@ editButton
editBaseUrl /edit.html?&fileName=
metaTags
style.css
-script.js
\ No newline at end of file
+script.js
+container
\ No newline at end of file
commit 5cd8a5a4b6097f92d9f834379e141bb7b26d6d9f
Author: ffff:12.186.22.250 <ffff:12.186.22.250@mitodyes.scroll.pub>
Date: 2025-01-09 16:30:34 +0000
Subject: updated index.scroll
diff --git a/index.scroll b/index.scroll
index 2c1e5bb..85afcd0 100644
--- a/index.scroll
+++ b/index.scroll
@@ -1,8 +1,6 @@
title Mitochondrial Dye Database
header.scroll
-container
-
# Mitochondrial Dye Database
## A comprehensive resource for mitochondrial imaging agents
commit 2f466cf1007175c1f014930807e7f7cf384b31e0
Author: ffff:12.186.22.250 <ffff:12.186.22.250@hub.scroll.pub>
Date: 2025-01-09 16:30:24 +0000
Subject: updated index.scroll
diff --git a/index.scroll b/index.scroll
index 85afcd0..2c1e5bb 100644
--- a/index.scroll
+++ b/index.scroll
@@ -1,6 +1,8 @@
title Mitochondrial Dye Database
header.scroll
+container
+
# Mitochondrial Dye Database
## A comprehensive resource for mitochondrial imaging agents
commit 7e930697b3620c4003666e7cc6cdaf357256c6a0
Author: ffff:12.186.22.250 <ffff:12.186.22.250@hub.scroll.pub>
Date: 2025-01-09 16:29:44 +0000
Subject: updated index.scroll
diff --git a/index.scroll b/index.scroll
index 0c18274..85afcd0 100644
--- a/index.scroll
+++ b/index.scroll
@@ -9,7 +9,6 @@ section
# 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
@@ -30,4 +29,4 @@ concepts.scroll
concepts
printTable
-footer.scroll
+
commit 35ce5f55cd5910509152c4caa82cd809576f0eb1
Author: ffff:12.186.22.250 <ffff:12.186.22.250@hub.scroll.pub>
Date: 2025-01-09 16:29:27 +0000
Subject: updated index.scroll
diff --git a/index.scroll b/index.scroll
index 62f7972..0c18274 100644
--- a/index.scroll
+++ b/index.scroll
@@ -9,6 +9,7 @@ section
# 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
commit 84e05aedd32e152e36abe8dff039a7a960a7d6f6
Author: ffff:12.186.22.250 <ffff:12.186.22.250@hub.scroll.pub>
Date: 2025-01-09 16:05:11 +0000
Subject: updated header.scroll
diff --git a/header.scroll b/header.scroll
index e69de29..0c874c3 100644
--- a/header.scroll
+++ b/header.scroll
@@ -0,0 +1,9 @@
+importOnly
+buildHtml
+homeButton
+metaTags
+editButton
+editBaseUrl /edit.html?&fileName=
+metaTags
+style.css
+script.js
\ No newline at end of file
commit 223585704239416610825b2eb1bece49fb0599ae
Author: ffff:12.186.22.250 <ffff:12.186.22.250@hub.scroll.pub>
Date: 2025-01-09 16:05:09 +0000
Subject: created header.scroll
diff --git a/header.scroll b/header.scroll
new file mode 100644
index 0000000..e69de29
commit 3c854c02051ce94812737e8f3f156ea34e632f47
Author: root <root@hub.scroll.pub>
Date: 2025-01-09 16:03:23 +0000
Subject: Initial commit
diff --git a/concepts.scroll b/concepts.scroll
new file mode 100644
index 0000000..074d83c
--- /dev/null
+++ b/concepts.scroll
@@ -0,0 +1,36 @@
+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
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..62f7972
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,32 @@
+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
diff --git a/measures.parsers b/measures.parsers
new file mode 100644
index 0000000..cca9339
--- /dev/null
+++ b/measures.parsers
@@ -0,0 +1,17 @@
+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
diff --git a/prompt.json b/prompt.json
new file mode 100644
index 0000000..cf38a61
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,20 @@
+{
+ "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
+ }
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..0241946
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,3 @@
+# mitodyes.scroll.pub
+
+database generated by Claude from prompt: A database of all the dyes for staining and imaging mitochondria
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..54b8532
--- /dev/null
+++ b/script.js
@@ -0,0 +1,37 @@
+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));
+}
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..7a1e688
--- /dev/null
+++ b/style.css
@@ -0,0 +1,82 @@
+: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;
+ }
+}