Changes to techthoughts.scroll.pub

root

20 days ago

Initial commit

body.html

Changed around line 1
+ 
+   
+     Home
+     About
+     Archive
+   
+   Tech Thoughts
+   Exploring the intersection of technology and humanity
+ 
+ 
+ 
+   
+     The Future of AI in Everyday Life
+     Published on March 15, 2023
+     Artificial Intelligence is no longer just a buzzword; it's becoming an integral part of our daily lives. From smart assistants to predictive algorithms, AI is reshaping how we interact with technology...
+   
+ 
+   
+     The Ethics of Data Collection
+     Published on February 28, 2023
+     In the age of big data, we must consider the ethical implications of data collection. How much information is too much, and who should have access to it?...
+   
+ 
+ 
+ 
+   Connect with me:
+   
+     Twitter
+     LinkedIn
+     GitHub
+   
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://techthoughts.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Tech Thoughts
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "65f83f34-e3a5-408f-bc51-03886fd56e3a",
+   "object": "chat.completion",
+   "created": 1735806509,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\ntechthoughts.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://techthoughts.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Tech Thoughts\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  \n    Home\n    About\n    Archive\n  \n  Tech Thoughts\n  Exploring the intersection of technology and humanity
\n\n\n\n  \n    The Future of AI in Everyday Life\n    Published on March 15, 2023
\n    Artificial Intelligence is no longer just a buzzword; it's becoming an integral part of our daily lives. From smart assistants to predictive algorithms, AI is reshaping how we interact with technology...
\n  \n\n  \n    The Ethics of Data Collection\n    Published on February 28, 2023
\n    In the age of big data, we must consider the ethical implications of data collection. How much information is too much, and who should have access to it?...
\n  \n\n\n\n  Connect with me:
\n  \n    Twitter
\n    LinkedIn
\n    GitHub
\n  \n\n---style.css---\n:root {\n  --primary-color: #1a73e8;\n  --secondary-color: #202124;\n  --background-color: #ffffff;\n  --text-color: #202124;\n  --link-color: #1a73e8;\n  --link-hover-color: #1557b0;\n  --border-color: #e0e0e0;\n  --font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n}\n\nbody {\n  font-family: var(--font-family);\n  line-height: 1.6;\n  color: var(--text-color);\n  background-color: var(--background-color);\n  margin: 0;\n  padding: 0;\n}\n\nheader {\n  background-color: var(--secondary-color);\n  color: var(--background-color);\n  padding: 2rem 1rem;\n  text-align: center;\n}\n\nheader h1 {\n  margin: 0;\n  font-size: 2.5rem;\n}\n\nheader p {\n  margin: 0.5rem 0 0;\n  font-size: 1.1rem;\n}\n\nnav {\n  margin-bottom: 1.5rem;\n}\n\nnav a {\n  color: var(--background-color);\n  text-decoration: none;\n  margin: 0 1rem;\n  font-weight: 500;\n}\n\nnav a:hover {\n  text-decoration: underline;\n}\n\nmain {\n  max-width: 800px;\n  margin: 2rem auto;\n  padding: 0 1rem;\n}\n\narticle {\n  margin-bottom: 2rem;\n  padding-bottom: 1rem;\n  border-bottom: 1px solid var(--border-color);\n}\n\narticle h2 {\n  margin: 0 0 0.5rem;\n  font-size: 1.8rem;\n}\n\narticle h2 a {\n  color: var(--text-color);\n  text-decoration: none;\n}\n\narticle h2 a:hover {\n  color: var(--link-hover-color);\n}\n\narticle .meta {\n  color: #5f6368;\n  font-size: 0.9rem;\n  margin: 0 0 1rem;\n}\n\nfooter {\n  text-align: center;\n  padding: 2rem 1rem;\n  border-top: 1px solid var(--border-color);\n  margin-top: 2rem;\n}\n\nfooter ul {\n  list-style: none;\n  padding: 0;\n  margin: 1rem 0 0;\n}\n\nfooter li {\n  display: inline-block;\n  margin: 0 1rem;\n}\n\nfooter a {\n  color: var(--link-color);\n  text-decoration: none;\n}\n\nfooter a:hover {\n  text-decoration: underline;\n}\n\n@media (max-width: 600px) {\n  header h1 {\n    font-size: 2rem;\n  }\n\n  header p {\n    font-size: 1rem;\n  }\n\n  nav a {\n    display: block;\n    margin: 0.5rem 0;\n  }\n\n  article h2 {\n    font-size: 1.5rem;\n  }\n}\n---script.js---\n// Smooth scroll to anchor links\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n  anchor.addEventListener('click', function (e) {\n    e.preventDefault();\n    document.querySelector(this.getAttribute('href')).scrollIntoView({\n      behavior: 'smooth'\n    });\n  });\n});\n\n// Add class to header on scroll\nwindow.addEventListener('scroll', function() {\n  const header = document.querySelector('header');\n  if (window.scrollY > 50) {\n    header.classList.add('scrolled');\n  } else {\n    header.classList.remove('scrolled');\n  }\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 258,
+     "completion_tokens": 1180,
+     "total_tokens": 1438,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 258
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # techthoughts.scroll.pub

+ Website generated by DeepSeek from prompt: I want to build a tech blog where I can share my thoughts on technology. You can inspire yourself from lethain.com

script.js

Changed around line 1
+ // Smooth scroll to anchor links
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+   anchor.addEventListener('click', function (e) {
+     e.preventDefault();
+     document.querySelector(this.getAttribute('href')).scrollIntoView({
+       behavior: 'smooth'
+     });
+   });
+ });
+ 
+ // Add class to header on scroll
+ window.addEventListener('scroll', function() {
+   const header = document.querySelector('header');
+   if (window.scrollY > 50) {
+     header.classList.add('scrolled');
+   } else {
+     header.classList.remove('scrolled');
+   }
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #1a73e8;
+   --secondary-color: #202124;
+   --background-color: #ffffff;
+   --text-color: #202124;
+   --link-color: #1a73e8;
+   --link-hover-color: #1557b0;
+   --border-color: #e0e0e0;
+   --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+ }
+ 
+ body {
+   font-family: var(--font-family);
+   line-height: 1.6;
+   color: var(--text-color);
+   background-color: var(--background-color);
+   margin: 0;
+   padding: 0;
+ }
+ 
+ header {
+   background-color: var(--secondary-color);
+   color: var(--background-color);
+   padding: 2rem 1rem;
+   text-align: center;
+ }
+ 
+ header h1 {
+   margin: 0;
+   font-size: 2.5rem;
+ }
+ 
+ header p {
+   margin: 0.5rem 0 0;
+   font-size: 1.1rem;
+ }
+ 
+ nav {
+   margin-bottom: 1.5rem;
+ }
+ 
+ nav a {
+   color: var(--background-color);
+   text-decoration: none;
+   margin: 0 1rem;
+   font-weight: 500;
+ }
+ 
+ nav a:hover {
+   text-decoration: underline;
+ }
+ 
+ main {
+   max-width: 800px;
+   margin: 2rem auto;
+   padding: 0 1rem;
+ }
+ 
+ article {
+   margin-bottom: 2rem;
+   padding-bottom: 1rem;
+   border-bottom: 1px solid var(--border-color);
+ }
+ 
+ article h2 {
+   margin: 0 0 0.5rem;
+   font-size: 1.8rem;
+ }
+ 
+ article h2 a {
+   color: var(--text-color);
+   text-decoration: none;
+ }
+ 
+ article h2 a:hover {
+   color: var(--link-hover-color);
+ }
+ 
+ article .meta {
+   color: #5f6368;
+   font-size: 0.9rem;
+   margin: 0 0 1rem;
+ }
+ 
+ footer {
+   text-align: center;
+   padding: 2rem 1rem;
+   border-top: 1px solid var(--border-color);
+   margin-top: 2rem;
+ }
+ 
+ footer ul {
+   list-style: none;
+   padding: 0;
+   margin: 1rem 0 0;
+ }
+ 
+ footer li {
+   display: inline-block;
+   margin: 0 1rem;
+ }
+ 
+ footer a {
+   color: var(--link-color);
+   text-decoration: none;
+ }
+ 
+ footer a:hover {
+   text-decoration: underline;
+ }
+ 
+ @media (max-width: 600px) {
+   header h1 {
+     font-size: 2rem;
+   }
+ 
+   header p {
+     font-size: 1rem;
+   }
+ 
+   nav a {
+     display: block;
+     margin: 0.5rem 0;
+   }
+ 
+   article h2 {
+     font-size: 1.5rem;
+   }
+ }