commit 087b594401c9d0278cc3c63177aa824fa88c98c9
Author: root <root@hub.scroll.pub>
Date: 2024-12-28 10:21:36 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..25bde94
--- /dev/null
+++ b/body.html
@@ -0,0 +1,38 @@
+<header>
+ <h1>AmorScroll</h1>
+ <p>Ignite the spark and build romance with your Spanish lover.</p>
+</header>
+
+<main>
+ <section class="hero">
+ <div class="hero-content">
+ <h2>Romantic Phrases</h2>
+ <p>Learn sweet phrases to whisper to your amor.</p>
+ <button id="phraseButton">Get a Phrase</button>
+ <p id="phraseDisplay" class="phrase-display"></p>
+ </div>
+ </section>
+
+ <section class="gallery">
+ <h2>Romantic Inspiration</h2>
+ <div class="image-grid">
+ <img src="images/love1.jpg" alt="Couple walking on a beach at sunset">
+ <img src="images/love2.jpg" alt="Couple sharing a kiss under the stars">
+ <img src="images/love3.jpg" alt="Couple dancing in a romantic setting">
+ </div>
+ </section>
+
+ <section class="tips">
+ <h2>Romantic Tips</h2>
+ <ul>
+ <li>Plan a surprise date night.</li>
+ <li>Write a heartfelt love letter.</li>
+ <li>Learn to dance salsa together.</li>
+ <li>Cook a traditional Spanish meal.</li>
+ </ul>
+ </section>
+</main>
+
+<footer>
+ <p>Created with ❤️ for your love story.</p>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..97022bd
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://amorescroll.scroll.pub
+metaTags
+editButton /edit.html
+title AmorScroll - Build Romance with Your Spanish Lover
+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..df356e6
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "a2958936-3f54-46e9-adb1-a12dea1725de",
+ "object": "chat.completion",
+ "created": 1735381279,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\namorescroll.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://amorescroll.scroll.pub\nmetaTags\neditButton /edit.html\ntitle AmorScroll - Build Romance with Your Spanish Lover\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>AmorScroll</h1>\n <p>Ignite the spark and build romance with your Spanish lover.</p>\n</header>\n\n<main>\n <section class=\"hero\">\n <div class=\"hero-content\">\n <h2>Romantic Phrases</h2>\n <p>Learn sweet phrases to whisper to your amor.</p>\n <button id=\"phraseButton\">Get a Phrase</button>\n <p id=\"phraseDisplay\" class=\"phrase-display\"></p>\n </div>\n </section>\n\n <section class=\"gallery\">\n <h2>Romantic Inspiration</h2>\n <div class=\"image-grid\">\n <img src=\"images/love1.jpg\" alt=\"Couple walking on a beach at sunset\">\n <img src=\"images/love2.jpg\" alt=\"Couple sharing a kiss under the stars\">\n <img src=\"images/love3.jpg\" alt=\"Couple dancing in a romantic setting\">\n </div>\n </section>\n\n <section class=\"tips\">\n <h2>Romantic Tips</h2>\n <ul>\n <li>Plan a surprise date night.</li>\n <li>Write a heartfelt love letter.</li>\n <li>Learn to dance salsa together.</li>\n <li>Cook a traditional Spanish meal.</li>\n </ul>\n </section>\n</main>\n\n<footer>\n <p>Created with ❤️ for your love story.</p>\n</footer>\n---style.css---\n:root {\n --primary-color: #e63946;\n --secondary-color: #f1faee;\n --accent-color: #a8dadc;\n --dark-color: #1d3557;\n --light-color: #ffffff;\n}\n\nbody {\n font-family: 'Georgia', serif;\n margin: 0;\n padding: 0;\n background-color: var(--secondary-color);\n color: var(--dark-color);\n line-height: 1.6;\n}\n\nheader {\n background-color: var(--primary-color);\n color: var(--light-color);\n padding: 2rem;\n text-align: center;\n}\n\nh1 {\n font-size: 2.5rem;\n margin-bottom: 0.5rem;\n}\n\n.hero {\n background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('images/hero.jpg');\n background-size: cover;\n background-position: center;\n color: var(--light-color);\n padding: 3rem;\n text-align: center;\n}\n\n.hero-content {\n max-width: 800px;\n margin: 0 auto;\n}\n\nbutton {\n background-color: var(--accent-color);\n border: none;\n padding: 0.8rem 1.5rem;\n font-size: 1rem;\n cursor: pointer;\n transition: background-color 0.3s ease;\n}\n\nbutton:hover {\n background-color: var(--primary-color);\n color: var(--light-color);\n}\n\n.phrase-display {\n margin-top: 1rem;\n font-size: 1.2rem;\n font-style: italic;\n}\n\n.gallery {\n padding: 2rem;\n background-color: var(--light-color);\n}\n\n.image-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1rem;\n}\n\n.image-grid img {\n width: 100%;\n height: 200px;\n object-fit: cover;\n border-radius: 8px;\n}\n\n.tips {\n padding: 2rem;\n background-color: var(--accent-color);\n}\n\n.tips ul {\n list-style: none;\n padding: 0;\n}\n\n.tips li {\n background-color: var(--light-color);\n margin: 0.5rem 0;\n padding: 0.8rem;\n border-radius: 4px;\n}\n\nfooter {\n background-color: var(--dark-color);\n color: var(--light-color);\n text-align: center;\n padding: 1rem;\n}\n\n@media (max-width: 768px) {\n h1 {\n font-size: 2rem;\n }\n\n .hero {\n padding: 2rem;\n }\n}\n---script.js---\nconst phrases = [\n \"Eres mi media naranja. (You are my better half.)\",\n \"Mi corazón late por ti. (My heart beats for you.)\",\n \"Eres el amor de mi vida. (You are the love of my life.)\",\n \"Contigo, el tiempo vuela. (With you, time flies.)\",\n \"Eres mi sueño hecho realidad. (You are my dream come true.)\",\n \"Tu sonrisa ilumina mi día. (Your smile lights up my day.)\",\n \"Eres mi razón de ser. (You are my reason for being.)\",\n \"Te quiero con todo mi corazón. (I love you with all my heart.)\",\n \"Eres mi todo. (You are my everything.)\",\n \"Eres mi sol en los días grises. (You are my sun on gray days.)\"\n];\n\nconst phraseButton = document.getElementById('phraseButton');\nconst phraseDisplay = document.getElementById('phraseDisplay');\n\nphraseButton.addEventListener('click', () => {\n const randomPhrase = phrases[Math.floor(Math.random() * phrases.length)];\n phraseDisplay.textContent = randomPhrase;\n});\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 257,
+ "completion_tokens": 1262,
+ "total_tokens": 1519,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 257
+ },
+ "system_fingerprint": "fp_f1afce2943"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..50dd3f3
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# amorescroll.scroll.pub
+Website generated by DeepSeek from prompt: I want a website that helps me build romance with my Spanish lover. It should have some colorful images. Be creative.
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..877a014
--- /dev/null
+++ b/script.js
@@ -0,0 +1,20 @@
+const phrases = [
+ "Eres mi media naranja. (You are my better half.)",
+ "Mi corazón late por ti. (My heart beats for you.)",
+ "Eres el amor de mi vida. (You are the love of my life.)",
+ "Contigo, el tiempo vuela. (With you, time flies.)",
+ "Eres mi sueño hecho realidad. (You are my dream come true.)",
+ "Tu sonrisa ilumina mi día. (Your smile lights up my day.)",
+ "Eres mi razón de ser. (You are my reason for being.)",
+ "Te quiero con todo mi corazón. (I love you with all my heart.)",
+ "Eres mi todo. (You are my everything.)",
+ "Eres mi sol en los días grises. (You are my sun on gray days.)"
+];
+
+const phraseButton = document.getElementById('phraseButton');
+const phraseDisplay = document.getElementById('phraseDisplay');
+
+phraseButton.addEventListener('click', () => {
+ const randomPhrase = phrases[Math.floor(Math.random() * phrases.length)];
+ phraseDisplay.textContent = randomPhrase;
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..7d52f12
--- /dev/null
+++ b/style.css
@@ -0,0 +1,114 @@
+:root {
+ --primary-color: #e63946;
+ --secondary-color: #f1faee;
+ --accent-color: #a8dadc;
+ --dark-color: #1d3557;
+ --light-color: #ffffff;
+}
+
+body {
+ font-family: 'Georgia', serif;
+ margin: 0;
+ padding: 0;
+ background-color: var(--secondary-color);
+ color: var(--dark-color);
+ line-height: 1.6;
+}
+
+header {
+ background-color: var(--primary-color);
+ color: var(--light-color);
+ padding: 2rem;
+ text-align: center;
+}
+
+h1 {
+ font-size: 2.5rem;
+ margin-bottom: 0.5rem;
+}
+
+.hero {
+ background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('images/hero.jpg');
+ background-size: cover;
+ background-position: center;
+ color: var(--light-color);
+ padding: 3rem;
+ text-align: center;
+}
+
+.hero-content {
+ max-width: 800px;
+ margin: 0 auto;
+}
+
+button {
+ background-color: var(--accent-color);
+ border: none;
+ padding: 0.8rem 1.5rem;
+ font-size: 1rem;
+ cursor: pointer;
+ transition: background-color 0.3s ease;
+}
+
+button:hover {
+ background-color: var(--primary-color);
+ color: var(--light-color);
+}
+
+.phrase-display {
+ margin-top: 1rem;
+ font-size: 1.2rem;
+ font-style: italic;
+}
+
+.gallery {
+ padding: 2rem;
+ background-color: var(--light-color);
+}
+
+.image-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 1rem;
+}
+
+.image-grid img {
+ width: 100%;
+ height: 200px;
+ object-fit: cover;
+ border-radius: 8px;
+}
+
+.tips {
+ padding: 2rem;
+ background-color: var(--accent-color);
+}
+
+.tips ul {
+ list-style: none;
+ padding: 0;
+}
+
+.tips li {
+ background-color: var(--light-color);
+ margin: 0.5rem 0;
+ padding: 0.8rem;
+ border-radius: 4px;
+}
+
+footer {
+ background-color: var(--dark-color);
+ color: var(--light-color);
+ text-align: center;
+ padding: 1rem;
+}
+
+@media (max-width: 768px) {
+ h1 {
+ font-size: 2rem;
+ }
+
+ .hero {
+ padding: 2rem;
+ }
+}
\ No newline at end of file