Changes to llms.scroll.pub

root

14 days ago

Initial commit

body.html

Changed around line 1
+ 
+   
+     LLMs in the Browser
+     Run powerful AI models directly in your browser. No downloads. No servers. Just pure intelligence.
+     Explore Features
+   
+ 
+ 
+ 
+   
+     Why Choose Us?
+     
+       
+         ⚡ Instant Access
+         No installations or setups. Start using AI models in seconds.
+       
+       
+         🔒 Privacy First
+         Your data stays in your browser. No external servers involved.
+       
+       
+         🌐 Cross-Platform
+         Works seamlessly on desktop, tablet, and mobile devices.
+       
+     
+   
+ 
+ 
+ 
+   
+     Try It Out
+     
+       
+       
+       
+     
+   
+ 
+ 
+ 
+   
+     LLMs in the Browser is a project by AI enthusiasts for AI enthusiasts.
+     
+       Features
+       Demo
+     
+   
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://llms.scroll.pub
+ metaTags
+ editButton /edit.html
+ title LLMs in the Browser - Run AI Models Seamlessly
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "5ebd3215-77df-4f8d-9571-824a8b06539a",
+   "object": "chat.completion",
+   "created": 1736297652,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nllms.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://llms.scroll.pub\nmetaTags\neditButton /edit.html\ntitle LLMs in the Browser - Run AI Models Seamlessly\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  \n    LLMs in the Browser\n    Run powerful AI models directly in your browser. No downloads. No servers. Just pure intelligence.
\n    Explore Features\n  
\n\n\n\n  \n    Why Choose Us?\n    \n      \n        ⚡ Instant Access\n        No installations or setups. Start using AI models in seconds.
\n      
\n      \n        🔒 Privacy First\n        Your data stays in your browser. No external servers involved.
\n      
\n      \n        🌐 Cross-Platform\n        Works seamlessly on desktop, tablet, and mobile devices.
\n      
\n    
\n  
\n\n\n\n  \n    Try It Out\n    \n      \n      \n      
\n    
\n  
\n\n\n\n  \n    LLMs in the Browser is a project by AI enthusiasts for AI enthusiasts.
\n    \n      Features\n      Demo\n    \n  
\n\n---style.css---\n:root {\n  --primary-color: #2563eb;\n  --secondary-color: #1e40af;\n  --background-color: #f8fafc;\n  --text-color: #1e293b;\n  --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n}\n\nbody {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  margin: 0;\n  padding: 0;\n  color: var(--text-color);\n  background-color: var(--background-color);\n  line-height: 1.6;\n}\n\n.container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 20px;\n}\n\n.hero {\n  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n  color: white;\n  padding: 100px 0;\n  text-align: center;\n}\n\n.hero h1 {\n  font-size: 3rem;\n  margin-bottom: 20px;\n}\n\n.subtitle {\n  font-size: 1.25rem;\n  margin-bottom: 40px;\n}\n\n.cta-button {\n  background: white;\n  color: var(--primary-color);\n  padding: 12px 24px;\n  border-radius: 8px;\n  text-decoration: none;\n  font-weight: 600;\n  transition: all 0.3s ease;\n}\n\n.cta-button:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n}\n\n.features {\n  padding: 80px 0;\n}\n\n.features h2 {\n  text-align: center;\n  margin-bottom: 40px;\n  font-size: 2rem;\n}\n\n.feature-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 30px;\n}\n\n.feature-card {\n  background: white;\n  padding: 30px;\n  border-radius: 12px;\n  box-shadow: var(--card-shadow);\n  transition: transform 0.3s ease;\n}\n\n.feature-card:hover {\n  transform: translateY(-5px);\n}\n\n.feature-card h3 {\n  font-size: 1.5rem;\n  margin-bottom: 15px;\n}\n\n.demo {\n  padding: 80px 0;\n  background: white;\n}\n\n.demo h2 {\n  text-align: center;\n  margin-bottom: 40px;\n  font-size: 2rem;\n}\n\n.demo-box {\n  max-width: 800px;\n  margin: 0 auto;\n  background: var(--background-color);\n  padding: 30px;\n  border-radius: 12px;\n  box-shadow: var(--card-shadow);\n}\n\ntextarea {\n  width: 100%;\n  min-height: 150px;\n  padding: 15px;\n  border: 2px solid #e2e8f0;\n  border-radius: 8px;\n  font-size: 1rem;\n  margin-bottom: 20px;\n  resize: vertical;\n}\n\n#process-button {\n  background: var(--primary-color);\n  color: white;\n  padding: 12px 24px;\n  border: none;\n  border-radius: 8px;\n  font-size: 1rem;\n  cursor: pointer;\n  transition: background 0.3s ease;\n}\n\n#process-button:hover {\n  background: var(--secondary-color);\n}\n\n#output-text {\n  margin-top: 20px;\n  padding: 20px;\n  background: white;\n  border-radius: 8px;\n  min-height: 100px;\n  border: 2px solid #e2e8f0;\n}\n\nfooter {\n  background: var(--text-color);\n  color: white;\n  padding: 40px 0;\n  text-align: center;\n}\n\nfooter nav {\n  margin-top: 20px;\n}\n\nfooter a {\n  color: white;\n  text-decoration: none;\n  margin: 0 15px;\n  transition: opacity 0.3s ease;\n}\n\nfooter a:hover {\n  opacity: 0.8;\n}\n\n@media (max-width: 768px) {\n  .hero h1 {\n    font-size: 2.5rem;\n  }\n\n  .feature-grid {\n    grid-template-columns: 1fr;\n  }\n}\n---script.js---\ndocument.getElementById('process-button').addEventListener('click', function() {\n  const inputText = document.getElementById('input-text').value;\n  const outputText = document.getElementById('output-text');\n  \n  // Simulate AI processing (replace with actual AI model integration)\n  outputText.textContent = \"Processing...\";\n  \n  setTimeout(() => {\n    outputText.textContent = `AI Response: ${inputText.toUpperCase()}`;\n  }, 1000);\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 246,
+     "completion_tokens": 1540,
+     "total_tokens": 1786,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 246
+   },
+   "system_fingerprint": "fp_3a5770e1b4"
+ }

