Changes to webdesignsibiu.scroll.pub

root

16 days ago

Initial commit

body.html

Changed around line 1
+ 
+   
+     Webdesign Sibiu
+     
+       
+         Services
+         Portfolio
+         About
+         Contact
+       
+     
+   
+ 
+ 
+ 
+   
+     
+       Transform Your Online Presence
+       We create stunning, responsive websites tailored to your needs.
+       Get Started
+     
+   
+ 
+   
+     
+       Our Services
+       
+         
+           Web Design
+           Custom, modern designs that captivate your audience.
+         
+         
+           Responsive Development
+           Websites that look great on all devices.
+         
+         
+           SEO Optimization
+           Boost your visibility on search engines.
+         
+       
+     
+   
+ 
+   
+     
+       Portfolio
+       
+         
+           
+           Project 1
+         
+         
+           
+           Project 2
+         
+         
+           
+           Project 3
+         
+       
+     
+   
+ 
+   
+     
+       About Us
+       We are a passionate team of web designers and developers based in Sibiu, Romania. Our mission is to deliver high-quality, user-friendly websites that help businesses thrive online.
+     
+   
+ 
+   
+     
+       Contact Us
+       
+         
+         
+         
+         
+       
+     
+   
+ 
+ 
+ 
+   
+     Webdesign Sibiu - Crafting Digital Excellence
+   
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://webdesignsibiu.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Webdesign Sibiu - Modern Web Solutions
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "b2965133-4975-4850-b05b-4c2bf81967ee",
+   "object": "chat.completion",
+   "created": 1736190593,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nwebdesignsibiu.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://webdesignsibiu.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Webdesign Sibiu - Modern Web Solutions\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  \n    Webdesign Sibiu\n    \n      \n        Services
\n        Portfolio
\n        About
\n        Contact
\n      \n    \n  
\n\n\n\n  \n    \n      Transform Your Online Presence\n      We create stunning, responsive websites tailored to your needs.
\n      Get Started\n    
\n  \n\n  \n    \n      Our Services\n      \n        \n          Web Design\n          Custom, modern designs that captivate your audience.
\n        
\n        \n          Responsive Development\n          Websites that look great on all devices.
\n        
\n        \n          SEO Optimization\n          Boost your visibility on search engines.
\n        
\n      
\n    
\n  \n\n  \n    \n      Portfolio\n      \n        \n          \n          Project 1\n        
\n        \n          \n          Project 2\n        
\n        \n          \n          Project 3\n        
\n      
\n    
\n  \n\n  \n    \n      About Us\n      We are a passionate team of web designers and developers based in Sibiu, Romania. Our mission is to deliver high-quality, user-friendly websites that help businesses thrive online.
\n    
\n  \n\n  \n    \n      Contact Us\n      \n        \n        \n        \n        \n      \n    
\n  \n\n\n\n  \n    Webdesign Sibiu - Crafting Digital Excellence
\n  
\n\n---style.css---\n:root {\n  --primary-color: #3498db;\n  --secondary-color: #2ecc71;\n  --background-color: #f4f4f4;\n  --text-color: #333;\n  --white: #fff;\n  --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\nbody {\n  font-family: 'Arial', sans-serif;\n  line-height: 1.6;\n  color: var(--text-color);\n  background-color: var(--background-color);\n  margin: 0;\n  padding: 0;\n}\n\n.container {\n  width: 90%;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.header {\n  background-color: var(--primary-color);\n  color: var(--white);\n  padding: 1rem 0;\n}\n\n.header .logo {\n  margin: 0;\n  font-size: 1.5rem;\n}\n\n.nav ul {\n  list-style: none;\n  padding: 0;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.nav ul li {\n  margin-left: 1rem;\n}\n\n.nav ul li a {\n  color: var(--white);\n  text-decoration: none;\n  font-weight: bold;\n}\n\n.hero {\n  background: url('/images/hero-bg.jpg') no-repeat center center/cover;\n  color: var(--white);\n  padding: 4rem 0;\n  text-align: center;\n}\n\n.hero h2 {\n  font-size: 2.5rem;\n  margin-bottom: 1rem;\n}\n\n.hero p {\n  font-size: 1.2rem;\n  margin-bottom: 2rem;\n}\n\n.cta-button {\n  background-color: var(--secondary-color);\n  color: var(--white);\n  padding: 0.75rem 1.5rem;\n  text-decoration: none;\n  border-radius: 5px;\n  font-weight: bold;\n}\n\n.services {\n  padding: 4rem 0;\n  background-color: var(--white);\n}\n\n.services h2 {\n  text-align: center;\n  margin-bottom: 2rem;\n}\n\n.service-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1.5rem;\n}\n\n.service-card {\n  background-color: var(--background-color);\n  padding: 1.5rem;\n  border-radius: 5px;\n  box-shadow: var(--shadow);\n  text-align: center;\n}\n\n.portfolio {\n  padding: 4rem 0;\n}\n\n.portfolio h2 {\n  text-align: center;\n  margin-bottom: 2rem;\n}\n\n.portfolio-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1.5rem;\n}\n\n.portfolio-item {\n  background-color: var(--white);\n  padding: 1rem;\n  border-radius: 5px;\n  box-shadow: var(--shadow);\n  text-align: center;\n}\n\n.portfolio-item img {\n  max-width: 100%;\n  border-radius: 5px;\n}\n\n.about {\n  padding: 4rem 0;\n  background-color: var(--background-color);\n}\n\n.about h2 {\n  text-align: center;\n  margin-bottom: 2rem;\n}\n\n.contact {\n  padding: 4rem 0;\n  background-color: var(--white);\n}\n\n.contact h2 {\n  text-align: center;\n  margin-bottom: 2rem;\n}\n\n.contact form {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.contact form input,\n.contact form textarea {\n  padding: 0.75rem;\n  border: 1px solid #ccc;\n  border-radius: 5px;\n}\n\n.contact form button {\n  background-color: var(--primary-color);\n  color: var(--white);\n  padding: 0.75rem;\n  border: none;\n  border-radius: 5px;\n  cursor: pointer;\n  font-weight: bold;\n}\n\n.footer {\n  background-color: var(--primary-color);\n  color: var(--white);\n  text-align: center;\n  padding: 1rem 0;\n}\n\n@media (max-width: 768px) {\n  .nav ul {\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .nav ul li {\n    margin: 0.5rem 0;\n  }\n\n  .hero h2 {\n    font-size: 2rem;\n  }\n\n  .hero p {\n    font-size: 1rem;\n  }\n}\n---script.js---\ndocument.getElementById('contact-form').addEventListener('submit', function(event) {\n  event.preventDefault();\n  alert('Thank you for your message! We will get back to you soon.');\n  this.reset();\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 238,
+     "completion_tokens": 1878,
+     "total_tokens": 2116,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 238
+   },
+   "system_fingerprint": "fp_3a5770e1b4"
+ }

