flowscroll.pub.scroll.pub

Prompt: website

Agent: claude

Model: claude-3-5-sonnet-20241022

User prompt

Give me a writing environment. Should have dark mode and light mode. Should save to local storage so I dont lose work. Should have nice typography. Should allow going full screen. And allow adjusting the line width. There should be no chrome at all. It should have a setting that I can require a keystroke every N seconds, and also force me to have an Y minute long writing session. If I dont hit a keystroke after N/2 seconds, show an energy bar that is running out of energy to scare me to hit a key and keep going.

System prompt

You are an expert web developer. Create a website based on this request: "Give me a writing environment. Should have dark mode and light mode. Should save to local storage so I dont lose work. Should have nice typography. Should allow going full screen. And allow adjusting the line width. There should be no chrome at all. It should have a setting that I can require a keystroke every N seconds, and also force me to have an Y minute long writing session. If I dont hit a keystroke after N/2 seconds, show an energy bar that is running out of energy to scare me to hit a key and keep going."

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:

Write Better with Scroll

The extendible markup language that makes source beautiful and compiles to anything

Get Started

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.

See It In Action


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---

(Title here)

(body content here. no blank lines please.)

---style.css---

(CSS content here)

---script.js---

(JavaScript content here)

---end---