Changes to nucleiviz.scroll.pub

root

25 days ago

Initial commit

body.html

Changed around line 1
+ 
+   NucleiViz
+   Visualize Nuclei Text File Output Results
+ 
+ 
+   
+     Upload Your Nuclei Text File
+     
+     Drag and drop your file here or click to upload.
+   
+   
+     Visualized Results
+     
+   
+ 
+ 
+   NucleiViz - Simplifying Nuclei Output Visualization
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://nucleiviz.scroll.pub
+ metaTags
+ editButton /edit.html
+ title NucleiViz - Visualize Nuclei Text File Output
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "76c0d1e9-1247-4062-9166-f0ed2c554e3e",
+   "object": "chat.completion",
+   "created": 1735383581,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nnucleiviz.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://nucleiviz.scroll.pub\nmetaTags\neditButton /edit.html\ntitle NucleiViz - Visualize Nuclei Text File Output\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  NucleiViz\n  Visualize Nuclei Text File Output Results
\n\n\n  \n    Upload Your Nuclei Text File\n    \n    Drag and drop your file here or click to upload.
\n  \n  \n    Visualized Results\n    
\n  \n\n\n  NucleiViz - Simplifying Nuclei Output Visualization
\n\n---style.css---\n:root {\n  --primary-color: #4a90e2;\n  --secondary-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: 'Segoe UI', sans-serif;\n  line-height: 1.6;\n  color: var(--text-color);\n  margin: 0;\n  padding: 0;\n  background-color: var(--secondary-color);\n}\n\nheader {\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\nh1 {\n  font-size: 2.5rem;\n  margin-bottom: 0.5rem;\n}\n\nmain {\n  max-width: 800px;\n  margin: 2rem auto;\n  padding: 0 1rem;\n}\n\n#upload-section {\n  background: white;\n  padding: 2rem;\n  border-radius: var(--border-radius);\n  box-shadow: var(--box-shadow);\n  text-align: center;\n}\n\n#file-input {\n  display: none;\n}\n\n.file-instructions {\n  padding: 1rem;\n  border: 2px dashed var(--primary-color);\n  border-radius: var(--border-radius);\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n}\n\n.file-instructions:hover {\n  background-color: rgba(74, 144, 226, 0.1);\n}\n\n#results-section {\n  margin-top: 2rem;\n}\n\n#results-container {\n  background: white;\n  padding: 1.5rem;\n  border-radius: var(--border-radius);\n  box-shadow: var(--box-shadow);\n}\n\n.hidden {\n  display: none;\n}\n\nfooter {\n  text-align: center;\n  padding: 1rem;\n  background-color: var(--primary-color);\n  color: white;\n  margin-top: 2rem;\n}\n\n@media (max-width: 768px) {\n  h1 {\n    font-size: 2rem;\n  }\n  \n  main {\n    padding: 0 0.5rem;\n  }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function() {\n  const fileInput = document.getElementById('file-input');\n  const fileInstructions = document.querySelector('.file-instructions');\n  const resultsSection = document.getElementById('results-section');\n  const resultsContainer = document.getElementById('results-container');\n\n  fileInstructions.addEventListener('click', () => fileInput.click());\n\n  fileInput.addEventListener('change', function(e) {\n    const file = e.target.files[0];\n    if (file) {\n      processFile(file);\n    }\n  });\n\n  function processFile(file) {\n    const reader = new FileReader();\n    reader.onload = function(e) {\n      const content = e.target.result;\n      displayResults(content);\n      resultsSection.classList.remove('hidden');\n    };\n    reader.readAsText(file);\n  }\n\n  function displayResults(content) {\n    // Basic example: Display raw content\n    // You can enhance this to parse and visualize specific Nuclei output format\n    resultsContainer.innerHTML = `${content}`;\n  }\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 246,
+     "completion_tokens": 953,
+     "total_tokens": 1199,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 246
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # nucleiviz.scroll.pub

+ Website generated by DeepSeek from prompt: Make a dashboard that lets me visual nuclei text file output results.

script.js

Changed around line 1
+ document.addEventListener('DOMContentLoaded', function() {
+   const fileInput = document.getElementById('file-input');
+   const fileInstructions = document.querySelector('.file-instructions');
+   const resultsSection = document.getElementById('results-section');
+   const resultsContainer = document.getElementById('results-container');
+ 
+   fileInstructions.addEventListener('click', () => fileInput.click());
+ 
+   fileInput.addEventListener('change', function(e) {
+     const file = e.target.files[0];
+     if (file) {
+       processFile(file);
+     }
+   });
+ 
+   function processFile(file) {
+     const reader = new FileReader();
+     reader.onload = function(e) {
+       const content = e.target.result;
+       displayResults(content);
+       resultsSection.classList.remove('hidden');
+     };
+     reader.readAsText(file);
+   }
+ 
+   function displayResults(content) {
+     // Basic example: Display raw content
+     // You can enhance this to parse and visualize specific Nuclei output format
+     resultsContainer.innerHTML = `${content}`;
+   }
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #4a90e2;
+   --secondary-color: #f5f5f5;
+   --text-color: #333;
+   --border-radius: 8px;
+   --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ }
+ 
+ body {
+   font-family: 'Segoe UI', sans-serif;
+   line-height: 1.6;
+   color: var(--text-color);
+   margin: 0;
+   padding: 0;
+   background-color: var(--secondary-color);
+ }
+ 
+ header {
+   background-color: var(--primary-color);
+   color: white;
+   padding: 2rem;
+   text-align: center;
+   border-bottom: 4px solid darken(var(--primary-color), 10%);
+ }
+ 
+ h1 {
+   font-size: 2.5rem;
+   margin-bottom: 0.5rem;
+ }
+ 
+ main {
+   max-width: 800px;
+   margin: 2rem auto;
+   padding: 0 1rem;
+ }
+ 
+ #upload-section {
+   background: white;
+   padding: 2rem;
+   border-radius: var(--border-radius);
+   box-shadow: var(--box-shadow);
+   text-align: center;
+ }
+ 
+ #file-input {
+   display: none;
+ }
+ 
+ .file-instructions {
+   padding: 1rem;
+   border: 2px dashed var(--primary-color);
+   border-radius: var(--border-radius);
+   cursor: pointer;
+   transition: background-color 0.3s ease;
+ }
+ 
+ .file-instructions:hover {
+   background-color: rgba(74, 144, 226, 0.1);
+ }
+ 
+ #results-section {
+   margin-top: 2rem;
+ }
+ 
+ #results-container {
+   background: white;
+   padding: 1.5rem;
+   border-radius: var(--border-radius);
+   box-shadow: var(--box-shadow);
+ }
+ 
+ .hidden {
+   display: none;
+ }
+ 
+ footer {
+   text-align: center;
+   padding: 1rem;
+   background-color: var(--primary-color);
+   color: white;
+   margin-top: 2rem;
+ }
+ 
+ @media (max-width: 768px) {
+   h1 {
+     font-size: 2rem;
+   }
+ 
+   main {
+     padding: 0 0.5rem;
+   }
+ }