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: claude
Model: claude-3-5-sonnet-20241022
A website that tracks the donation information for various opensource projects. Each project is displayed with its own image, a snapshot of the front page of their project website in a series of four columb per row. the pagehas a dark light toggle button and a modern materl style. each tile for each project floats and the user scrolls through them. the databas of projects is searchable and users can add new projects. when the user clicks on a project it open to a modal with more information about the project and links to their home page and donation page. the modal and tile will also update with the activity date for that project from wikipedia if available, (displaying active or inactive)
You are an expert web developer. Create a website based on this request: "A website that tracks the donation information for various opensource projects. Each project is displayed with its own image, a snapshot of the front page of their project website in a series of four columb per row. the pagehas a dark light toggle button and a modern materl style. each tile for each project floats and the user scrolls through them. the databas of projects is searchable and users can add new projects. when the user clicks on a project it open to a modal with more information about the project and links to their home page and donation page. the modal and tile will also update with the activity date for that project from wikipedia if available, (displaying active or inactive)"
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---