Changes to playmario.scroll.pub

root

25 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Play Mario Games Online
+   Relive the classic adventures of Mario in your browser!
+ 
+ 
+   
+     Choose Your Game
+     
+       
+         
+         Super Mario Bros
+       
+       
+         
+         Super Mario Bros 3
+       
+     
+   
+   
+     
+   
+ 
+ 
+   Enjoy the classic Mario experience right in your browser!
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://playmario.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Play Mario Games Online
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "77c33bfc-7bc3-45ca-90a9-93e4b05e2cb4",
+   "object": "chat.completion",
+   "created": 1735363073,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nplaymario.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://playmario.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Play Mario Games Online\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  Play Mario Games Online\n  Relive the classic adventures of Mario in your browser!
\n\n\n  \n    Choose Your Game\n    \n      \n        \n        Super Mario Bros\n      
\n      \n        \n        Super Mario Bros 3\n      
\n    
\n  \n  \n    \n  \n\n\n  Enjoy the classic Mario experience right in your browser!
\n\n---style.css---\n:root {\n  --primary-color: #e60012;\n  --secondary-color: #f8d347;\n  --background-color: #f5f5f5;\n  --text-color: #333;\n}\n\nbody {\n  font-family: 'Arial', sans-serif;\n  margin: 0;\n  padding: 0;\n  background-color: var(--background-color);\n  color: var(--text-color);\n}\n\n.header {\n  background-color: var(--primary-color);\n  color: white;\n  padding: 2rem;\n  text-align: center;\n}\n\n.main-content {\n  padding: 2rem;\n}\n\n.game-section {\n  margin-bottom: 2rem;\n}\n\n.game-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.game-card {\n  background-color: white;\n  border-radius: 8px;\n  padding: 1rem;\n  text-align: center;\n  cursor: pointer;\n  transition: transform 0.2s;\n}\n\n.game-card:hover {\n  transform: scale(1.05);\n}\n\n.game-card img {\n  width: 100%;\n  border-radius: 8px;\n}\n\n.game-container {\n  display: none;\n  margin-top: 2rem;\n}\n\n.game-frame {\n  width: 100%;\n  height: 500px;\n  border-radius: 8px;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n}\n\n.footer {\n  background-color: var(--primary-color);\n  color: white;\n  text-align: center;\n  padding: 1rem;\n  margin-top: 2rem;\n}\n\n@media (max-width: 768px) {\n  .game-frame {\n    height: 300px;\n  }\n}\n---script.js---\nfunction loadGame(game) {\n  const gameContainer = document.getElementById('game-container');\n  const gameFrame = document.getElementById('game-frame');\n\n  if (game === 'mario1') {\n    gameFrame.src = '/games/mario1/index.html';\n  } else if (game === 'mario3') {\n    gameFrame.src = '/games/mario3/index.html';\n  }\n\n  gameContainer.style.display = 'block';\n  window.scrollTo({\n    top: gameContainer.offsetTop,\n    behavior: 'smooth'\n  });\n}\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 246,
+     "completion_tokens": 834,
+     "total_tokens": 1080,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 246
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # playmario.scroll.pub

+ Website generated by DeepSeek from prompt: create a website that I can play games like super mario

script.js

Changed around line 1
+ function loadGame(game) {
+   const gameContainer = document.getElementById('game-container');
+   const gameFrame = document.getElementById('game-frame');
+ 
+   if (game === 'mario1') {
+     gameFrame.src = '/games/mario1/index.html';
+   } else if (game === 'mario3') {
+     gameFrame.src = '/games/mario3/index.html';
+   }
+ 
+   gameContainer.style.display = 'block';
+   window.scrollTo({
+     top: gameContainer.offsetTop,
+     behavior: 'smooth'
+   });
+ }

style.css

Changed around line 1
+ :root {
+   --primary-color: #e60012;
+   --secondary-color: #f8d347;
+   --background-color: #f5f5f5;
+   --text-color: #333;
+ }
+ 
+ body {
+   font-family: 'Arial', sans-serif;
+   margin: 0;
+   padding: 0;
+   background-color: var(--background-color);
+   color: var(--text-color);
+ }
+ 
+ .header {
+   background-color: var(--primary-color);
+   color: white;
+   padding: 2rem;
+   text-align: center;
+ }
+ 
+ .main-content {
+   padding: 2rem;
+ }
+ 
+ .game-section {
+   margin-bottom: 2rem;
+ }
+ 
+ .game-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+   gap: 1rem;
+ }
+ 
+ .game-card {
+   background-color: white;
+   border-radius: 8px;
+   padding: 1rem;
+   text-align: center;
+   cursor: pointer;
+   transition: transform 0.2s;
+ }
+ 
+ .game-card:hover {
+   transform: scale(1.05);
+ }
+ 
+ .game-card img {
+   width: 100%;
+   border-radius: 8px;
+ }
+ 
+ .game-container {
+   display: none;
+   margin-top: 2rem;
+ }
+ 
+ .game-frame {
+   width: 100%;
+   height: 500px;
+   border-radius: 8px;
+   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ }
+ 
+ .footer {
+   background-color: var(--primary-color);
+   color: white;
+   text-align: center;
+   padding: 1rem;
+   margin-top: 2rem;
+ }
+ 
+ @media (max-width: 768px) {
+   .game-frame {
+     height: 300px;
+   }
+ }