Changes to tumblscroll.scroll.pub

root

25 days ago

Initial commit

body.html

Changed around line 1
+ 
+   TumblScroll
+   
+ 
+ 
+   
+ 
+ 
+   Explore the web, one click at a time.
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://tumblscroll.scroll.pub
+ metaTags
+ editButton /edit.html
+ title TumblScroll - Oldschool Tumblr-like Site
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "1564eb0f-b500-4392-af7b-328c92e7c339",
+   "object": "chat.completion",
+   "created": 1735350511,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\ntumblscroll.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://tumblscroll.scroll.pub\nmetaTags\neditButton /edit.html\ntitle TumblScroll - Oldschool Tumblr-like Site\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  TumblScroll\n  \n\n\n  \n\n\n  Explore the web, one click at a time.
\n\n---style.css---\nbody {\n  font-family: 'Arial', sans-serif;\n  margin: 0;\n  padding: 0;\n  background: #f0f0f0;\n  color: #333;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: 100vh;\n}\n\nheader {\n  width: 100%;\n  background: #333;\n  color: #fff;\n  padding: 20px 0;\n  text-align: center;\n}\n\nheader h1 {\n  margin: 0;\n  font-size: 2.5rem;\n}\n\nheader button {\n  background: #555;\n  color: #fff;\n  border: none;\n  padding: 10px 20px;\n  font-size: 1rem;\n  cursor: pointer;\n  transition: background 0.3s ease;\n}\n\nheader button:hover {\n  background: #777;\n}\n\nmain {\n  width: 100%;\n  max-width: 1200px;\n  margin: 20px auto;\n  padding: 20px;\n  background: #fff;\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\niframe {\n  width: 100%;\n  height: 600px;\n  border: none;\n}\n\nfooter {\n  width: 100%;\n  background: #333;\n  color: #fff;\n  padding: 10px 0;\n  text-align: center;\n  margin-top: auto;\n}\n\nfooter p {\n  margin: 0;\n  font-size: 0.9rem;\n}\n\n@media (max-width: 768px) {\n  header h1 {\n    font-size: 2rem;\n  }\n\n  header button {\n    padding: 8px 16px;\n    font-size: 0.9rem;\n  }\n\n  iframe {\n    height: 400px;\n  }\n}\n---script.js---\nconst sites = ['/site1.html', '/site2.html', '/site3.html', '/site4.html', '/site5.html'];\nlet currentSiteIndex = 0;\n\ndocument.getElementById('nextSite').addEventListener('click', () => {\n  currentSiteIndex = (currentSiteIndex + 1) % sites.length;\n  document.getElementById('siteFrame').src = sites[currentSiteIndex];\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 278,
+     "completion_tokens": 654,
+     "total_tokens": 932,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 278
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # tumblscroll.scroll.pub

+ Website generated by DeepSeek from prompt: oldschool tumblr like site that lets the user click a button at the top and then the ui inside of an i frame changes them to the next site. the sites the user sees are going to be pre-populated

script.js

Changed around line 1
+ const sites = ['/site1.html', '/site2.html', '/site3.html', '/site4.html', '/site5.html'];
+ let currentSiteIndex = 0;
+ 
+ document.getElementById('nextSite').addEventListener('click', () => {
+   currentSiteIndex = (currentSiteIndex + 1) % sites.length;
+   document.getElementById('siteFrame').src = sites[currentSiteIndex];
+ });

style.css

Changed around line 1
+ body {
+   font-family: 'Arial', sans-serif;
+   margin: 0;
+   padding: 0;
+   background: #f0f0f0;
+   color: #333;
+   display: flex;
+   flex-direction: column;
+   align-items: center;
+   justify-content: center;
+   min-height: 100vh;
+ }
+ 
+ header {
+   width: 100%;
+   background: #333;
+   color: #fff;
+   padding: 20px 0;
+   text-align: center;
+ }
+ 
+ header h1 {
+   margin: 0;
+   font-size: 2.5rem;
+ }
+ 
+ header button {
+   background: #555;
+   color: #fff;
+   border: none;
+   padding: 10px 20px;
+   font-size: 1rem;
+   cursor: pointer;
+   transition: background 0.3s ease;
+ }
+ 
+ header button:hover {
+   background: #777;
+ }
+ 
+ main {
+   width: 100%;
+   max-width: 1200px;
+   margin: 20px auto;
+   padding: 20px;
+   background: #fff;
+   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+ }
+ 
+ iframe {
+   width: 100%;
+   height: 600px;
+   border: none;
+ }
+ 
+ footer {
+   width: 100%;
+   background: #333;
+   color: #fff;
+   padding: 10px 0;
+   text-align: center;
+   margin-top: auto;
+ }
+ 
+ footer p {
+   margin: 0;
+   font-size: 0.9rem;
+ }
+ 
+ @media (max-width: 768px) {
+   header h1 {
+     font-size: 2rem;
+   }
+ 
+   header button {
+     padding: 8px 16px;
+     font-size: 0.9rem;
+   }
+ 
+   iframe {
+     height: 400px;
+   }
+ }