commit 47e01ee55efd70cbad2c28c8e47e1b1565474887
Author: root <root@hub.scroll.pub> Date: 2024-12-28 13:53:04 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..c2b6050 --- /dev/null +++ b/body.html @@ -0,0 +1,62 @@ +<header> + <h1>Amor Español</h1> + <p>Your Guide to Online Relationships with a Spanish Guy</p> +</header> + +<nav> + <ul> + <li><a href="#about">About</a></li> + <li><a href="#tips">Tips</a></li> + <li><a href="#stories">Stories</a></li> + <li><a href="#contact">Contact</a></li> + </ul> +</nav> + +<main> + <section id="about"> + <h2>About</h2> + <p>Discover the charm and passion of building an online relationship with a Spanish guy. Learn about the culture, language, and unique aspects that make these connections special.</p> + </section> + + <section id="tips"> + <h2>Tips</h2> + <p>Here are some essential tips to help you navigate your online relationship:</p> + <ul> + <li>Learn basic Spanish phrases</li> + <li>Understand cultural differences</li> + <li>Be patient and open-minded</li> + <li>Communicate regularly</li> + </ul> + </section> + + <section id="stories"> + <h2>Stories</h2> + <p>Read inspiring stories from others who have successfully built online relationships with Spanish men.</p> + <article> + <h3>Maria's Story</h3> + <p>Maria shares her journey of love and cultural exchange with her Spanish partner.</p> + </article> + <article> + <h3>John's Experience</h3> + <p>John talks about the challenges and rewards of his long-distance relationship with a Spaniard.</p> + </article> + </section> + + <section id="contact"> + <h2>Contact</h2> + <p>Have questions or want to share your story? Get in touch with us!</p> + <form id="contactForm"> + <label for="name">Name:</label> + <input type="text" id="name" name="name" required> + <label for="email">Email:</label> + <input type="email" id="email" name="email" required> + <label for="message">Message:</label> + <textarea id="message" name="message" required></textarea> + <button type="submit">Send</button> + </form> + </section> +</main> + +<footer> + <p>Amor Español - Your guide to love and culture</p> +</footer> \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..c275105 --- /dev/null +++ b/index.scroll @@ -0,0 +1,8 @@ +buildHtml +baseUrl https://amorespanol.scroll.pub +metaTags +editButton /edit.html +title Amor Español: Navigating Online Relationships with a Spanish Guy +style.css +body.html +script.js \ No newline at end of file diff --git a/prompt.json b/prompt.json new file mode 100644 index 0000000..dcbe61f --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "ace04319-39ec-4570-a5d3-e6a7ee646752", + "object": "chat.completion", + "created": 1735393962, + "model": "deepseek-chat", + "choices": [ + { + "index": 0, + "message": { + "role": "assistant", + "content": "---domain---\namorespanol.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://amorespanol.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Amor Español: Navigating Online Relationships with a Spanish Guy\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>Amor Español</h1>\n <p>Your Guide to Online Relationships with a Spanish Guy</p>\n</header>\n\n<nav>\n <ul>\n <li><a href=\"#about\">About</a></li>\n <li><a href=\"#tips\">Tips</a></li>\n <li><a href=\"#stories\">Stories</a></li>\n <li><a href=\"#contact\">Contact</a></li>\n </ul>\n</nav>\n\n<main>\n <section id=\"about\">\n <h2>About</h2>\n <p>Discover the charm and passion of building an online relationship with a Spanish guy. Learn about the culture, language, and unique aspects that make these connections special.</p>\n </section>\n\n <section id=\"tips\">\n <h2>Tips</h2>\n <p>Here are some essential tips to help you navigate your online relationship:</p>\n <ul>\n <li>Learn basic Spanish phrases</li>\n <li>Understand cultural differences</li>\n <li>Be patient and open-minded</li>\n <li>Communicate regularly</li>\n </ul>\n </section>\n\n <section id=\"stories\">\n <h2>Stories</h2>\n <p>Read inspiring stories from others who have successfully built online relationships with Spanish men.</p>\n <article>\n <h3>Maria's Story</h3>\n <p>Maria shares her journey of love and cultural exchange with her Spanish partner.</p>\n </article>\n <article>\n <h3>John's Experience</h3>\n <p>John talks about the challenges and rewards of his long-distance relationship with a Spaniard.</p>\n </article>\n </section>\n\n <section id=\"contact\">\n <h2>Contact</h2>\n <p>Have questions or want to share your story? Get in touch with us!</p>\n <form id=\"contactForm\">\n <label for=\"name\">Name:</label>\n <input type=\"text\" id=\"name\" name=\"name\" required>\n <label for=\"email\">Email:</label>\n <input type=\"email\" id=\"email\" name=\"email\" required>\n <label for=\"message\">Message:</label>\n <textarea id=\"message\" name=\"message\" required></textarea>\n <button type=\"submit\">Send</button>\n </form>\n </section>\n</main>\n\n<footer>\n <p>Amor Español - Your guide to love and culture</p>\n</footer>\n---style.css---\nbody {\n font-family: 'Arial', sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 0;\n background: #f4f4f4;\n color: #333;\n}\n\nheader {\n background: #c70039;\n color: #fff;\n padding: 20px 0;\n text-align: center;\n}\n\nheader h1 {\n margin: 0;\n font-size: 2.5em;\n}\n\nheader p {\n margin: 5px 0 0;\n font-size: 1.2em;\n}\n\nnav {\n background: #333;\n color: #fff;\n padding: 10px 0;\n text-align: center;\n}\n\nnav ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\nnav ul li {\n display: inline;\n margin: 0 15px;\n}\n\nnav ul li a {\n color: #fff;\n text-decoration: none;\n font-size: 1.1em;\n}\n\nmain {\n padding: 20px;\n}\n\nsection {\n margin-bottom: 40px;\n}\n\nsection h2 {\n color: #c70039;\n font-size: 2em;\n margin-bottom: 10px;\n}\n\nsection p {\n font-size: 1.1em;\n line-height: 1.8;\n}\n\nsection ul {\n list-style: disc;\n margin-left: 20px;\n}\n\nsection ul li {\n margin-bottom: 10px;\n}\n\narticle {\n background: #fff;\n padding: 15px;\n margin-bottom: 20px;\n border-radius: 5px;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n}\n\narticle h3 {\n color: #c70039;\n font-size: 1.5em;\n margin-bottom: 10px;\n}\n\nform {\n background: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n}\n\nform label {\n display: block;\n margin-bottom: 5px;\n font-weight: bold;\n}\n\nform input, form textarea {\n width: 100%;\n padding: 10px;\n margin-bottom: 15px;\n border: 1px solid #ccc;\n border-radius: 5px;\n}\n\nform button {\n background: #c70039;\n color: #fff;\n padding: 10px 20px;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n}\n\nform button:hover {\n background: #900c3f;\n}\n\nfooter {\n background: #333;\n color: #fff;\n text-align: center;\n padding: 10px 0;\n margin-top: 40px;\n}\n\n@media (max-width: 768px) {\n header h1 {\n font-size: 2em;\n }\n\n header p {\n font-size: 1em;\n }\n\n nav ul li {\n display: block;\n margin: 10px 0;\n }\n\n section h2 {\n font-size: 1.5em;\n }\n\n section p {\n font-size: 1em;\n }\n\n article h3 {\n font-size: 1.2em;\n }\n}\n---script.js---\ndocument.getElementById('contactForm').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": 250, + "completion_tokens": 1432, + "total_tokens": 1682, + "prompt_cache_hit_tokens": 0, + "prompt_cache_miss_tokens": 250 + }, + "system_fingerprint": "fp_f1afce2943" +} \ No newline at end of file diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..852483d --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# amorespanol.scroll.pub +Website generated by DeepSeek from prompt: a website tells me about online relationship with a Spainsh guy. be creative. \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..d4ea588 --- /dev/null +++ b/script.js @@ -0,0 +1,5 @@ +document.getElementById('contactForm').addEventListener('submit', function(event) { + event.preventDefault(); + alert('Thank you for your message! We will get back to you soon.'); + this.reset(); +}); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..2f140de --- /dev/null +++ b/style.css @@ -0,0 +1,160 @@ +body { + font-family: 'Arial', sans-serif; + line-height: 1.6; + margin: 0; + padding: 0; + background: #f4f4f4; + color: #333; +} + +header { + background: #c70039; + color: #fff; + padding: 20px 0; + text-align: center; +} + +header h1 { + margin: 0; + font-size: 2.5em; +} + +header p { + margin: 5px 0 0; + font-size: 1.2em; +} + +nav { + background: #333; + color: #fff; + padding: 10px 0; + text-align: center; +} + +nav ul { + list-style: none; + padding: 0; + margin: 0; +} + +nav ul li { + display: inline; + margin: 0 15px; +} + +nav ul li a { + color: #fff; + text-decoration: none; + font-size: 1.1em; +} + +main { + padding: 20px; +} + +section { + margin-bottom: 40px; +} + +section h2 { + color: #c70039; + font-size: 2em; + margin-bottom: 10px; +} + +section p { + font-size: 1.1em; + line-height: 1.8; +} + +section ul { + list-style: disc; + margin-left: 20px; +} + +section ul li { + margin-bottom: 10px; +} + +article { + background: #fff; + padding: 15px; + margin-bottom: 20px; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); +} + +article h3 { + color: #c70039; + font-size: 1.5em; + margin-bottom: 10px; +} + +form { + background: #fff; + padding: 20px; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); +} + +form label { + display: block; + margin-bottom: 5px; + font-weight: bold; +} + +form input, form textarea { + width: 100%; + padding: 10px; + margin-bottom: 15px; + border: 1px solid #ccc; + border-radius: 5px; +} + +form button { + background: #c70039; + color: #fff; + padding: 10px 20px; + border: none; + border-radius: 5px; + cursor: pointer; +} + +form button:hover { + background: #900c3f; +} + +footer { + background: #333; + color: #fff; + text-align: center; + padding: 10px 0; + margin-top: 40px; +} + +@media (max-width: 768px) { + header h1 { + font-size: 2em; + } + + header p { + font-size: 1em; + } + + nav ul li { + display: block; + margin: 10px 0; + } + + section h2 { + font-size: 1.5em; + } + + section p { + font-size: 1em; + } + + article h3 { + font-size: 1.2em; + } +} \ No newline at end of file