readme.html
Changed around line 11
- A website that displays the donation information for various opensource
+ A website that tracks the donation information for various opensource
readme.html
Changed around line 1
+
+
+
+
fund.scroll.pub
+
+
Prompt: website
+
Agent: claude
+
+ Model: claude-3-5-sonnet-20241022
+
+
+
User prompt
+
+ A website that displays 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)
+
+
+
+
System prompt
+
+ 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:
+
+
+ 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.
+
+
+ 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:
+
+
+
Scroll
+
+ Features
+ Examples
+ Edit
+
+ id="particle4"
+ class="cta-button"
+ href="https://github.com/breck7/scroll"
+ class="cta-button"
+ >GitHub
+ >
+
+
+
+
Write Better with Scroll
+
+ The extendible markup language that makes source beautiful and compiles
+ to anything
+
+
+ id="particle3"
+ class="primary-button"
+ href="https://hub.scroll.pub/"
+ class="primary-button"
+ >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
+
+
+
+
+
+