Changes to familytree7.scroll.pub

root

24 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Family Tree
+ 
+ 
+   
+     
+       Grandfather
+       Grandmother
+     
+     
+     
+       Father
+       Mother
+     
+     
+     
+       Brother
+       Sister
+     
+   
+ 
+ 
+   Explore your family history
+ 

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": "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\n  Family Tree\n\n\n  \n    \n      Grandfather
\n      Grandmother
\n    
\n    
\n    \n      Father
\n      Mother
\n    
\n    
\n    \n      Brother
\n      Sister
\n    
\n  
\n\n\n  Explore your family history
\n\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"
+ }

readme.scroll

Changed around line 1

+ # 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.

script.js

Changed around line 1

+ // No JavaScript needed for this simple family tree visualization

style.css

Changed around line 1
+ * {
+   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;
+   }
+ }