Changes to familytree9.scroll.pub

root
root
25 days ago
Initial commit
body.html
Changed around line 1
+
+
+
Grandfather
+
Grandmother
+
+
+
Father
+
Mother
+
+
+
Brother
+
Sister
+
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://familytree.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Family Tree Visualization
+ style.css
+ body.html
+ script.js
prompt.json
Changed around line 1
+ {
+ "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
\n
\n
Grandfather
\n
Grandmother
\n
\n
\n
Father
\n
Mother
\n
\n
\n
Brother
\n
Sister
\n
\n
\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"
+ }
readme.scroll
Changed around line 1
+ # 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.
script.js
Changed around line 1
+ // JavaScript can be added here for any interactive features if needed
style.css
Changed around line 1
+ 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;
+ }
+ }