concepts.scroll
Changed around line 1
+ measures.parsers
+
+ id ScrollParser
+ type parser
+ complexity 7
+ popularity 85
+ maintained true
+ version 2.1.0
+
+ id ScrollCMS
+ type framework
+ complexity 8
+ popularity 92
+ maintained true
+ version 3.0.1
+
+ id ScrollTemplate
+ type template
+ complexity 4
+ popularity 78
+ maintained true
+ version 1.2.0
+
+ id ScrollDocs
+ type documentation
+ complexity 3
+ popularity 95
+ maintained true
+ version 4.0.0
+
+ id ScrollBuilder
+ type tool
+ complexity 6
+ popularity 88
+ maintained true
+ version 2.4.2
index.scroll
Changed around line 1
+ title Scroll Hub - Central Repository for Scroll Resources
+ header.scroll
+
+ # Welcome to Scroll Hub
+
+ Your central repository for all things Scroll - from documentation to tools and templates.
+
+ ## Featured Resources
+
+ Browse our curated collection of Scroll resources, tools, and documentation to enhance your development workflow.
+
+ concepts.scroll
+ concepts
+ printTable
+
+ ## Get Started
+
+ New to Scroll? Check out our [documentation](/docs) to get started quickly.
+
+ footer.scroll
measures.parsers
Changed around line 1
+ idParser
+ extends abstractIdParser
+ typeParser
+ extends abstractStringMeasureParser
+ description The type/category of scroll resource (documentation, tool, template, etc.)
+ complexityParser
+ extends abstractIntegerMeasureParser
+ description How complex the resource is on a scale of 1-10
+ popularityParser
+ extends abstractIntegerMeasureParser
+ description Relative popularity score from 1-100
+ maintainedParser
+ extends abstractBooleanMeasureParser
+ description Whether the resource is actively maintained
+ versionParser
+ extends abstractStringMeasureParser
+ description Current version number of the resource
prompt.json
Changed around line 1
+ {
+ "id": "msg_01Ev7ZtQYLUgYPhbNSGzWVZp",
+ "type": "message",
+ "role": "assistant",
+ "model": "claude-3-5-sonnet-20241022",
+ "content": [
+ {
+ "type": "text",
+ "text": "I'll help create a knowledge base for a \"scroll hub\" - a central repository of scroll-related information and resources.\n\n---domain---\nscrollhub.scroll.pub\n\n---measures.parsers---\nidParser\n extends abstractIdParser\ntypeParser\n extends abstractStringMeasureParser\n description The type/category of scroll resource (documentation, tool, template, etc.)\ncomplexityParser\n extends abstractIntegerMeasureParser\n description How complex the resource is on a scale of 1-10\npopularityParser\n extends abstractIntegerMeasureParser\n description Relative popularity score from 1-100\nmaintainedParser\n extends abstractBooleanMeasureParser\n description Whether the resource is actively maintained\nversionParser\n extends abstractStringMeasureParser\n description Current version number of the resource\n\n---concepts.scroll---\nmeasures.parsers\n\nid ScrollParser\ntype parser\ncomplexity 7\npopularity 85\nmaintained true\nversion 2.1.0\n\nid ScrollCMS\ntype framework\ncomplexity 8\npopularity 92\nmaintained true\nversion 3.0.1\n\nid ScrollTemplate\ntype template\ncomplexity 4\npopularity 78\nmaintained true\nversion 1.2.0\n\nid ScrollDocs\ntype documentation\ncomplexity 3\npopularity 95\nmaintained true\nversion 4.0.0\n\nid ScrollBuilder\ntype tool\ncomplexity 6\npopularity 88\nmaintained true\nversion 2.4.2\n\n---index.scroll---\ntitle Scroll Hub - Central Repository for Scroll Resources\nheader.scroll\n\n# Welcome to Scroll Hub\n\nYour central repository for all things Scroll - from documentation to tools and templates.\n\n## Featured Resources\n\nBrowse our curated collection of Scroll resources, tools, and documentation to enhance your development workflow.\n\nconcepts.scroll\nconcepts\n printTable\n\n## Get Started\n\nNew to Scroll? Check out our [documentation](/docs) to get started quickly.\n\nfooter.scroll\n\n---style.css---\n:root {\n --primary: #2a4365;\n --secondary: #4299e1;\n --background: #f7fafc;\n --text: #2d3748;\n --accent: #667eea;\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(--text);\n background: var(--background);\n}\n\nheader {\n background: var(--primary);\n color: white;\n padding: 2rem;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\nmain {\n max-width: 1200px;\n margin: 0 auto;\n padding: 2rem;\n}\n\nh1, h2 {\n color: var(--primary);\n margin-bottom: 1.5rem;\n}\n\ntable {\n width: 100%;\n border-collapse: collapse;\n margin: 2rem 0;\n background: white;\n border-radius: 8px;\n overflow: hidden;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\n}\n\nth, td {\n padding: 1rem;\n text-align: left;\n border-bottom: 1px solid #edf2f7;\n}\n\nth {\n background: var(--secondary);\n color: white;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\ntr:hover {\n background: #f8fafc;\n}\n\n@media (max-width: 768px) {\n table {\n display: block;\n overflow-x: auto;\n }\n \n header {\n padding: 1rem;\n }\n \n main {\n padding: 1rem;\n }\n}\n\n.button {\n display: inline-block;\n padding: 0.5rem 1rem;\n background: var(--accent);\n color: white;\n text-decoration: none;\n border-radius: 4px;\n transition: all 0.3s ease;\n}\n\n.button:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n---script.js---\ndocument.addEventListener('DOMContentLoaded', () => {\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 hover effects\n const tableRows = document.querySelectorAll('tr');\n tableRows.forEach(row => {\n row.addEventListener('mouseenter', () => {\n row.style.transform = 'scale(1.01)';\n row.style.transition = 'all 0.3s ease';\n });\n row.addEventListener('mouseleave', () => {\n row.style.transform = 'scale(1)';\n });\n });\n});\n\n---end---"
+ }
+ ],
+ "stop_reason": "end_turn",
+ "stop_sequence": null,
+ "usage": {
+ "input_tokens": 695,
+ "cache_creation_input_tokens": 0,
+ "cache_read_input_tokens": 0,
+ "output_tokens": 1336
+ }
+ }
readme.scroll
Changed around line 1
+ # scrollhub.scroll.pub
+
+ Prompt: database
+ Agent: claude
+ Model: claude-3-5-sonnet-20241022
+
+ ## User prompt
+ scroll hub
+
+ ## System prompt
+ You are an expert web, scroll, and knowledge base developer. Create a knowledge base using ScrollSets based on this request: "scroll hub"
+
+ ScrollSets use the Particles, Parsers, and Scroll stack to define measures, and then encode concepts using those measures.
+
+ For example:
+
+ ---measures.parsers---
+ idParser
+ extends abstractIdParser
+ organismParser
+ extends abstractStringMeasureParser
+ description The organism name mainly associated with the organelle such as human, plant, whale, etc.
+ diameterParser
+ extends abstractIntegerMeasureParser
+ description The diameter of the organelle in nanometers
+ lowParser
+ extends abstractIntegerMeasureParser
+ description For cells that have this kind of organelle, how many are usually found on the low end?
+ medianParser
+ extends abstractIntegerMeasureParser
+ description For cells that have this kind of organelle, how many are usually found in the median?
+ highParser
+ extends abstractIntegerMeasureParser
+ description For cells that have this kind of organelle, how many are usually found on the high end?
+
+ ---concepts.scroll---
+ measures.parsers
+
+ id Mitochondria
+ organism human
+ diameter 1000
+ low 200
+ median 500
+ high 2000
+
+ id Chloroplast
+ organism plant
+ diameter 6000
+ low 20
+ median 40
+ high 100
+
+ id Nucleus
+ organism human
+ diameter 6000
+ low 1
+ median 1
+ high 2
+
+ ---
+
+ Requirements:
+ - Create 5 - 7 measures. The most important things about this topic.
+ - Write 5 concepts. The most important concepts in this topic.
+ - Build a nice homepage iterating over the data.
+ - Use only Scroll, CSS, and JavaScript (NO frameworks, NO external dependencies)
+ - Create clean, semantic HTML5
+ - Make it mobile-responsive
+ - Follow modern best practices and accessibility guidelines
+ - Keep it simple but professional
+ - Use only relative links and no external resources
+ - Do not put a copyright symbol or all rights reserved in the footer.
+ - Make it beautiful. Dazzling. Advanced used of CSS.
+
+ First suggest a short, memorable domain name ending in scroll.pub that represents this website. Then provide the website files. Use this exact format:
+
+ ---domain---
+ (domainscroll.pub here)
+ ---measures.parsers---
+ (put measures here)
+ ---concepts.scroll---
+ (put concepts here)
+ ---index.scroll---
+ title (database title here)
+ header.scroll
+ (content here)
+ concepts.scroll
+ concepts
+ printTable
+ footer.scroll
+ ---header.scroll---
+ importOnly
+ buildHtml
+ homeButton
+ metaTags
+ editButton
+ editBaseUrl /edit.html?folderName=(domainscroll.pub here)&fileName=
+ metaTags
+ style.css
+ script.js
+ ---footer.scroll---
+ importOnly
+ center
+ scrollVersionLink
+ ---style.css---
+ (CSS content here)
+ ---script.js---
+ (JavaScript content here)
+ ---end---
script.js
Changed around line 1
+ document.addEventListener('DOMContentLoaded', () => {
+ // 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 hover effects
+ const tableRows = document.querySelectorAll('tr');
+ tableRows.forEach(row => {
+ row.addEventListener('mouseenter', () => {
+ row.style.transform = 'scale(1.01)';
+ row.style.transition = 'all 0.3s ease';
+ });
+ row.addEventListener('mouseleave', () => {
+ row.style.transform = 'scale(1)';
+ });
+ });
+ });
style.css
Changed around line 1
+ :root {
+ --primary: #2a4365;
+ --secondary: #4299e1;
+ --background: #f7fafc;
+ --text: #2d3748;
+ --accent: #667eea;
+ }
+
+ * {
+ 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(--text);
+ background: var(--background);
+ }
+
+ header {
+ background: var(--primary);
+ color: white;
+ padding: 2rem;
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ }
+
+ main {
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 2rem;
+ }
+
+ h1, h2 {
+ color: var(--primary);
+ margin-bottom: 1.5rem;
+ }
+
+ table {
+ width: 100%;
+ border-collapse: collapse;
+ margin: 2rem 0;
+ background: white;
+ border-radius: 8px;
+ overflow: hidden;
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+ }
+
+ th, td {
+ padding: 1rem;
+ text-align: left;
+ border-bottom: 1px solid #edf2f7;
+ }
+
+ th {
+ background: var(--secondary);
+ color: white;
+ font-weight: 600;
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ }
+
+ tr:hover {
+ background: #f8fafc;
+ }
+
+ @media (max-width: 768px) {
+ table {
+ display: block;
+ overflow-x: auto;
+ }
+
+ header {
+ padding: 1rem;
+ }
+
+ main {
+ padding: 1rem;
+ }
+ }
+
+ .button {
+ display: inline-block;
+ padding: 0.5rem 1rem;
+ background: var(--accent);
+ color: white;
+ text-decoration: none;
+ border-radius: 4px;
+ transition: all 0.3s ease;
+ }
+
+ .button:hover {
+ transform: translateY(-2px);
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ }