commit 7dc7f94c79d0cf8e78f7876a814fa95524450bec
Author: root <root@hub.scroll.pub>
Date: 2024-12-28 11:33:51 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..ebd2895
--- /dev/null
+++ b/body.html
@@ -0,0 +1,24 @@
+<header>
+ <h1>Family Tree</h1>
+</header>
+<main>
+ <div class="tree">
+ <div class="generation">
+ <div class="person grandfather">Grandfather</div>
+ <div class="person grandmother">Grandmother</div>
+ </div>
+ <div class="connector"></div>
+ <div class="generation">
+ <div class="person father">Father</div>
+ <div class="person mother">Mother</div>
+ </div>
+ <div class="connector"></div>
+ <div class="generation">
+ <div class="person brother">Brother</div>
+ <div class="person sister">Sister</div>
+ </div>
+ </div>
+</main>
+<footer>
+ <p>Explore your family history</p>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..6caef59
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://familytree.scroll.pub
+metaTags
+editButton /edit.html
+title Family Tree Visualization
+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..7c4d094
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "87f232a8-92d5-4eb6-be9b-8effc3f182f8",
+ "object": "chat.completion",
+ "created": 1735385621,
+ "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 Visualization\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>Family Tree</h1>\n</header>\n<main>\n <div class=\"tree\">\n <div class=\"generation\">\n <div class=\"person grandfather\">Grandfather</div>\n <div class=\"person grandmother\">Grandmother</div>\n </div>\n <div class=\"connector\"></div>\n <div class=\"generation\">\n <div class=\"person father\">Father</div>\n <div class=\"person mother\">Mother</div>\n </div>\n <div class=\"connector\"></div>\n <div class=\"generation\">\n <div class=\"person brother\">Brother</div>\n <div class=\"person sister\">Sister</div>\n </div>\n </div>\n</main>\n<footer>\n <p>Explore your family history</p>\n</footer>\n---style.css---\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n}\n\nheader {\n background: #2c3e50;\n color: white;\n padding: 2rem;\n text-align: center;\n}\n\nmain {\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 2rem;\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 gap: 2rem;\n margin-bottom: 2rem;\n}\n\n.person {\n background: white;\n padding: 1.5rem 2rem;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n text-align: center;\n font-weight: bold;\n transition: transform 0.3s ease;\n}\n\n.person:hover {\n transform: translateY(-5px);\n}\n\n.connector {\n width: 2px;\n height: 50px;\n background: #2c3e50;\n margin: 1rem 0;\n}\n\nfooter {\n background: #2c3e50;\n color: white;\n text-align: center;\n padding: 1rem;\n}\n\n@media (max-width: 768px) {\n .generation {\n flex-direction: column;\n gap: 1rem;\n }\n\n .person {\n width: 100%;\n max-width: 300px;\n }\n}\n---script.js---\n// No JavaScript needed for this simple family tree visualization\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 272,
+ "completion_tokens": 696,
+ "total_tokens": 968,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 272
+ },
+ "system_fingerprint": "fp_f1afce2943"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..8863e22
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# familytree7.scroll.pub
+Website generated by DeepSeek from prompt: Generate a family tree by displaying on the same horizontal line grandfather and grandmother. Under it on an other vertical line display mother and father. Under it on an other vertical line display brother and sister.
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..3bca7e6
--- /dev/null
+++ b/script.js
@@ -0,0 +1 @@
+// No JavaScript needed for this simple family tree visualization
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..b139c36
--- /dev/null
+++ b/style.css
@@ -0,0 +1,83 @@
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+body {
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ line-height: 1.6;
+ color: #333;
+ background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+ min-height: 100vh;
+ display: flex;
+ flex-direction: column;
+}
+
+header {
+ background: #2c3e50;
+ color: white;
+ padding: 2rem;
+ text-align: center;
+}
+
+main {
+ flex: 1;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 2rem;
+}
+
+.tree {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+.generation {
+ display: flex;
+ justify-content: center;
+ gap: 2rem;
+ margin-bottom: 2rem;
+}
+
+.person {
+ background: white;
+ padding: 1.5rem 2rem;
+ border-radius: 10px;
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ text-align: center;
+ font-weight: bold;
+ transition: transform 0.3s ease;
+}
+
+.person:hover {
+ transform: translateY(-5px);
+}
+
+.connector {
+ width: 2px;
+ height: 50px;
+ background: #2c3e50;
+ margin: 1rem 0;
+}
+
+footer {
+ background: #2c3e50;
+ color: white;
+ text-align: center;
+ padding: 1rem;
+}
+
+@media (max-width: 768px) {
+ .generation {
+ flex-direction: column;
+ gap: 1rem;
+ }
+
+ .person {
+ width: 100%;
+ max-width: 300px;
+ }
+}
\ No newline at end of file