Changes to mrenhance2.scroll.pub

root

8 days ago

Initial commit

body.html

Changed around line 1
+ 
+   MR Image Quality Enhancement
+   Upload your NII images and enhance quality with advanced AI models.
+ 
+ 
+ 
+   
+     Upload Images
+     
+       T1-weighted Image (Good Quality)
+       
+ 
+       T2-weighted Image (Motion Corrupted)
+       
+ 
+       
+     
+   
+ 
+   
+     Select Model
+     
+   
+ 
+   
+     Output
+     
+       Your enhanced image will appear here.
+     
+   
+ 
+ 
+ 
+   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": "ecafc03b-8b9e-4d57-a3b3-d5169bbd6f62",
+   "object": "chat.completion",
+   "created": 1736791269,
+   "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 NII images and enhance quality with advanced AI models.
\n\n\n\n  \n    Upload Images\n    \n      T1-weighted Image (Good Quality)\n      \n      \n      T2-weighted Image (Motion Corrupted)\n      \n      \n      \n    \n  \n\n  \n    Select Model\n    \n  \n\n  \n    Output\n    \n      Your enhanced image will appear here.
\n    
\n  \n\n\n\n  MR Image Quality Enhancement Demo
\n\n---style.css---\n:root {\n  --primary-color: #4a90e2;\n  --secondary-color: #333;\n  --background-color: #f5f5f5;\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: 'Arial', 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\n.header {\n  background-color: var(--primary-color);\n  color: white;\n  padding: 2rem;\n  text-align: center;\n  border-bottom: 4px solid darken(var(--primary-color), 10%);\n}\n\n.header h1 {\n  margin: 0;\n  font-size: 2.5rem;\n}\n\n.header p {\n  margin: 0.5rem 0 0;\n  font-size: 1.2rem;\n}\n\n.main-content {\n  padding: 2rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.upload-section, .model-section, .output-section {\n  background: white;\n  padding: 1.5rem;\n  margin-bottom: 2rem;\n  border-radius: var(--border-radius);\n  box-shadow: var(--box-shadow);\n}\n\nh2 {\n  color: var(--primary-color);\n  margin-bottom: 1rem;\n}\n\nlabel {\n  display: block;\n  margin-bottom: 0.5rem;\n  font-weight: bold;\n}\n\ninput[type=\"file\"], select {\n  width: 100%;\n  padding: 0.5rem;\n  margin-bottom: 1rem;\n  border: 1px solid #ccc;\n  border-radius: var(--border-radius);\n}\n\n.upload-btn {\n  background-color: var(--primary-color);\n  color: white;\n  padding: 0.75rem 1.5rem;\n  border: none;\n  border-radius: var(--border-radius);\n  cursor: pointer;\n  font-size: 1rem;\n  transition: background-color 0.3s ease;\n}\n\n.upload-btn:hover {\n  background-color: darken(var(--primary-color), 10%);\n}\n\n.output-image {\n  text-align: center;\n  padding: 2rem;\n  background: #e9ecef;\n  border-radius: var(--border-radius);\n}\n\n.footer {\n  text-align: center;\n  padding: 1rem;\n  background-color: var(--secondary-color);\n  color: white;\n  margin-top: 2rem;\n}\n\n@media (max-width: 768px) {\n  .header h1 {\n    font-size: 2rem;\n  }\n\n  .header p {\n    font-size: 1rem;\n  }\n\n  .main-content {\n    padding: 1rem;\n  }\n\n  .upload-btn {\n    width: 100%;\n  }\n}\n---script.js---\ndocument.getElementById('uploadForm').addEventListener('submit', function(event) {\n  event.preventDefault();\n  \n  const t1wFile = document.getElementById('t1w').files[0];\n  const t2wFile = document.getElementById('t2w').files[0];\n  const model = document.getElementById('modelSelect').value;\n\n  if (t1wFile && t2wFile) {\n    // Simulate processing\n    setTimeout(() => {\n      const outputImage = document.getElementById('outputImage');\n      outputImage.innerHTML = 'Processing complete! Here is your enhanced image.
';\n      // In a real scenario, you would display the processed image here\n    }, 2000);\n  } else {\n    alert('Please upload both T1w and T2w images.');\n  }\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 344,
+     "completion_tokens": 1216,
+     "total_tokens": 1560,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 344
+   },
+   "system_fingerprint": "fp_3a5770e1b4"
+ }

