Changes to webwonders.scroll.pub

root
root
25 days ago
Initial commit
body.html
Changed around line 1
+
+

Welcome to Web Wonders

+

Your journey into web development starts here!

+
+
+
+
    +
    +
    +
    +
    +
    +

    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

    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    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
    \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 \n \n \n \n \n \n \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;
    + }
    + }