Changes to mrenhance1.scroll.pub

root

23 days ago

Initial commit

body.html

Changed around line 1
+ 
+   MR Image Quality Enhancement
+   Upload your NIfTI image and select a model for quality enhancement.
+ 
+ 
+ 
+   
+     Upload Image
+     
+     Choose NIfTI File
+   
+ 
+   
+     Select Model
+     
+   
+ 
+   
+     Preview
+     
+     
+   
+ 
+   
+     Results
+     
+   
+ 
+ 
+ 
+   MR Image Quality Enhancement Demo
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://mrenhance.scroll.pub
+ metaTags
+ editButton /edit.html
+ title MR Image Quality Enhancement Demo
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "893707eb-ffae-4670-8c11-12a9a72b88b4",
+   "object": "chat.completion",
+   "created": 1735544312,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nmrenhance.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://mrenhance.scroll.pub\nmetaTags\neditButton /edit.html\ntitle MR Image Quality Enhancement Demo\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  MR Image Quality Enhancement\n  Upload your NIfTI image and select a model for quality enhancement.
\n\n\n\n  \n    Upload Image\n    \n    Choose NIfTI File\n  \n\n  \n    Select Model\n    \n  \n\n  \n    Preview\n    
\n    \n  \n\n  \n    Results\n    
\n  \n\n\n\n  MR Image Quality Enhancement Demo
\n\n---style.css---\n:root {\n  --primary-color: #4a90e2;\n  --secondary-color: #50e3c2;\n  --background-color: #f5f7fa;\n  --text-color: #333;\n  --border-radius: 8px;\n  --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\nbody {\n  font-family: 'Segoe UI', sans-serif;\n  margin: 0;\n  padding: 0;\n  background-color: var(--background-color);\n  color: var(--text-color);\n  line-height: 1.6;\n}\n\nheader {\n  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n  color: white;\n  padding: 2rem;\n  text-align: center;\n}\n\nh1 {\n  font-size: 2.5rem;\n  margin-bottom: 0.5rem;\n}\n\np {\n  font-size: 1.1rem;\n}\n\nmain {\n  max-width: 800px;\n  margin: 2rem auto;\n  padding: 0 1rem;\n}\n\nsection {\n  background: white;\n  border-radius: var(--border-radius);\n  box-shadow: var(--box-shadow);\n  padding: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.upload-section {\n  text-align: center;\n}\n\n.upload-label {\n  display: inline-block;\n  background: var(--primary-color);\n  color: white;\n  padding: 0.75rem 1.5rem;\n  border-radius: var(--border-radius);\n  cursor: pointer;\n  transition: background 0.3s ease;\n}\n\n.upload-label:hover {\n  background: #357abd;\n}\n\n#imageUpload {\n  display: none;\n}\n\n.model-section select {\n  width: 100%;\n  padding: 0.75rem;\n  border-radius: var(--border-radius);\n  border: 1px solid #ddd;\n  background: white;\n  font-size: 1rem;\n}\n\n.preview-section {\n  text-align: center;\n}\n\n#imagePreview {\n  margin: 1rem 0;\n  min-height: 200px;\n  background: #f0f0f0;\n  border-radius: var(--border-radius);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #666;\n}\n\n#processButton {\n  background: var(--secondary-color);\n  color: white;\n  border: none;\n  padding: 0.75rem 1.5rem;\n  border-radius: var(--border-radius);\n  cursor: pointer;\n  font-size: 1rem;\n  transition: background 0.3s ease;\n}\n\n#processButton:disabled {\n  background: #ccc;\n  cursor: not-allowed;\n}\n\n#processButton:hover:not(:disabled) {\n  background: #3fc1a8;\n}\n\n.results-section {\n  display: none;\n}\n\nfooter {\n  text-align: center;\n  padding: 1rem;\n  background: white;\n  margin-top: 2rem;\n}\n\n@media (max-width: 600px) {\n  h1 {\n    font-size: 2rem;\n  }\n\n  main {\n    padding: 0 0.5rem;\n  }\n\n  section {\n    padding: 1rem;\n  }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function() {\n  const imageUpload = document.getElementById('imageUpload');\n  const imagePreview = document.getElementById('imagePreview');\n  const processButton = document.getElementById('processButton');\n  const resultsContainer = document.getElementById('resultsContainer');\n  const resultsSection = document.querySelector('.results-section');\n\n  imageUpload.addEventListener('change', function(event) {\n    const file = event.target.files[0];\n    if (file) {\n      imagePreview.textContent = file.name;\n      processButton.disabled = false;\n    }\n  });\n\n  processButton.addEventListener('click', function() {\n    const selectedModel = document.getElementById('modelSelect').value;\n    resultsContainer.innerHTML = `Processing image with ${selectedModel}...
`;\n    resultsSection.style.display = 'block';\n\n    // Simulate processing delay\n    setTimeout(() => {\n      resultsContainer.innerHTML = `\n        Processing complete!
\n        Enhanced Image Preview
\n      `;\n    }, 2000);\n  });\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 269,
+     "completion_tokens": 1298,
+     "total_tokens": 1567,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 269
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # mrenhance1.scroll.pub

+ Website generated by DeepSeek from prompt: I want to create a webapp demo for mr image quality enhancement for my pitchdeck. I want to be able to upload nii image and select what model to use.

script.js

Changed around line 1
+ document.addEventListener('DOMContentLoaded', function() {
+   const imageUpload = document.getElementById('imageUpload');
+   const imagePreview = document.getElementById('imagePreview');
+   const processButton = document.getElementById('processButton');
+   const resultsContainer = document.getElementById('resultsContainer');
+   const resultsSection = document.querySelector('.results-section');
+ 
+   imageUpload.addEventListener('change', function(event) {
+     const file = event.target.files[0];
+     if (file) {
+       imagePreview.textContent = file.name;
+       processButton.disabled = false;
+     }
+   });
+ 
+   processButton.addEventListener('click', function() {
+     const selectedModel = document.getElementById('modelSelect').value;
+     resultsContainer.innerHTML = `Processing image with ${selectedModel}...
`;
+     resultsSection.style.display = 'block';
+ 
+     // Simulate processing delay
+     setTimeout(() => {
+       resultsContainer.innerHTML = `
+         Processing complete!
+         Enhanced Image Preview
+       `;
+     }, 2000);
+   });
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #4a90e2;
+   --secondary-color: #50e3c2;
+   --background-color: #f5f7fa;
+   --text-color: #333;
+   --border-radius: 8px;
+   --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ }
+ 
+ body {
+   font-family: 'Segoe UI', sans-serif;
+   margin: 0;
+   padding: 0;
+   background-color: var(--background-color);
+   color: var(--text-color);
+   line-height: 1.6;
+ }
+ 
+ header {
+   background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
+   color: white;
+   padding: 2rem;
+   text-align: center;
+ }
+ 
+ h1 {
+   font-size: 2.5rem;
+   margin-bottom: 0.5rem;
+ }
+ 
+ p {
+   font-size: 1.1rem;
+ }
+ 
+ main {
+   max-width: 800px;
+   margin: 2rem auto;
+   padding: 0 1rem;
+ }
+ 
+ section {
+   background: white;
+   border-radius: var(--border-radius);
+   box-shadow: var(--box-shadow);
+   padding: 1.5rem;
+   margin-bottom: 1.5rem;
+ }
+ 
+ .upload-section {
+   text-align: center;
+ }
+ 
+ .upload-label {
+   display: inline-block;
+   background: var(--primary-color);
+   color: white;
+   padding: 0.75rem 1.5rem;
+   border-radius: var(--border-radius);
+   cursor: pointer;
+   transition: background 0.3s ease;
+ }
+ 
+ .upload-label:hover {
+   background: #357abd;
+ }
+ 
+ #imageUpload {
+   display: none;
+ }
+ 
+ .model-section select {
+   width: 100%;
+   padding: 0.75rem;
+   border-radius: var(--border-radius);
+   border: 1px solid #ddd;
+   background: white;
+   font-size: 1rem;
+ }
+ 
+ .preview-section {
+   text-align: center;
+ }
+ 
+ #imagePreview {
+   margin: 1rem 0;
+   min-height: 200px;
+   background: #f0f0f0;
+   border-radius: var(--border-radius);
+   display: flex;
+   align-items: center;
+   justify-content: center;
+   color: #666;
+ }
+ 
+ #processButton {
+   background: var(--secondary-color);
+   color: white;
+   border: none;
+   padding: 0.75rem 1.5rem;
+   border-radius: var(--border-radius);
+   cursor: pointer;
+   font-size: 1rem;
+   transition: background 0.3s ease;
+ }
+ 
+ #processButton:disabled {
+   background: #ccc;
+   cursor: not-allowed;
+ }
+ 
+ #processButton:hover:not(:disabled) {
+   background: #3fc1a8;
+ }
+ 
+ .results-section {
+   display: none;
+ }
+ 
+ footer {
+   text-align: center;
+   padding: 1rem;
+   background: white;
+   margin-top: 2rem;
+ }
+ 
+ @media (max-width: 600px) {
+   h1 {
+     font-size: 2rem;
+   }
+ 
+   main {
+     padding: 0 0.5rem;
+   }
+ 
+   section {
+     padding: 1rem;
+   }
+ }