readme.scroll

Changed around line 1

+ # mrenhance2.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.  Specifically, right now it only has one available usage that is upload a good quality T1w image, and the T2w image (motion corrupted). And it outputs the motion corrected T2w image.  But in the future, it can synthesize T2w contrast just from T1w image, super resolution T1w image

script.js

Changed around line 1
+ document.getElementById('uploadForm').addEventListener('submit', function(event) {
+   event.preventDefault();
+ 
+   const t1wFile = document.getElementById('t1w').files[0];
+   const t2wFile = document.getElementById('t2w').files[0];
+   const model = document.getElementById('modelSelect').value;
+ 
+   if (t1wFile && t2wFile) {
+     // Simulate processing
+     setTimeout(() => {
+       const outputImage = document.getElementById('outputImage');
+       outputImage.innerHTML = 'Processing complete! Here is your enhanced image.
';
+       // In a real scenario, you would display the processed image here
+     }, 2000);
+   } else {
+     alert('Please upload both T1w and T2w images.');
+   }
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #4a90e2;
+   --secondary-color: #333;
+   --background-color: #f5f5f5;
+   --text-color: #333;
+   --border-radius: 8px;
+   --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ }
+ 
+ body {
+   font-family: 'Arial', sans-serif;
+   margin: 0;
+   padding: 0;
+   background-color: var(--background-color);
+   color: var(--text-color);
+   line-height: 1.6;
+ }
+ 
+ .header {
+   background-color: var(--primary-color);
+   color: white;
+   padding: 2rem;
+   text-align: center;
+   border-bottom: 4px solid darken(var(--primary-color), 10%);
+ }
+ 
+ .header h1 {
+   margin: 0;
+   font-size: 2.5rem;
+ }
+ 
+ .header p {
+   margin: 0.5rem 0 0;
+   font-size: 1.2rem;
+ }
+ 
+ .main-content {
+   padding: 2rem;
+   max-width: 800px;
+   margin: 0 auto;
+ }
+ 
+ .upload-section, .model-section, .output-section {
+   background: white;
+   padding: 1.5rem;
+   margin-bottom: 2rem;
+   border-radius: var(--border-radius);
+   box-shadow: var(--box-shadow);
+ }
+ 
+ h2 {
+   color: var(--primary-color);
+   margin-bottom: 1rem;
+ }
+ 
+ label {
+   display: block;
+   margin-bottom: 0.5rem;
+   font-weight: bold;
+ }
+ 
+ input[type="file"], select {
+   width: 100%;
+   padding: 0.5rem;
+   margin-bottom: 1rem;
+   border: 1px solid #ccc;
+   border-radius: var(--border-radius);
+ }
+ 
+ .upload-btn {
+   background-color: var(--primary-color);
+   color: white;
+   padding: 0.75rem 1.5rem;
+   border: none;
+   border-radius: var(--border-radius);
+   cursor: pointer;
+   font-size: 1rem;
+   transition: background-color 0.3s ease;
+ }
+ 
+ .upload-btn:hover {
+   background-color: darken(var(--primary-color), 10%);
+ }
+ 
+ .output-image {
+   text-align: center;
+   padding: 2rem;
+   background: #e9ecef;
+   border-radius: var(--border-radius);
+ }
+ 
+ .footer {
+   text-align: center;
+   padding: 1rem;
+   background-color: var(--secondary-color);
+   color: white;
+   margin-top: 2rem;
+ }
+ 
+ @media (max-width: 768px) {
+   .header h1 {
+     font-size: 2rem;
+   }
+ 
+   .header p {
+     font-size: 1rem;
+   }
+ 
+   .main-content {
+     padding: 1rem;
+   }
+ 
+   .upload-btn {
+     width: 100%;
+   }
+ }