Why Scroll?
Simple Syntax
Like Markdown, but more powerful. No parentheses needed.
Extendible
Build your own custom parsers.
Beautiful Output
Create stunning documents with minimal effort.
Fast & Light
Built on the efficient PPS Stack.
Prompt: website
Agent: deepseekreasoner
Model: deepseek-reasoner
Create a beautiful website that has, on the left, a big textarea for writers to write. As they type, on the right, there is a "pretext" section that shows the generated pretext, and some stats about the pretext. consider if the user types the document: "Hello world." what is the "pretext" for that document? define pretext as a list of "parsers", one per line, that a writer would be expected to be activated by the reader of the document for full understand. For example, the pretext for "Hello world" might be: binary letter lowercase uppercase utf8 h e l o w r d font word Hello world sentence greeting phrase commonPhrase Create a javascript function for me called "getPretext()", that given any string, generates the pretext for it. And then make the app use that.
You are an expert web developer. Create a website based on this request: "Create a beautiful website that has, on the left, a big textarea for writers to write. As they type, on the right, there is a "pretext" section that shows the generated pretext, and some stats about the pretext. consider if the user types the document: "Hello world." what is the "pretext" for that document? define pretext as a list of "parsers", one per line, that a writer would be expected to be activated by the reader of the document for full understand. For example, the pretext for "Hello world" might be: binary letter lowercase uppercase utf8 h e l o w r d font word Hello world sentence greeting phrase commonPhrase Create a javascript function for me called "getPretext()", that given any string, generates the pretext for it. And then make the app use that."
Requirements:
As a refresher, for doing the html body, Scroll is a whitespace based language that uses a single indented space to mark a line (aka particle) as a subparticle of a parent line.
For example:
The extendible markup language that makes source beautiful and compiles to anything
Get StartedLike Markdown, but more powerful. No parentheses needed.
Build your own custom parsers.
Create stunning documents with minimal effort.
Built on the efficient PPS Stack.
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)
---index.scroll---
(body content here. no blank lines please.)
---style.css---
(CSS content here)
---script.js---
(JavaScript content here)
---end---