readme.scroll

Changed around line 1

+ # llms.scroll.pub

+ Website generated by DeepSeek from prompt: create. anew website for llms in the browser saas

script.js

Changed around line 1
+ document.getElementById('process-button').addEventListener('click', function() {
+   const inputText = document.getElementById('input-text').value;
+   const outputText = document.getElementById('output-text');
+ 
+   // Simulate AI processing (replace with actual AI model integration)
+   outputText.textContent = "Processing...";
+ 
+   setTimeout(() => {
+     outputText.textContent = `AI Response: ${inputText.toUpperCase()}`;
+   }, 1000);
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #2563eb;
+   --secondary-color: #1e40af;
+   --background-color: #f8fafc;
+   --text-color: #1e293b;
+   --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+ }
+ 
+ body {
+   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+   margin: 0;
+   padding: 0;
+   color: var(--text-color);
+   background-color: var(--background-color);
+   line-height: 1.6;
+ }
+ 
+ .container {
+   max-width: 1200px;
+   margin: 0 auto;
+   padding: 0 20px;
+ }
+ 
+ .hero {
+   background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
+   color: white;
+   padding: 100px 0;
+   text-align: center;
+ }
+ 
+ .hero h1 {
+   font-size: 3rem;
+   margin-bottom: 20px;
+ }
+ 
+ .subtitle {
+   font-size: 1.25rem;
+   margin-bottom: 40px;
+ }
+ 
+ .cta-button {
+   background: white;
+   color: var(--primary-color);
+   padding: 12px 24px;
+   border-radius: 8px;
+   text-decoration: none;
+   font-weight: 600;
+   transition: all 0.3s ease;
+ }
+ 
+ .cta-button:hover {
+   transform: translateY(-2px);
+   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
+ }
+ 
+ .features {
+   padding: 80px 0;
+ }
+ 
+ .features h2 {
+   text-align: center;
+   margin-bottom: 40px;
+   font-size: 2rem;
+ }
+ 
+ .feature-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+   gap: 30px;
+ }
+ 
+ .feature-card {
+   background: white;
+   padding: 30px;
+   border-radius: 12px;
+   box-shadow: var(--card-shadow);
+   transition: transform 0.3s ease;
+ }
+ 
+ .feature-card:hover {
+   transform: translateY(-5px);
+ }
+ 
+ .feature-card h3 {
+   font-size: 1.5rem;
+   margin-bottom: 15px;
+ }
+ 
+ .demo {
+   padding: 80px 0;
+   background: white;
+ }
+ 
+ .demo h2 {
+   text-align: center;
+   margin-bottom: 40px;
+   font-size: 2rem;
+ }
+ 
+ .demo-box {
+   max-width: 800px;
+   margin: 0 auto;
+   background: var(--background-color);
+   padding: 30px;
+   border-radius: 12px;
+   box-shadow: var(--card-shadow);
+ }
+ 
+ textarea {
+   width: 100%;
+   min-height: 150px;
+   padding: 15px;
+   border: 2px solid #e2e8f0;
+   border-radius: 8px;
+   font-size: 1rem;
+   margin-bottom: 20px;
+   resize: vertical;
+ }
+ 
+ #process-button {
+   background: var(--primary-color);
+   color: white;
+   padding: 12px 24px;
+   border: none;
+   border-radius: 8px;
+   font-size: 1rem;
+   cursor: pointer;
+   transition: background 0.3s ease;
+ }
+ 
+ #process-button:hover {
+   background: var(--secondary-color);
+ }
+ 
+ #output-text {
+   margin-top: 20px;
+   padding: 20px;
+   background: white;
+   border-radius: 8px;
+   min-height: 100px;
+   border: 2px solid #e2e8f0;
+ }
+ 
+ footer {
+   background: var(--text-color);
+   color: white;
+   padding: 40px 0;
+   text-align: center;
+ }
+ 
+ footer nav {
+   margin-top: 20px;
+ }
+ 
+ footer a {
+   color: white;
+   text-decoration: none;
+   margin: 0 15px;
+   transition: opacity 0.3s ease;
+ }
+ 
+ footer a:hover {
+   opacity: 0.8;
+ }
+ 
+ @media (max-width: 768px) {
+   .hero h1 {
+     font-size: 2.5rem;
+   }
+ 
+   .feature-grid {
+     grid-template-columns: 1fr;
+   }
+ }