readme.scroll

Changed around line 1

+ # webdesignsibiu.scroll.pub

+ Website generated by DeepSeek from prompt: Webdesign Sibiu

script.js

Changed around line 1
+ document.getElementById('contact-form').addEventListener('submit', function(event) {
+   event.preventDefault();
+   alert('Thank you for your message! We will get back to you soon.');
+   this.reset();
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #3498db;
+   --secondary-color: #2ecc71;
+   --background-color: #f4f4f4;
+   --text-color: #333;
+   --white: #fff;
+   --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ }
+ 
+ body {
+   font-family: 'Arial', sans-serif;
+   line-height: 1.6;
+   color: var(--text-color);
+   background-color: var(--background-color);
+   margin: 0;
+   padding: 0;
+ }
+ 
+ .container {
+   width: 90%;
+   max-width: 1200px;
+   margin: 0 auto;
+ }
+ 
+ .header {
+   background-color: var(--primary-color);
+   color: var(--white);
+   padding: 1rem 0;
+ }
+ 
+ .header .logo {
+   margin: 0;
+   font-size: 1.5rem;
+ }
+ 
+ .nav ul {
+   list-style: none;
+   padding: 0;
+   display: flex;
+   justify-content: flex-end;
+ }
+ 
+ .nav ul li {
+   margin-left: 1rem;
+ }
+ 
+ .nav ul li a {
+   color: var(--white);
+   text-decoration: none;
+   font-weight: bold;
+ }
+ 
+ .hero {
+   background: url('/images/hero-bg.jpg') no-repeat center center/cover;
+   color: var(--white);
+   padding: 4rem 0;
+   text-align: center;
+ }
+ 
+ .hero h2 {
+   font-size: 2.5rem;
+   margin-bottom: 1rem;
+ }
+ 
+ .hero p {
+   font-size: 1.2rem;
+   margin-bottom: 2rem;
+ }
+ 
+ .cta-button {
+   background-color: var(--secondary-color);
+   color: var(--white);
+   padding: 0.75rem 1.5rem;
+   text-decoration: none;
+   border-radius: 5px;
+   font-weight: bold;
+ }
+ 
+ .services {
+   padding: 4rem 0;
+   background-color: var(--white);
+ }
+ 
+ .services h2 {
+   text-align: center;
+   margin-bottom: 2rem;
+ }
+ 
+ .service-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+   gap: 1.5rem;
+ }
+ 
+ .service-card {
+   background-color: var(--background-color);
+   padding: 1.5rem;
+   border-radius: 5px;
+   box-shadow: var(--shadow);
+   text-align: center;
+ }
+ 
+ .portfolio {
+   padding: 4rem 0;
+ }
+ 
+ .portfolio h2 {
+   text-align: center;
+   margin-bottom: 2rem;
+ }
+ 
+ .portfolio-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+   gap: 1.5rem;
+ }
+ 
+ .portfolio-item {
+   background-color: var(--white);
+   padding: 1rem;
+   border-radius: 5px;
+   box-shadow: var(--shadow);
+   text-align: center;
+ }
+ 
+ .portfolio-item img {
+   max-width: 100%;
+   border-radius: 5px;
+ }
+ 
+ .about {
+   padding: 4rem 0;
+   background-color: var(--background-color);
+ }
+ 
+ .about h2 {
+   text-align: center;
+   margin-bottom: 2rem;
+ }
+ 
+ .contact {
+   padding: 4rem 0;
+   background-color: var(--white);
+ }
+ 
+ .contact h2 {
+   text-align: center;
+   margin-bottom: 2rem;
+ }
+ 
+ .contact form {
+   display: flex;
+   flex-direction: column;
+   gap: 1rem;
+ }
+ 
+ .contact form input,
+ .contact form textarea {
+   padding: 0.75rem;
+   border: 1px solid #ccc;
+   border-radius: 5px;
+ }
+ 
+ .contact form button {
+   background-color: var(--primary-color);
+   color: var(--white);
+   padding: 0.75rem;
+   border: none;
+   border-radius: 5px;
+   cursor: pointer;
+   font-weight: bold;
+ }
+ 
+ .footer {
+   background-color: var(--primary-color);
+   color: var(--white);
+   text-align: center;
+   padding: 1rem 0;
+ }
+ 
+ @media (max-width: 768px) {
+   .nav ul {
+     flex-direction: column;
+     align-items: center;
+   }
+ 
+   .nav ul li {
+     margin: 0.5rem 0;
+   }
+ 
+   .hero h2 {
+     font-size: 2rem;
+   }
+ 
+   .hero p {
+     font-size: 1rem;
+   }
+ }