Changes to webwonders.scroll.pub

root

25 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Welcome to Web Wonders
+   Your journey into web development starts here!
+ 
+ 
+ 
+   
+     About
+     Skills
+     Projects
+     Contact
+   
+ 
+ 
+ 
+   
+     About Me
+     Hi! I'm a beginner web developer passionate about creating beautiful and functional websites. Join me as I explore the world of web development!
+   
+ 
+   
+     Skills
+     
+       
+         HTML
+         Semantic and accessible markup
+       
+       
+         CSS
+         Styling with modern techniques
+       
+       
+         JavaScript
+         Interactive and dynamic content
+       
+     
+   
+ 
+   
+     Projects
+     
+       
+         Portfolio Website
+         My first responsive portfolio
+       
+       
+         Interactive Quiz
+         JavaScript-powered quiz app
+       
+       
+         CSS Art
+         Creative designs using pure CSS
+       
+     
+   
+ 
+   
+     Contact Me
+     
+       Name:
+       
+ 
+       Email:
+       
+ 
+       Message:
+       
+ 
+       
+     
+   
+ 
+ 
+ 
+   Let's create web wonders together!
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://webwonders.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Web Wonders - Beginner Web Developer Guide
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "4ade6b09-d31e-4674-a7dd-ced743bed195",
+   "object": "chat.completion",
+   "created": 1735388209,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nwebwonders.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://webwonders.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Web Wonders - Beginner Web Developer Guide\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  Welcome to Web Wonders\n  Your journey into web development starts here!
\n\n\n\n  \n    About
\n    Skills
\n    Projects
\n    Contact
\n  \n\n\n\n  \n    About Me\n    Hi! I'm a beginner web developer passionate about creating beautiful and functional websites. Join me as I explore the world of web development!
\n  \n\n  \n    Skills\n    \n      \n        HTML\n        Semantic and accessible markup
\n      
\n      \n        CSS\n        Styling with modern techniques
\n      
\n      \n        JavaScript\n        Interactive and dynamic content
\n      
\n    
\n  \n\n  \n    Projects\n    \n      \n        Portfolio Website\n        My first responsive portfolio
\n      
\n      \n        Interactive Quiz\n        JavaScript-powered quiz app
\n      
\n      \n        CSS Art\n        Creative designs using pure CSS
\n      
\n    
\n  \n\n  \n    Contact Me\n    \n      Name:\n      \n      \n      Email:\n      \n      \n      Message:\n      \n      \n      \n    \n  \n\n\n\n  Let's create web wonders together!
\n\n---style.css---\n:root {\n  --primary-color: #4a90e2;\n  --secondary-color: #50e3c2;\n  --background-color: #f5f5f5;\n  --text-color: #333;\n  --font-family: 'Segoe UI', sans-serif;\n}\n\nbody {\n  font-family: var(--font-family);\n  color: var(--text-color);\n  background-color: var(--background-color);\n  margin: 0;\n  padding: 0;\n  line-height: 1.6;\n}\n\nheader {\n  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n  color: white;\n  padding: 2rem;\n  text-align: center;\n}\n\nnav {\n  background: var(--primary-color);\n  padding: 1rem;\n}\n\nnav ul {\n  list-style: none;\n  padding: 0;\n  display: flex;\n  justify-content: center;\n  gap: 1rem;\n}\n\nnav a {\n  color: white;\n  text-decoration: none;\n  font-weight: bold;\n}\n\nmain {\n  padding: 2rem;\n}\n\nsection {\n  margin-bottom: 2rem;\n}\n\nh2 {\n  color: var(--primary-color);\n  margin-bottom: 1rem;\n}\n\n.skills-grid, .projects-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.skill, .project {\n  background: white;\n  padding: 1rem;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n  text-align: center;\n}\n\nform {\n  display: grid;\n  gap: 1rem;\n  max-width: 400px;\n  margin: 0 auto;\n}\n\ninput, textarea {\n  padding: 0.5rem;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n}\n\nbutton {\n  background: var(--primary-color);\n  color: white;\n  padding: 0.5rem 1rem;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\nbutton:hover {\n  background: var(--secondary-color);\n}\n\nfooter {\n  background: var(--primary-color);\n  color: white;\n  text-align: center;\n  padding: 1rem;\n}\n\n@media (max-width: 600px) {\n  nav ul {\n    flex-direction: column;\n    align-items: center;\n  }\n}\n---script.js---\ndocument.getElementById('contact-form').addEventListener('submit', function(event) {\n  event.preventDefault();\n  alert('Thank you for your message!');\n  this.reset();\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 248,
+     "completion_tokens": 1233,
+     "total_tokens": 1481,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 248
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # webwonders.scroll.pub

+ Website generated by DeepSeek from prompt: I want a website for a beginner web developer. Be creative.

script.js

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

style.css

Changed around line 1
+ :root {
+   --primary-color: #4a90e2;
+   --secondary-color: #50e3c2;
+   --background-color: #f5f5f5;
+   --text-color: #333;
+   --font-family: 'Segoe UI', sans-serif;
+ }
+ 
+ body {
+   font-family: var(--font-family);
+   color: var(--text-color);
+   background-color: var(--background-color);
+   margin: 0;
+   padding: 0;
+   line-height: 1.6;
+ }
+ 
+ header {
+   background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
+   color: white;
+   padding: 2rem;
+   text-align: center;
+ }
+ 
+ nav {
+   background: var(--primary-color);
+   padding: 1rem;
+ }
+ 
+ nav ul {
+   list-style: none;
+   padding: 0;
+   display: flex;
+   justify-content: center;
+   gap: 1rem;
+ }
+ 
+ nav a {
+   color: white;
+   text-decoration: none;
+   font-weight: bold;
+ }
+ 
+ main {
+   padding: 2rem;
+ }
+ 
+ section {
+   margin-bottom: 2rem;
+ }
+ 
+ h2 {
+   color: var(--primary-color);
+   margin-bottom: 1rem;
+ }
+ 
+ .skills-grid, .projects-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+   gap: 1rem;
+ }
+ 
+ .skill, .project {
+   background: white;
+   padding: 1rem;
+   border-radius: 8px;
+   box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+   text-align: center;
+ }
+ 
+ form {
+   display: grid;
+   gap: 1rem;
+   max-width: 400px;
+   margin: 0 auto;
+ }
+ 
+ input, textarea {
+   padding: 0.5rem;
+   border: 1px solid #ccc;
+   border-radius: 4px;
+ }
+ 
+ button {
+   background: var(--primary-color);
+   color: white;
+   padding: 0.5rem 1rem;
+   border: none;
+   border-radius: 4px;
+   cursor: pointer;
+ }
+ 
+ button:hover {
+   background: var(--secondary-color);
+ }
+ 
+ footer {
+   background: var(--primary-color);
+   color: white;
+   text-align: center;
+   padding: 1rem;
+ }
+ 
+ @media (max-width: 600px) {
+   nav ul {
+     flex-direction: column;
+     align-items: center;
+   }
+ }