Changes to familytree8.scroll.pub

root
root
25 days ago
Initial commit
body.html
Changed around line 1
+
+
+
Grandfather
+
Grandmother
+
+
+
Mother
+
Father
+
+
+
Brother
+
Sister
+
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://familytree.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Family Tree Generator
+ style.css
+ body.html
+ script.js
prompt.json
Changed around line 1
+ {
+ "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
\n
\n
Grandfather
\n
Grandmother
\n
\n
\n
Mother
\n
Father
\n
\n
\n
Brother
\n
Sister
\n
\n
\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"
+ }
readme.scroll
Changed around line 1
+ # 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).
script.js
Changed around line 1
+ // No JavaScript needed for this simple family tree
style.css
Changed around line 1
+ 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%;
+ }
+ }