commit e3f696c870e6a80a707c66caaba973785a7e61aa
Author: root <root@hub.scroll.pub>
Date: 2024-12-28 11:38:24 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..19dbe0e
--- /dev/null
+++ b/body.html
@@ -0,0 +1,14 @@
+<div class="family-tree">
+ <div class="generation">
+ <div class="person grandfather">Grandfather</div>
+ <div class="person grandmother">Grandmother</div>
+ </div>
+ <div class="generation">
+ <div class="person father">Father</div>
+ <div class="person mother">Mother</div>
+ </div>
+ <div class="generation">
+ <div class="person brother">Brother</div>
+ <div class="person sister">Sister</div>
+ </div>
+</div>
\ 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..dbc41fd
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "1f75e415-a20c-403b-bc65-cc5fc09d25a9",
+ "object": "chat.completion",
+ "created": 1735385896,
+ "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<div class=\"family-tree\">\n <div class=\"generation\">\n <div class=\"person grandfather\">Grandfather</div>\n <div class=\"person grandmother\">Grandmother</div>\n </div>\n <div class=\"generation\">\n <div class=\"person father\">Father</div>\n <div class=\"person mother\">Mother</div>\n </div>\n <div class=\"generation\">\n <div class=\"person brother\">Brother</div>\n <div class=\"person sister\">Sister</div>\n </div>\n</div>\n---style.css---\nbody {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background-color: #f4f4f4;\n color: #333;\n margin: 0;\n padding: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n}\n\n.family-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-color: #fff;\n border: 1px solid #ddd;\n padding: 20px;\n margin: 0 10px;\n width: 150px;\n text-align: center;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.person:hover {\n transform: translateY(-5px);\n box-shadow: 0 4px 8px rgba(0,0,0,0.2);\n}\n\n.grandfather, .grandmother {\n background-color: #e3f2fd;\n}\n\n.father, .mother {\n background-color: #fff3e0;\n}\n\n.brother, .sister {\n background-color: #f1f8e9;\n}\n\n@media (max-width: 600px) {\n .generation {\n flex-direction: column;\n }\n\n .person {\n margin: 10px 0;\n }\n}\n---script.js---\n// JavaScript can be added here for any interactive features if needed\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 292,
+ "completion_tokens": 553,
+ "total_tokens": 845,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 292
+ },
+ "system_fingerprint": "fp_f1afce2943"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..52957bd
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# familytree9.scroll.pub
+Website generated by DeepSeek from prompt: Generate a family tree by displaying side to side at the same pixel height grandfather and grandmother. Under it on an other vertical line display mother and father side to side at the same pixel height. Under it on an other vertical line display brother and sister next to each other at the same pixel height.
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..12bb6d7
--- /dev/null
+++ b/script.js
@@ -0,0 +1 @@
+// JavaScript can be added here for any interactive features if needed
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..d417ff8
--- /dev/null
+++ b/style.css
@@ -0,0 +1,61 @@
+body {
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ background-color: #f4f4f4;
+ color: #333;
+ margin: 0;
+ padding: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+}
+
+.family-tree {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+.generation {
+ display: flex;
+ justify-content: center;
+ margin-bottom: 20px;
+}
+
+.person {
+ background-color: #fff;
+ border: 1px solid #ddd;
+ padding: 20px;
+ margin: 0 10px;
+ width: 150px;
+ text-align: center;
+ box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.person:hover {
+ transform: translateY(-5px);
+ box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+}
+
+.grandfather, .grandmother {
+ background-color: #e3f2fd;
+}
+
+.father, .mother {
+ background-color: #fff3e0;
+}
+
+.brother, .sister {
+ background-color: #f1f8e9;
+}
+
+@media (max-width: 600px) {
+ .generation {
+ flex-direction: column;
+ }
+
+ .person {
+ margin: 10px 0;
+ }
+}
\ No newline at end of file