Changes to wildwolfs.scroll.pub

root

20 days ago

Initial commit

body.html

Changed around line 1
+ 
+   
+     Wild Wolfs
+     Discover the Majesty of Wolves
+     Learn More
+   
+ 
+ 
+ 
+   
+     About Wolves
+     Wolves are majestic creatures that play a vital role in maintaining the balance of ecosystems. They are known for their intelligence, social structure, and hunting prowess.
+     
+       
+         Social Structure
+         Wolves live in packs, which are complex social structures led by an alpha pair.
+       
+       
+         Habitat
+         Wolves are found in a variety of habitats, from forests to tundras.
+       
+       
+         Conservation
+         Many wolf species are endangered due to habitat loss and human conflict.
+       
+     
+   
+ 
+ 
+ 
+   
+     Gallery
+     
+       
+       
+       
+     
+   
+ 
+ 
+ 
+   
+     Explore the world of wolves and learn how you can help protect them.
+   
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://wildwolfs.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Wild Wolfs - Discover the Majesty of Wolves
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "71ba4c0b-3d0d-4a76-9344-99458cee9988",
+   "object": "chat.completion",
+   "created": 1735768068,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nwildwolfs.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://wildwolfs.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Wild Wolfs - Discover the Majesty of Wolves\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  \n    Wild Wolfs\n    Discover the Majesty of Wolves
\n    Learn More\n  
\n\n\n\n  \n    About Wolves\n    Wolves are majestic creatures that play a vital role in maintaining the balance of ecosystems. They are known for their intelligence, social structure, and hunting prowess.
\n    \n      \n        Social Structure\n        Wolves live in packs, which are complex social structures led by an alpha pair.
\n      
\n      \n        Habitat\n        Wolves are found in a variety of habitats, from forests to tundras.
\n      
\n      \n        Conservation\n        Many wolf species are endangered due to habitat loss and human conflict.
\n      
\n    
\n  
\n\n\n\n  \n    Gallery\n    \n      \n      \n      \n    
\n  
\n\n\n\n  \n    Explore the world of wolves and learn how you can help protect them.
\n  
\n\n---style.css---\n:root {\n  --primary-color: #4A90E2;\n  --secondary-color: #333;\n  --background-color: #f4f4f4;\n  --text-color: #333;\n  --white: #fff;\n}\n\nbody {\n  font-family: 'Arial', sans-serif;\n  line-height: 1.6;\n  color: var(--text-color);\n  margin: 0;\n  padding: 0;\n  background-color: var(--background-color);\n}\n\n.hero {\n  background: url('/images/hero.jpg') no-repeat center center/cover;\n  height: 100vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--white);\n  text-align: center;\n}\n\n.hero-content h1 {\n  font-size: 4rem;\n  margin-bottom: 1rem;\n}\n\n.hero-content p {\n  font-size: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.btn {\n  background: var(--primary-color);\n  color: var(--white);\n  padding: 0.75rem 1.5rem;\n  text-decoration: none;\n  border-radius: 5px;\n  transition: background 0.3s ease;\n}\n\n.btn:hover {\n  background: darken(var(--primary-color), 10%);\n}\n\n.container {\n  width: 90%;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 2rem 0;\n}\n\n.about-section, .gallery-section {\n  padding: 4rem 0;\n}\n\n.grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 2rem;\n}\n\n.card {\n  background: var(--white);\n  padding: 1.5rem;\n  border-radius: 5px;\n  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n  text-align: center;\n}\n\n.gallery {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.gallery img {\n  width: 100%;\n  border-radius: 5px;\n}\n\nfooter {\n  background: var(--secondary-color);\n  color: var(--white);\n  text-align: center;\n  padding: 1rem 0;\n}\n\n@media (max-width: 768px) {\n  .hero-content h1 {\n    font-size: 3rem;\n  }\n\n  .hero-content p {\n    font-size: 1.25rem;\n  }\n\n  .grid {\n    grid-template-columns: 1fr;\n  }\n}\n---script.js---\n// Smooth scrolling for anchor links\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n  anchor.addEventListener('click', function (e) {\n    e.preventDefault();\n    document.querySelector(this.getAttribute('href')).scrollIntoView({\n      behavior: 'smooth'\n    });\n  });\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 237,
+     "completion_tokens": 1128,
+     "total_tokens": 1365,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 237
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # wildwolfs.scroll.pub

+ Website generated by DeepSeek from prompt: wolfs

script.js

Changed around line 1
+ // Smooth scrolling for anchor links
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+   anchor.addEventListener('click', function (e) {
+     e.preventDefault();
+     document.querySelector(this.getAttribute('href')).scrollIntoView({
+       behavior: 'smooth'
+     });
+   });
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #4A90E2;
+   --secondary-color: #333;
+   --background-color: #f4f4f4;
+   --text-color: #333;
+   --white: #fff;
+ }
+ 
+ body {
+   font-family: 'Arial', sans-serif;
+   line-height: 1.6;
+   color: var(--text-color);
+   margin: 0;
+   padding: 0;
+   background-color: var(--background-color);
+ }
+ 
+ .hero {
+   background: url('/images/hero.jpg') no-repeat center center/cover;
+   height: 100vh;
+   display: flex;
+   justify-content: center;
+   align-items: center;
+   color: var(--white);
+   text-align: center;
+ }
+ 
+ .hero-content h1 {
+   font-size: 4rem;
+   margin-bottom: 1rem;
+ }
+ 
+ .hero-content p {
+   font-size: 1.5rem;
+   margin-bottom: 2rem;
+ }
+ 
+ .btn {
+   background: var(--primary-color);
+   color: var(--white);
+   padding: 0.75rem 1.5rem;
+   text-decoration: none;
+   border-radius: 5px;
+   transition: background 0.3s ease;
+ }
+ 
+ .btn:hover {
+   background: darken(var(--primary-color), 10%);
+ }
+ 
+ .container {
+   width: 90%;
+   max-width: 1200px;
+   margin: 0 auto;
+   padding: 2rem 0;
+ }
+ 
+ .about-section, .gallery-section {
+   padding: 4rem 0;
+ }
+ 
+ .grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+   gap: 2rem;
+ }
+ 
+ .card {
+   background: var(--white);
+   padding: 1.5rem;
+   border-radius: 5px;
+   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+   text-align: center;
+ }
+ 
+ .gallery {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+   gap: 1rem;
+ }
+ 
+ .gallery img {
+   width: 100%;
+   border-radius: 5px;
+ }
+ 
+ footer {
+   background: var(--secondary-color);
+   color: var(--white);
+   text-align: center;
+   padding: 1rem 0;
+ }
+ 
+ @media (max-width: 768px) {
+   .hero-content h1 {
+     font-size: 3rem;
+   }
+ 
+   .hero-content p {
+     font-size: 1.25rem;
+   }
+ 
+   .grid {
+     grid-template-columns: 1fr;
+   }
+ }