Changes to starrynight.scroll.pub

root

20 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Starry Night
+   Explore the beauty of the cosmos
+ 
+ 
+ 
+   
+     
+     
+     
+   
+ 
+   
+     About the Stars
+     Stars are massive, luminous spheres of plasma held together by gravity. They are the building blocks of galaxies and the source of light and energy in the universe.
+     Our website brings the wonder of the stars to your screen, creating a mesmerizing experience that showcases the beauty of the night sky.
+   
+ 
+ 
+ 
+   Experience the cosmos like never before
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://starrynight.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Starry Night - A Celestial Experience
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "38623a65-34a5-4f52-870f-ab24c313ff78",
+   "object": "chat.completion",
+   "created": 1735767828,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nstarrynight.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://starrynight.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Starry Night - A Celestial Experience\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  Starry Night\n  Explore the beauty of the cosmos
\n\n\n\n  \n    
\n    
\n    
\n  \n\n  \n    About the Stars\n    Stars are massive, luminous spheres of plasma held together by gravity. They are the building blocks of galaxies and the source of light and energy in the universe.
\n    Our website brings the wonder of the stars to your screen, creating a mesmerizing experience that showcases the beauty of the night sky.
\n  \n\n\n\n  Experience the cosmos like never before
\n\n---style.css---\n:root {\n  --space-color: #0a0e1a;\n  --star-color: #ffffff;\n  --text-color: #f0f0f0;\n  --accent-color: #ffd700;\n}\n\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nbody {\n  background-color: var(--space-color);\n  color: var(--text-color);\n  font-family: 'Segoe UI', system-ui, sans-serif;\n  line-height: 1.6;\n  min-height: 100vh;\n  overflow-x: hidden;\n}\n\nheader {\n  text-align: center;\n  padding: 2rem;\n  background: linear-gradient(to bottom, rgba(10, 14, 26, 0.9), rgba(10, 14, 26, 0.7));\n}\n\nh1 {\n  font-size: 2.5rem;\n  color: var(--accent-color);\n  margin-bottom: 0.5rem;\n}\n\n.starfield {\n  position: relative;\n  height: 100vh;\n  width: 100%;\n  overflow: hidden;\n}\n\n.stars {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: transparent;\n  animation: twinkle 5s infinite ease-in-out;\n}\n\n.stars:nth-child(2) {\n  animation-delay: 1s;\n}\n\n.stars:nth-child(3) {\n  animation-delay: 2s;\n}\n\n@keyframes twinkle {\n  0%, 100% {\n    opacity: 0.5;\n  }\n  50% {\n    opacity: 1;\n  }\n}\n\n.stars::before {\n  content: '';\n  position: absolute;\n  width: 2px;\n  height: 2px;\n  background: var(--star-color);\n  border-radius: 50%;\n  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);\n  animation: fall linear infinite;\n}\n\n@keyframes fall {\n  from {\n    transform: translateY(-100%);\n  }\n  to {\n    transform: translateY(100vh);\n  }\n}\n\n.content {\n  max-width: 800px;\n  margin: 2rem auto;\n  padding: 1rem;\n  background: rgba(255, 255, 255, 0.05);\n  border-radius: 8px;\n  backdrop-filter: blur(10px);\n}\n\nfooter {\n  text-align: center;\n  padding: 1rem;\n  background: rgba(10, 14, 26, 0.8);\n}\n\n@media (max-width: 768px) {\n  h1 {\n    font-size: 2rem;\n  }\n  \n  .content {\n    margin: 1rem;\n    padding: 0.5rem;\n  }\n}\n---script.js---\n// Generate random stars\nconst starfield = document.querySelector('.starfield');\n\nfunction createStars() {\n  for (let i = 0; i < 3; i++) {\n    const stars = document.querySelectorAll('.stars')[i];\n    for (let j = 0; j < 200; j++) {\n      const star = document.createElement('div');\n      star.style.left = `${Math.random() * 100}%`;\n      star.style.top = `${Math.random() * 100}%`;\n      star.style.animationDuration = `${Math.random() * 5 + 5}s`;\n      stars.appendChild(star);\n    }\n  }\n}\n\ncreateStars();\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 240,
+     "completion_tokens": 1021,
+     "total_tokens": 1261,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 240
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # starrynight.scroll.pub

+ Website generated by DeepSeek from prompt: A website that shows the stars

script.js

Changed around line 1
+ // Generate random stars
+ const starfield = document.querySelector('.starfield');
+ 
+ function createStars() {
+   for (let i = 0; i < 3; i++) {
+     const stars = document.querySelectorAll('.stars')[i];
+     for (let j = 0; j < 200; j++) {
+       const star = document.createElement('div');
+       star.style.left = `${Math.random() * 100}%`;
+       star.style.top = `${Math.random() * 100}%`;
+       star.style.animationDuration = `${Math.random() * 5 + 5}s`;
+       stars.appendChild(star);
+     }
+   }
+ }
+ 
+ createStars();

style.css

Changed around line 1
+ :root {
+   --space-color: #0a0e1a;
+   --star-color: #ffffff;
+   --text-color: #f0f0f0;
+   --accent-color: #ffd700;
+ }
+ 
+ * {
+   margin: 0;
+   padding: 0;
+   box-sizing: border-box;
+ }
+ 
+ body {
+   background-color: var(--space-color);
+   color: var(--text-color);
+   font-family: 'Segoe UI', system-ui, sans-serif;
+   line-height: 1.6;
+   min-height: 100vh;
+   overflow-x: hidden;
+ }
+ 
+ header {
+   text-align: center;
+   padding: 2rem;
+   background: linear-gradient(to bottom, rgba(10, 14, 26, 0.9), rgba(10, 14, 26, 0.7));
+ }
+ 
+ h1 {
+   font-size: 2.5rem;
+   color: var(--accent-color);
+   margin-bottom: 0.5rem;
+ }
+ 
+ .starfield {
+   position: relative;
+   height: 100vh;
+   width: 100%;
+   overflow: hidden;
+ }
+ 
+ .stars {
+   position: absolute;
+   top: 0;
+   left: 0;
+   width: 100%;
+   height: 100%;
+   background: transparent;
+   animation: twinkle 5s infinite ease-in-out;
+ }
+ 
+ .stars:nth-child(2) {
+   animation-delay: 1s;
+ }
+ 
+ .stars:nth-child(3) {
+   animation-delay: 2s;
+ }
+ 
+ @keyframes twinkle {
+   0%, 100% {
+     opacity: 0.5;
+   }
+   50% {
+     opacity: 1;
+   }
+ }
+ 
+ .stars::before {
+   content: '';
+   position: absolute;
+   width: 2px;
+   height: 2px;
+   background: var(--star-color);
+   border-radius: 50%;
+   box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
+   animation: fall linear infinite;
+ }
+ 
+ @keyframes fall {
+   from {
+     transform: translateY(-100%);
+   }
+   to {
+     transform: translateY(100vh);
+   }
+ }
+ 
+ .content {
+   max-width: 800px;
+   margin: 2rem auto;
+   padding: 1rem;
+   background: rgba(255, 255, 255, 0.05);
+   border-radius: 8px;
+   backdrop-filter: blur(10px);
+ }
+ 
+ footer {
+   text-align: center;
+   padding: 1rem;
+   background: rgba(10, 14, 26, 0.8);
+ }
+ 
+ @media (max-width: 768px) {
+   h1 {
+     font-size: 2rem;
+   }
+ 
+   .content {
+     margin: 1rem;
+     padding: 0.5rem;
+   }
+ }