Changes to seedsnap.scroll.pub

root

25 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Seedsnap
+   Explore snapshots of tweets taken by users on X
+ 
+ 
+   
+     
+       
+         
+         @user1
+       
+       This is a snapshot of a tweet with some text content.
+       
+         
+       
+       
+         2 hours ago
+       
+     
+     
+       
+         
+         @user2
+       
+       Another snapshot with a video attachment.
+       
+         
+           
+           Your browser does not support the video tag.
+         
+       
+       
+         5 hours ago
+       
+     
+   
+ 
+ 
+   Seedsnap - A simple timeline of tweet snapshots
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://seedsnap.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Seedsnap - Explore Snapshots of Tweets
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "e4ae094e-49d6-4185-936e-de0921c6d48a",
+   "object": "chat.completion",
+   "created": 1735330216,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nseedsnap.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://seedsnap.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Seedsnap - Explore Snapshots of Tweets\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  Seedsnap\n  Explore snapshots of tweets taken by users on X
\n\n\n  \n    \n      \n        \n        @user1\n      
\n      This is a snapshot of a tweet with some text content.
\n      \n        \n      
\n      \n        2 hours ago\n      \n    \n    \n      \n        \n        @user2\n      
\n      Another snapshot with a video attachment.
\n      \n        \n          \n          Your browser does not support the video tag.\n        \n      
\n      \n        5 hours ago\n      \n    \n  \n\n\n  Seedsnap - A simple timeline of tweet snapshots
\n\n---style.css---\n:root {\n  --primary-color: #1da1f2;\n  --background-color: #f5f8fa;\n  --text-color: #14171a;\n  --border-color: #e1e8ed;\n}\n\nbody {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  line-height: 1.6;\n  margin: 0;\n  padding: 0;\n  background-color: var(--background-color);\n  color: var(--text-color);\n}\n\nheader {\n  background-color: white;\n  padding: 1rem;\n  text-align: center;\n  border-bottom: 1px solid var(--border-color);\n}\n\nh1 {\n  color: var(--primary-color);\n  margin: 0;\n}\n\nmain {\n  max-width: 600px;\n  margin: 0 auto;\n  padding: 1rem;\n}\n\n.snap {\n  background-color: white;\n  border: 1px solid var(--border-color);\n  border-radius: 12px;\n  margin-bottom: 1rem;\n  padding: 1rem;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n}\n\n.user-info {\n  display: flex;\n  align-items: center;\n  margin-bottom: 0.5rem;\n}\n\n.avatar {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  margin-right: 0.5rem;\n}\n\n.username {\n  font-weight: bold;\n  color: var(--primary-color);\n}\n\n.content {\n  margin: 0.5rem 0;\n}\n\n.media img, .media video {\n  width: 100%;\n  border-radius: 12px;\n  margin-top: 0.5rem;\n}\n\n.timestamp {\n  color: #657786;\n  font-size: 0.875rem;\n}\n\nfooter {\n  text-align: center;\n  padding: 1rem;\n  color: #657786;\n}\n\n@media (max-width: 600px) {\n  main {\n    padding: 0.5rem;\n  }\n  \n  .snap {\n    border-radius: 0;\n    border-left: none;\n    border-right: none;\n  }\n}\n---script.js---\n// Basic script for future interactivity\ndocument.addEventListener('DOMContentLoaded', function() {\n  // Add any future JavaScript functionality here\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 315,
+     "completion_tokens": 936,
+     "total_tokens": 1251,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 315
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # seedsnap.scroll.pub

+ Website generated by DeepSeek from prompt: A time-line style site like twitter or instagram that features Seedsnapps, which are snapshots of tweets taken by users on X. There might be media attachments for each item like videos or images, just like on X (Twitter). It doesn't need to have all the features of social media timelines, it is mostly a read-only view of Seedsnapps that have already been created by users.

script.js

Changed around line 1

+ // Basic script for future interactivity

+ document.addEventListener('DOMContentLoaded', function() {

+ // Add any future JavaScript functionality here

+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #1da1f2;
+   --background-color: #f5f8fa;
+   --text-color: #14171a;
+   --border-color: #e1e8ed;
+ }
+ 
+ body {
+   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+   line-height: 1.6;
+   margin: 0;
+   padding: 0;
+   background-color: var(--background-color);
+   color: var(--text-color);
+ }
+ 
+ header {
+   background-color: white;
+   padding: 1rem;
+   text-align: center;
+   border-bottom: 1px solid var(--border-color);
+ }
+ 
+ h1 {
+   color: var(--primary-color);
+   margin: 0;
+ }
+ 
+ main {
+   max-width: 600px;
+   margin: 0 auto;
+   padding: 1rem;
+ }
+ 
+ .snap {
+   background-color: white;
+   border: 1px solid var(--border-color);
+   border-radius: 12px;
+   margin-bottom: 1rem;
+   padding: 1rem;
+   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+ }
+ 
+ .user-info {
+   display: flex;
+   align-items: center;
+   margin-bottom: 0.5rem;
+ }
+ 
+ .avatar {
+   width: 40px;
+   height: 40px;
+   border-radius: 50%;
+   margin-right: 0.5rem;
+ }
+ 
+ .username {
+   font-weight: bold;
+   color: var(--primary-color);
+ }
+ 
+ .content {
+   margin: 0.5rem 0;
+ }
+ 
+ .media img, .media video {
+   width: 100%;
+   border-radius: 12px;
+   margin-top: 0.5rem;
+ }
+ 
+ .timestamp {
+   color: #657786;
+   font-size: 0.875rem;
+ }
+ 
+ footer {
+   text-align: center;
+   padding: 1rem;
+   color: #657786;
+ }
+ 
+ @media (max-width: 600px) {
+   main {
+     padding: 0.5rem;
+   }
+ 
+   .snap {
+     border-radius: 0;
+     border-left: none;
+     border-right: none;
+   }
+ }