concepts.scroll
Changed around line 1
+ measures.parsers
+
+ id HeartMuscle
+ cellType Cardiac Muscle Cell
+ function Heart contraction and pumping blood
+ mitoCount 5000
+ energyNeed 10
+ size 100
+
+ id LiverCell
+ cellType Hepatocyte
+ function Detoxification and protein synthesis
+ mitoCount 2000
+ energyNeed 8
+ size 20
+
+ id NerveCell
+ cellType Neuron
+ function Signal transmission
+ mitoCount 1500
+ energyNeed 7
+ size 100
+
+ id SkinCell
+ cellType Keratinocyte
+ function Skin barrier protection
+ mitoCount 200
+ energyNeed 3
+ size 30
+
+ id WhiteBlood
+ cellType Leukocyte
+ function Immune defense
+ mitoCount 600
+ energyNeed 5
+ size 15
index.scroll
Changed around line 1
+ title Cellular Mitochondria Database
+ header.scroll
+
+ # Cellular Mitochondria Distribution
+ paragraph
+ This database provides information about different cell types and their mitochondrial content. Mitochondria are the powerhouses of cells, and their quantity varies based on the energy requirements of different cell types.
+
+ ## Understanding the Data
+ paragraph
+ - Cell Type: The specific type of cell being described
+ - Function: The main role of this cell type in the body
+ - Mitochondria Count: Average number of mitochondria present
+ - Energy Need: Relative energy requirement (1-10 scale)
+ - Size: Average cell size in micrometers
+
+ concepts.scroll
+ concepts
+ printTable
+
+ footer.scroll
measures.parsers
Changed around line 1
+ idParser
+ extends abstractIdParser
+ cellTypeParser
+ extends abstractStringMeasureParser
+ description The type of cell being described
+ functionParser
+ extends abstractStringMeasureParser
+ description The primary function of this cell type
+ mitoCountParser
+ extends abstractIntegerMeasureParser
+ description Average number of mitochondria in this cell type
+ energyNeedParser
+ extends abstractIntegerMeasureParser
+ description Energy requirement level (1-10 scale)
+ sizeParser
+ extends abstractIntegerMeasureParser
+ description Average cell size in micrometers
prompt.json
Changed around line 1
+ {
+ "id": "msg_01CuNrJAotvRihtkHwsZ5B21",
+ "type": "message",
+ "role": "assistant",
+ "model": "claude-3-5-sonnet-20241022",
+ "content": [
+ {
+ "type": "text",
+ "text": "I'll help create a knowledge base for cell types and mitochondria counts.\n\n---domain---\ncellmito.scroll.pub\n\n---measures.parsers---\nidParser\n extends abstractIdParser\ncellTypeParser\n extends abstractStringMeasureParser\n description The type of cell being described\nfunctionParser\n extends abstractStringMeasureParser\n description The primary function of this cell type\nmitoCountParser\n extends abstractIntegerMeasureParser\n description Average number of mitochondria in this cell type\nenergyNeedParser\n extends abstractIntegerMeasureParser\n description Energy requirement level (1-10 scale)\nsizeParser\n extends abstractIntegerMeasureParser\n description Average cell size in micrometers\n\n---concepts.scroll---\nmeasures.parsers\n\nid HeartMuscle\ncellType Cardiac Muscle Cell\nfunction Heart contraction and pumping blood\nmitoCount 5000\nenergyNeed 10\nsize 100\n\nid LiverCell\ncellType Hepatocyte\nfunction Detoxification and protein synthesis\nmitoCount 2000\nenergyNeed 8\nsize 20\n\nid NerveCell\ncellType Neuron\nfunction Signal transmission\nmitoCount 1500\nenergyNeed 7\nsize 100\n\nid SkinCell\ncellType Keratinocyte\nfunction Skin barrier protection\nmitoCount 200\nenergyNeed 3\nsize 30\n\nid WhiteBlood\ncellType Leukocyte\nfunction Immune defense\nmitoCount 600\nenergyNeed 5\nsize 15\n\n---index.scroll---\ntitle Cellular Mitochondria Database\nheader.scroll\n\n# Cellular Mitochondria Distribution\nparagraph\n This database provides information about different cell types and their mitochondrial content. Mitochondria are the powerhouses of cells, and their quantity varies based on the energy requirements of different cell types.\n\n## Understanding the Data\nparagraph\n - Cell Type: The specific type of cell being described\n - Function: The main role of this cell type in the body\n - Mitochondria Count: Average number of mitochondria present\n - Energy Need: Relative energy requirement (1-10 scale)\n - Size: Average cell size in micrometers\n\nconcepts.scroll\nconcepts\n printTable\n\nfooter.scroll\n\n---style.css---\n:root {\n --primary-color: #2c3e50;\n --accent-color: #3498db;\n --bg-color: #f9f9f9;\n --text-color: #333;\n}\n\nbody {\n font-family: 'Segoe UI', system-ui, sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 0;\n background: var(--bg-color);\n color: var(--text-color);\n}\n\n.container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 2rem;\n}\n\nh1, h2 {\n color: var(--primary-color);\n border-bottom: 2px solid var(--accent-color);\n padding-bottom: 0.5rem;\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.1);\n border-radius: 8px;\n overflow: hidden;\n}\n\nth, td {\n padding: 1rem;\n text-align: left;\n border-bottom: 1px solid #eee;\n}\n\nth {\n background: var(--primary-color);\n color: white;\n}\n\ntr:hover {\n background: #f5f5f5;\n}\n\n@media (max-width: 768px) {\n table {\n display: block;\n overflow-x: auto;\n }\n \n .container {\n padding: 1rem;\n }\n}\n\n.hero {\n background: linear-gradient(135deg, var(--primary-color), var(--accent-color));\n color: white;\n padding: 3rem 2rem;\n margin-bottom: 2rem;\n border-radius: 8px;\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 row highlighting\n const tableRows = document.querySelectorAll('tr');\n tableRows.forEach(row => {\n row.addEventListener('mouseover', function() {\n this.style.transform = 'scale(1.01)';\n this.style.transition = 'transform 0.2s ease';\n });\n row.addEventListener('mouseout', function() {\n this.style.transform = 'scale(1)';\n });\n });\n});\n\n---end---"
+ }
+ ],
+ "stop_reason": "end_turn",
+ "stop_sequence": null,
+ "usage": {
+ "input_tokens": 699,
+ "cache_creation_input_tokens": 0,
+ "cache_read_input_tokens": 0,
+ "output_tokens": 1257
+ }
+ }
readme.scroll
Changed around line 1
+ # cellmito.scroll.pub
+
+ database generated by Claude from prompt: cell types and how many mitochondria in there
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 row highlighting
+ const tableRows = document.querySelectorAll('tr');
+ tableRows.forEach(row => {
+ row.addEventListener('mouseover', function() {
+ this.style.transform = 'scale(1.01)';
+ this.style.transition = 'transform 0.2s ease';
+ });
+ row.addEventListener('mouseout', function() {
+ this.style.transform = 'scale(1)';
+ });
+ });
+ });
style.css
Changed around line 1
+ :root {
+ --primary-color: #2c3e50;
+ --accent-color: #3498db;
+ --bg-color: #f9f9f9;
+ --text-color: #333;
+ }
+
+ body {
+ font-family: 'Segoe UI', system-ui, sans-serif;
+ line-height: 1.6;
+ margin: 0;
+ padding: 0;
+ background: var(--bg-color);
+ color: var(--text-color);
+ }
+
+ .container {
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 2rem;
+ }
+
+ h1, h2 {
+ color: var(--primary-color);
+ border-bottom: 2px solid var(--accent-color);
+ padding-bottom: 0.5rem;
+ }
+
+ table {
+ width: 100%;
+ border-collapse: collapse;
+ margin: 2rem 0;
+ background: white;
+ box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+ border-radius: 8px;
+ overflow: hidden;
+ }
+
+ th, td {
+ padding: 1rem;
+ text-align: left;
+ border-bottom: 1px solid #eee;
+ }
+
+ th {
+ background: var(--primary-color);
+ color: white;
+ }
+
+ tr:hover {
+ background: #f5f5f5;
+ }
+
+ @media (max-width: 768px) {
+ table {
+ display: block;
+ overflow-x: auto;
+ }
+
+ .container {
+ padding: 1rem;
+ }
+ }
+
+ .hero {
+ background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
+ color: white;
+ padding: 3rem 2rem;
+ margin-bottom: 2rem;
+ border-radius: 8px;
+ }