Changes to amorescroll.scroll.pub

root

25 days ago

Initial commit

body.html

Changed around line 1
+ 
+   AmorScroll
+   Ignite the spark and build romance with your Spanish lover.
+ 
+ 
+ 
+   
+     
+       Romantic Phrases
+       Learn sweet phrases to whisper to your amor.
+       
+       
+     
+   
+ 
+   
+     Romantic Inspiration
+     
+       
+       
+       
+     
+   
+ 
+   
+     Romantic Tips
+     
+       Plan a surprise date night.
+       Write a heartfelt love letter.
+       Learn to dance salsa together.
+       Cook a traditional Spanish meal.
+     
+   
+ 
+ 
+ 
+   Created with ❤️ for your love story.
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://amorescroll.scroll.pub
+ metaTags
+ editButton /edit.html
+ title AmorScroll - Build Romance with Your Spanish Lover
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "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\n  AmorScroll\n  Ignite the spark and build romance with your Spanish lover.
\n\n\n\n  \n    \n      Romantic Phrases\n      Learn sweet phrases to whisper to your amor.
\n      \n      
\n    
\n  \n\n  \n    Romantic Inspiration\n    \n      \n      \n      \n    
\n  \n\n  \n    Romantic Tips\n    \n      Plan a surprise date night.
\n      Write a heartfelt love letter.
\n      Learn to dance salsa together.
\n      Cook a traditional Spanish meal.
\n    \n  \n\n\n\n  Created with ❤️ for your love story.
\n\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"
+ }

readme.scroll

Changed around line 1

+ # 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.

script.js

Changed around line 1
+ 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;
+ });

style.css

Changed around line 1
+ :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;
+   }
+ }