commit ee861c18c516fbef7ead59820509653e1252305c
Author: root <root@hub.scroll.pub>
Date: 2025-01-06 02:53:17 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..a4e6572
--- /dev/null
+++ b/body.html
@@ -0,0 +1,13 @@
+<main class="container">
+ <div class="hero">
+ <h1 class="title">Hello World</h1>
+ <div class="animation-container">
+ <div class="circle circle-1"></div>
+ <div class="circle circle-2"></div>
+ <div class="circle circle-3"></div>
+ </div>
+ </div>
+ <footer class="footer">
+ <p>Made with ❤️ by the Scroll community</p>
+ </footer>
+</main>
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..0dd42ea
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://helloworld.scroll.pub
+metaTags
+editButton /edit.html
+title Hello World - A Colorful and Creative Experience
+style.css
+body.html
+script.js
diff --git a/prompt.json b/prompt.json
new file mode 100644
index 0000000..dd79668
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "9cab7a02-7fd1-4092-8ad9-3319f26a7ecf",
+ "object": "chat.completion",
+ "created": 1736131979,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\nhelloworld.scroll.pub\n\n---index.scroll---\nbuildHtml\nbaseUrl https://helloworld.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Hello World - A Colorful and Creative Experience\nstyle.css\nbody.html\nscript.js\n\n---body.html---\n<main class=\"container\">\n <div class=\"hero\">\n <h1 class=\"title\">Hello World</h1>\n <div class=\"animation-container\">\n <div class=\"circle circle-1\"></div>\n <div class=\"circle circle-2\"></div>\n <div class=\"circle circle-3\"></div>\n </div>\n </div>\n <footer class=\"footer\">\n <p>Made with ❤️ by the Scroll community</p>\n </footer>\n</main>\n\n---style.css---\n:root {\n --primary-color: #ff6b6b;\n --secondary-color: #4ecdc4;\n --tertiary-color: #ffe66d;\n --background-color: #1a1a1a;\n --text-color: #ffffff;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n background-color: var(--background-color);\n color: var(--text-color);\n font-family: 'Arial', sans-serif;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.container {\n text-align: center;\n padding: 2rem;\n}\n\n.hero {\n position: relative;\n overflow: hidden;\n padding: 2rem;\n border-radius: 20px;\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n}\n\n.title {\n font-size: 4rem;\n font-weight: bold;\n margin-bottom: 2rem;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n.animation-container {\n position: relative;\n height: 200px;\n width: 100%;\n}\n\n.circle {\n position: absolute;\n border-radius: 50%;\n animation: float 6s infinite ease-in-out;\n}\n\n.circle-1 {\n width: 100px;\n height: 100px;\n background-color: var(--tertiary-color);\n top: 20%;\n left: 10%;\n animation-delay: 0s;\n}\n\n.circle-2 {\n width: 80px;\n height: 80px;\n background-color: var(--primary-color);\n top: 50%;\n left: 50%;\n animation-delay: 2s;\n}\n\n.circle-3 {\n width: 120px;\n height: 120px;\n background-color: var(--secondary-color);\n top: 10%;\n left: 70%;\n animation-delay: 4s;\n}\n\n@keyframes float {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-20px);\n }\n}\n\n.footer {\n margin-top: 2rem;\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.7);\n}\n\n@media (max-width: 768px) {\n .title {\n font-size: 3rem;\n }\n\n .circle-1, .circle-2, .circle-3 {\n width: 80px;\n height: 80px;\n }\n}\n\n---script.js---\n// No JavaScript needed for this simple page\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 249,
+ "completion_tokens": 813,
+ "total_tokens": 1062,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 249
+ },
+ "system_fingerprint": "fp_3a5770e1b4"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..87b1816
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# helloworld.scroll.pub
+Website generated by DeepSeek from prompt: I want a webpage which will print "hello world", be colorful and creative
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..73aa4ed
--- /dev/null
+++ b/script.js
@@ -0,0 +1 @@
+// No JavaScript needed for this simple page
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..d0da8cb
--- /dev/null
+++ b/style.css
@@ -0,0 +1,109 @@
+:root {
+ --primary-color: #ff6b6b;
+ --secondary-color: #4ecdc4;
+ --tertiary-color: #ffe66d;
+ --background-color: #1a1a1a;
+ --text-color: #ffffff;
+}
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+body {
+ background-color: var(--background-color);
+ color: var(--text-color);
+ font-family: 'Arial', sans-serif;
+ min-height: 100vh;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.container {
+ text-align: center;
+ padding: 2rem;
+}
+
+.hero {
+ position: relative;
+ overflow: hidden;
+ padding: 2rem;
+ border-radius: 20px;
+ background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
+}
+
+.title {
+ font-size: 4rem;
+ font-weight: bold;
+ margin-bottom: 2rem;
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
+}
+
+.animation-container {
+ position: relative;
+ height: 200px;
+ width: 100%;
+}
+
+.circle {
+ position: absolute;
+ border-radius: 50%;
+ animation: float 6s infinite ease-in-out;
+}
+
+.circle-1 {
+ width: 100px;
+ height: 100px;
+ background-color: var(--tertiary-color);
+ top: 20%;
+ left: 10%;
+ animation-delay: 0s;
+}
+
+.circle-2 {
+ width: 80px;
+ height: 80px;
+ background-color: var(--primary-color);
+ top: 50%;
+ left: 50%;
+ animation-delay: 2s;
+}
+
+.circle-3 {
+ width: 120px;
+ height: 120px;
+ background-color: var(--secondary-color);
+ top: 10%;
+ left: 70%;
+ animation-delay: 4s;
+}
+
+@keyframes float {
+ 0%, 100% {
+ transform: translateY(0);
+ }
+ 50% {
+ transform: translateY(-20px);
+ }
+}
+
+.footer {
+ margin-top: 2rem;
+ font-size: 0.9rem;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+@media (max-width: 768px) {
+ .title {
+ font-size: 3rem;
+ }
+
+ .circle-1, .circle-2, .circle-3 {
+ width: 80px;
+ height: 80px;
+ }
+}