commit 80f1a813509f7e051ecad8aef49fcb7675a730a6
Author: root <root@hub.scroll.pub>
Date: 2024-12-28 11:31:52 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..1c6eaad
--- /dev/null
+++ b/body.html
@@ -0,0 +1,41 @@
+<header>
+ <h1>Family Tree</h1>
+ <p>Visualize your ancestry and family connections in a beautiful, interactive way.</p>
+</header>
+
+<main>
+ <div class="tree-container">
+ <div class="tree">
+ <div class="generation">
+ <div class="person">
+ <div class="name">Grandparent 1</div>
+ <div class="info">Born: 1940</div>
+ </div>
+ <div class="person">
+ <div class="name">Grandparent 2</div>
+ <div class="info">Born: 1945</div>
+ </div>
+ </div>
+ <div class="generation">
+ <div class="person">
+ <div class="name">Parent 1</div>
+ <div class="info">Born: 1970</div>
+ </div>
+ <div class="person">
+ <div class="name">Parent 2</div>
+ <div class="info">Born: 1975</div>
+ </div>
+ </div>
+ <div class="generation">
+ <div class="person">
+ <div class="name">You</div>
+ <div class="info">Born: 2000</div>
+ </div>
+ </div>
+ </div>
+ </div>
+</main>
+
+<footer>
+ <p>Start building your family tree today.</p>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..5210352
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://familytree.scroll.pub
+metaTags
+editButton /edit.html
+title Family Tree | Visualize Your Ancestry
+style.css
+body.html
+script.js
\ No newline at end of file
diff --git a/prompt.json b/prompt.json
new file mode 100644
index 0000000..d357805
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "c9cc9224-0372-4b85-b187-41f48b46aaa9",
+ "object": "chat.completion",
+ "created": 1735385499,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\nfamilytree.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://familytree.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Family Tree | Visualize Your Ancestry\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>Family Tree</h1>\n <p>Visualize your ancestry and family connections in a beautiful, interactive way.</p>\n</header>\n\n<main>\n <div class=\"tree-container\">\n <div class=\"tree\">\n <div class=\"generation\">\n <div class=\"person\">\n <div class=\"name\">Grandparent 1</div>\n <div class=\"info\">Born: 1940</div>\n </div>\n <div class=\"person\">\n <div class=\"name\">Grandparent 2</div>\n <div class=\"info\">Born: 1945</div>\n </div>\n </div>\n <div class=\"generation\">\n <div class=\"person\">\n <div class=\"name\">Parent 1</div>\n <div class=\"info\">Born: 1970</div>\n </div>\n <div class=\"person\">\n <div class=\"name\">Parent 2</div>\n <div class=\"info\">Born: 1975</div>\n </div>\n </div>\n <div class=\"generation\">\n <div class=\"person\">\n <div class=\"name\">You</div>\n <div class=\"info\">Born: 2000</div>\n </div>\n </div>\n </div>\n </div>\n</main>\n\n<footer>\n <p>Start building your family tree today.</p>\n</footer>\n---style.css---\nbody {\n font-family: 'Arial', sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 0;\n background: #f4f4f4;\n color: #333;\n}\n\nheader {\n background: #2c3e50;\n color: #fff;\n padding: 20px 0;\n text-align: center;\n}\n\nheader h1 {\n margin: 0;\n font-size: 2.5rem;\n}\n\nheader p {\n margin: 5px 0 0;\n font-size: 1.2rem;\n}\n\nmain {\n padding: 20px;\n}\n\n.tree-container {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 20px;\n}\n\n.tree {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.generation {\n display: flex;\n justify-content: center;\n margin-bottom: 20px;\n}\n\n.person {\n background: #fff;\n border: 1px solid #ddd;\n border-radius: 8px;\n padding: 15px;\n margin: 0 10px;\n text-align: center;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.person:hover {\n transform: translateY(-5px);\n}\n\n.person .name {\n font-size: 1.2rem;\n font-weight: bold;\n margin-bottom: 5px;\n}\n\n.person .info {\n font-size: 0.9rem;\n color: #666;\n}\n\nfooter {\n background: #2c3e50;\n color: #fff;\n text-align: center;\n padding: 10px 0;\n margin-top: 20px;\n}\n\nfooter p {\n margin: 0;\n font-size: 1rem;\n}\n\n@media (max-width: 768px) {\n .generation {\n flex-direction: column;\n }\n\n .person {\n margin: 10px 0;\n }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function() {\n const persons = document.querySelectorAll('.person');\n\n persons.forEach(person => {\n person.addEventListener('click', function() {\n alert(`Clicked on: ${this.querySelector('.name').textContent}`);\n });\n });\n});\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 238,
+ "completion_tokens": 912,
+ "total_tokens": 1150,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 238
+ },
+ "system_fingerprint": "fp_f1afce2943"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..db19376
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# familytree6.scroll.pub
+Website generated by DeepSeek from prompt: Generate a family tree
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..1f73ebd
--- /dev/null
+++ b/script.js
@@ -0,0 +1,9 @@
+document.addEventListener('DOMContentLoaded', function() {
+ const persons = document.querySelectorAll('.person');
+
+ persons.forEach(person => {
+ person.addEventListener('click', function() {
+ alert(`Clicked on: ${this.querySelector('.name').textContent}`);
+ });
+ });
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..7d174fd
--- /dev/null
+++ b/style.css
@@ -0,0 +1,97 @@
+body {
+ font-family: 'Arial', sans-serif;
+ line-height: 1.6;
+ margin: 0;
+ padding: 0;
+ background: #f4f4f4;
+ color: #333;
+}
+
+header {
+ background: #2c3e50;
+ color: #fff;
+ padding: 20px 0;
+ text-align: center;
+}
+
+header h1 {
+ margin: 0;
+ font-size: 2.5rem;
+}
+
+header p {
+ margin: 5px 0 0;
+ font-size: 1.2rem;
+}
+
+main {
+ padding: 20px;
+}
+
+.tree-container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-top: 20px;
+}
+
+.tree {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+.generation {
+ display: flex;
+ justify-content: center;
+ margin-bottom: 20px;
+}
+
+.person {
+ background: #fff;
+ border: 1px solid #ddd;
+ border-radius: 8px;
+ padding: 15px;
+ margin: 0 10px;
+ text-align: center;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+ transition: transform 0.3s ease;
+}
+
+.person:hover {
+ transform: translateY(-5px);
+}
+
+.person .name {
+ font-size: 1.2rem;
+ font-weight: bold;
+ margin-bottom: 5px;
+}
+
+.person .info {
+ font-size: 0.9rem;
+ color: #666;
+}
+
+footer {
+ background: #2c3e50;
+ color: #fff;
+ text-align: center;
+ padding: 10px 0;
+ margin-top: 20px;
+}
+
+footer p {
+ margin: 0;
+ font-size: 1rem;
+}
+
+@media (max-width: 768px) {
+ .generation {
+ flex-direction: column;
+ }
+
+ .person {
+ margin: 10px 0;
+ }
+}
\ No newline at end of file