commit 1877961514f8593d365d60b72d2241ee5b5d70d4
Author: root <root@hub.scroll.pub>
Date: 2024-12-28 11:36:21 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..5443ed6
--- /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 mother">Mother</div>
+ <div class="person father">Father</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..8618122
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://familytree.scroll.pub
+metaTags
+editButton /edit.html
+title Family Tree Generator
+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..d22b24b
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "39ba2edf-57d3-4f0f-99c6-424129cd68ef",
+ "object": "chat.completion",
+ "created": 1735385773,
+ "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 Generator\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 mother\">Mother</div>\n <div class=\"person father\">Father</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: 'Arial', sans-serif;\n background-color: #f4f4f9;\n color: #333;\n margin: 0;\n padding: 0;\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 gap: 40px;\n}\n\n.generation {\n display: flex;\n justify-content: center;\n gap: 20px;\n}\n\n.person {\n background-color: #fff;\n border: 2px solid #ddd;\n border-radius: 10px;\n padding: 20px;\n text-align: center;\n width: 150px;\n box-shadow: 0 4px 8px 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(-10px);\n box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n}\n\n.grandfather, .grandmother {\n background-color: #ffcccb;\n}\n\n.mother, .father {\n background-color: #add8e6;\n}\n\n.brother, .sister {\n background-color: #90ee90;\n}\n\n@media (max-width: 600px) {\n .generation {\n flex-direction: column;\n gap: 10px;\n }\n\n .person {\n width: 100%;\n }\n}\n---script.js---\n// No JavaScript needed for this simple family tree\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 286,
+ "completion_tokens": 550,
+ "total_tokens": 836,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 286
+ },
+ "system_fingerprint": "fp_f1afce2943"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..dc1f035
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# familytree8.scroll.pub
+Website generated by DeepSeek from prompt: Generate a family tree by displaying on the same horizontal line side to side grandfather and grandmother. Under it on an other vertical line display side to side mother and father. Under it on an other vertical line display side to side brother and sister(same pixel height).
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..d2fb115
--- /dev/null
+++ b/script.js
@@ -0,0 +1 @@
+// No JavaScript needed for this simple family tree
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..6931756
--- /dev/null
+++ b/style.css
@@ -0,0 +1,63 @@
+body {
+ font-family: 'Arial', sans-serif;
+ background-color: #f4f4f9;
+ color: #333;
+ margin: 0;
+ padding: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+}
+
+.family-tree {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 40px;
+}
+
+.generation {
+ display: flex;
+ justify-content: center;
+ gap: 20px;
+}
+
+.person {
+ background-color: #fff;
+ border: 2px solid #ddd;
+ border-radius: 10px;
+ padding: 20px;
+ text-align: center;
+ width: 150px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.person:hover {
+ transform: translateY(-10px);
+ box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
+}
+
+.grandfather, .grandmother {
+ background-color: #ffcccb;
+}
+
+.mother, .father {
+ background-color: #add8e6;
+}
+
+.brother, .sister {
+ background-color: #90ee90;
+}
+
+@media (max-width: 600px) {
+ .generation {
+ flex-direction: column;
+ gap: 10px;
+ }
+
+ .person {
+ width: 100%;
+ }
+}
\ No newline at end of file