Changes to marioscape.scroll.pub

root

24 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Super Mario Adventure
+   Relive the classic platforming experience in your browser!
+ 
+ 
+ 
+   
+     
+       
+       
+       
+       
+       
+     
+   
+ 
+ 
+ 
+   Jump, run, and collect coins in this nostalgic Mario-inspired game.
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://marioscape.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Super Mario Adventure
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "82c29816-e0d0-4733-9697-d6cf09bf1afb",
+   "object": "chat.completion",
+   "created": 1735432298,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nmarioscape.scroll.pub\n\n---index.scroll---\nbuildHtml\nbaseUrl https://marioscape.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Super Mario Adventure\nstyle.css\nbody.html\nscript.js\n\n---body.html---\n\n  Super Mario Adventure\n  Relive the classic platforming experience in your browser!
\n\n\n\n  \n    \n      
\n      
\n      
\n      
\n      
\n    
\n  
\n\n\n\n  Jump, run, and collect coins in this nostalgic Mario-inspired game.
\n\n\n---style.css---\n:root {\n  --mario-red: #e52521;\n  --mario-blue: #1e90ff;\n  --ground-green: #228b22;\n  --pipe-green: #006400;\n  --coin-yellow: #ffd700;\n  --cloud-white: #f0f8ff;\n}\n\nbody {\n  margin: 0;\n  font-family: 'Press Start 2P', cursive;\n  background: linear-gradient(180deg, #87CEEB 50%, #f0f8ff 100%);\n  min-height: 100vh;\n  color: #333;\n}\n\n.hero {\n  text-align: center;\n  padding: 2rem;\n  background: var(--mario-red);\n  color: white;\n}\n\n.game-container {\n  max-width: 800px;\n  margin: 2rem auto;\n  padding: 1rem;\n}\n\n.game-wrapper {\n  position: relative;\n  width: 100%;\n  padding-bottom: 56.25%;\n  background: #87CEEB;\n  border: 5px solid #333;\n  border-radius: 10px;\n  overflow: hidden;\n}\n\n.game-canvas {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.mario {\n  position: absolute;\n  bottom: 20%;\n  left: 10%;\n  width: 40px;\n  height: 60px;\n  background: var(--mario-red);\n  border-radius: 50% 50% 0 0;\n  animation: jump 1s infinite alternate;\n}\n\n.ground {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 20%;\n  background: var(--ground-green);\n}\n\n.pipe {\n  position: absolute;\n  bottom: 20%;\n  right: 20%;\n  width: 60px;\n  height: 100px;\n  background: var(--pipe-green);\n  border-radius: 10px 10px 0 0;\n}\n\n.coin {\n  position: absolute;\n  top: 30%;\n  right: 25%;\n  width: 20px;\n  height: 20px;\n  background: var(--coin-yellow);\n  border-radius: 50%;\n  animation: spin 2s infinite linear;\n}\n\n.cloud {\n  position: absolute;\n  top: 10%;\n  left: 20%;\n  width: 100px;\n  height: 50px;\n  background: var(--cloud-white);\n  border-radius: 50px;\n  animation: float 10s infinite linear;\n}\n\n@keyframes jump {\n  0% { transform: translateY(0); }\n  100% { transform: translateY(-50px); }\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n@keyframes float {\n  0% { transform: translateX(-100%); }\n  100% { transform: translateX(100%); }\n}\n\nfooter {\n  text-align: center;\n  padding: 1rem;\n  background: #333;\n  color: white;\n}\n\n@media (max-width: 768px) {\n  .mario {\n    width: 30px;\n    height: 45px;\n  }\n  \n  .pipe {\n    width: 40px;\n    height: 80px;\n  }\n  \n  .coin {\n    width: 15px;\n    height: 15px;\n  }\n}\n\n---script.js---\n// Basic Mario movement\nconst mario = document.querySelector('.mario');\n\ndocument.addEventListener('keydown', (e) => {\n  if (e.code === 'Space') {\n    mario.style.animation = 'jump 0.5s ease';\n    setTimeout(() => {\n      mario.style.animation = '';\n    }, 500);\n  }\n});\n\n// Coin collection\nconst coin = document.querySelector('.coin');\n\ncoin.addEventListener('click', () => {\n  coin.style.display = 'none';\n  alert('You got a coin!');\n});\n\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 239,
+     "completion_tokens": 1089,
+     "total_tokens": 1328,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 239
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # marioscape.scroll.pub

+ Website generated by DeepSeek from prompt: full super mario game

script.js

Changed around line 1
+ // Basic Mario movement
+ const mario = document.querySelector('.mario');
+ 
+ document.addEventListener('keydown', (e) => {
+   if (e.code === 'Space') {
+     mario.style.animation = 'jump 0.5s ease';
+     setTimeout(() => {
+       mario.style.animation = '';
+     }, 500);
+   }
+ });
+ 
+ // Coin collection
+ const coin = document.querySelector('.coin');
+ 
+ coin.addEventListener('click', () => {
+   coin.style.display = 'none';
+   alert('You got a coin!');
+ });

style.css

Changed around line 1
+ :root {
+   --mario-red: #e52521;
+   --mario-blue: #1e90ff;
+   --ground-green: #228b22;
+   --pipe-green: #006400;
+   --coin-yellow: #ffd700;
+   --cloud-white: #f0f8ff;
+ }
+ 
+ body {
+   margin: 0;
+   font-family: 'Press Start 2P', cursive;
+   background: linear-gradient(180deg, #87CEEB 50%, #f0f8ff 100%);
+   min-height: 100vh;
+   color: #333;
+ }
+ 
+ .hero {
+   text-align: center;
+   padding: 2rem;
+   background: var(--mario-red);
+   color: white;
+ }
+ 
+ .game-container {
+   max-width: 800px;
+   margin: 2rem auto;
+   padding: 1rem;
+ }
+ 
+ .game-wrapper {
+   position: relative;
+   width: 100%;
+   padding-bottom: 56.25%;
+   background: #87CEEB;
+   border: 5px solid #333;
+   border-radius: 10px;
+   overflow: hidden;
+ }
+ 
+ .game-canvas {
+   position: absolute;
+   top: 0;
+   left: 0;
+   width: 100%;
+   height: 100%;
+ }
+ 
+ .mario {
+   position: absolute;
+   bottom: 20%;
+   left: 10%;
+   width: 40px;
+   height: 60px;
+   background: var(--mario-red);
+   border-radius: 50% 50% 0 0;
+   animation: jump 1s infinite alternate;
+ }
+ 
+ .ground {
+   position: absolute;
+   bottom: 0;
+   left: 0;
+   width: 100%;
+   height: 20%;
+   background: var(--ground-green);
+ }
+ 
+ .pipe {
+   position: absolute;
+   bottom: 20%;
+   right: 20%;
+   width: 60px;
+   height: 100px;
+   background: var(--pipe-green);
+   border-radius: 10px 10px 0 0;
+ }
+ 
+ .coin {
+   position: absolute;
+   top: 30%;
+   right: 25%;
+   width: 20px;
+   height: 20px;
+   background: var(--coin-yellow);
+   border-radius: 50%;
+   animation: spin 2s infinite linear;
+ }
+ 
+ .cloud {
+   position: absolute;
+   top: 10%;
+   left: 20%;
+   width: 100px;
+   height: 50px;
+   background: var(--cloud-white);
+   border-radius: 50px;
+   animation: float 10s infinite linear;
+ }
+ 
+ @keyframes jump {
+   0% { transform: translateY(0); }
+   100% { transform: translateY(-50px); }
+ }
+ 
+ @keyframes spin {
+   0% { transform: rotate(0deg); }
+   100% { transform: rotate(360deg); }
+ }
+ 
+ @keyframes float {
+   0% { transform: translateX(-100%); }
+   100% { transform: translateX(100%); }
+ }
+ 
+ footer {
+   text-align: center;
+   padding: 1rem;
+   background: #333;
+   color: white;
+ }
+ 
+ @media (max-width: 768px) {
+   .mario {
+     width: 30px;
+     height: 45px;
+   }
+ 
+   .pipe {
+     width: 40px;
+     height: 80px;
+   }
+ 
+   .coin {
+     width: 15px;
+     height: 15px;
+   }
+ }