Changes to attackpath1.scroll.pub

root

23 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Attack Path Builder
+   Visualize and customize your attack steps with ease.
+ 
+ 
+ 
+   
+     
+       Start
+     
+     
+     
+       End
+     
+   
+ 
+   
+     
+     
+   
+ 
+ 
+ 
+   Build your attack path with precision.
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://attackpath.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Attack Path Builder
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "360612ca-cdf6-4415-8af4-2b113b8eb6c1",
+   "object": "chat.completion",
+   "created": 1735543969,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nattackpath.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://attackpath.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Attack Path Builder\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  Attack Path Builder\n  Visualize and customize your attack steps with ease.
\n\n\n\n  \n    \n      Start\n    
\n    
\n    \n      End\n    
\n  
\n\n  \n    \n    \n  
\n\n\n\n  Build your attack path with precision.
\n\n---style.css---\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nbody {\n  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n  line-height: 1.6;\n  color: #333;\n  background-color: #f4f4f4;\n  padding: 20px;\n}\n\nheader {\n  text-align: center;\n  margin-bottom: 40px;\n}\n\nheader h1 {\n  font-size: 2.5rem;\n  color: #444;\n}\n\nheader p {\n  font-size: 1.2rem;\n  color: #666;\n}\n\n#diagram-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 40px;\n}\n\n.node {\n  background-color: #007bff;\n  color: white;\n  padding: 20px;\n  border-radius: 50%;\n  width: 100px;\n  height: 100px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  font-size: 1.2rem;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n#path-container {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n}\n\n#controls {\n  text-align: center;\n}\n\nbutton {\n  background-color: #007bff;\n  color: white;\n  border: none;\n  padding: 10px 20px;\n  font-size: 1rem;\n  border-radius: 5px;\n  cursor: pointer;\n  margin: 5px;\n  transition: background-color 0.3s ease;\n}\n\nbutton:hover {\n  background-color: #0056b3;\n}\n\nfooter {\n  text-align: center;\n  margin-top: 40px;\n  font-size: 0.9rem;\n  color: #666;\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  .node {\n    width: 80px;\n    height: 80px;\n    font-size: 1rem;\n  }\n\n  button {\n    padding: 8px 16px;\n    font-size: 0.9rem;\n  }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function () {\n  const pathContainer = document.getElementById('path-container');\n  const addStepButton = document.getElementById('add-step');\n  const resetPathButton = document.getElementById('reset-path');\n\n  addStepButton.addEventListener('click', function () {\n    const newNode = document.createElement('div');\n    newNode.className = 'node';\n    newNode.innerHTML = 'Step';\n    pathContainer.appendChild(newNode);\n  });\n\n  resetPathButton.addEventListener('click', function () {\n    pathContainer.innerHTML = '';\n  });\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 323,
+     "completion_tokens": 866,
+     "total_tokens": 1189,
+     "prompt_cache_hit_tokens": 64,
+     "prompt_cache_miss_tokens": 259
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # attackpath1.scroll.pub

+ Website generated by DeepSeek from prompt: I need a website to help me build an attack path diagram based on user input. Each node in the diagram represents an attack step. Each attack step has its own parameters, which need to be obtained from the backend. The backend will also give each attack step a default value. The attack path needs to have a start and end node. Users can add or delete new attack steps before and after each step. Use vue and js to implement it

script.js

Changed around line 1
+ document.addEventListener('DOMContentLoaded', function () {
+   const pathContainer = document.getElementById('path-container');
+   const addStepButton = document.getElementById('add-step');
+   const resetPathButton = document.getElementById('reset-path');
+ 
+   addStepButton.addEventListener('click', function () {
+     const newNode = document.createElement('div');
+     newNode.className = 'node';
+     newNode.innerHTML = 'Step';
+     pathContainer.appendChild(newNode);
+   });
+ 
+   resetPathButton.addEventListener('click', function () {
+     pathContainer.innerHTML = '';
+   });
+ });

style.css

Changed around line 1
+ * {
+   margin: 0;
+   padding: 0;
+   box-sizing: border-box;
+ }
+ 
+ body {
+   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+   line-height: 1.6;
+   color: #333;
+   background-color: #f4f4f4;
+   padding: 20px;
+ }
+ 
+ header {
+   text-align: center;
+   margin-bottom: 40px;
+ }
+ 
+ header h1 {
+   font-size: 2.5rem;
+   color: #444;
+ }
+ 
+ header p {
+   font-size: 1.2rem;
+   color: #666;
+ }
+ 
+ #diagram-container {
+   display: flex;
+   align-items: center;
+   justify-content: center;
+   margin-bottom: 40px;
+ }
+ 
+ .node {
+   background-color: #007bff;
+   color: white;
+   padding: 20px;
+   border-radius: 50%;
+   width: 100px;
+   height: 100px;
+   display: flex;
+   align-items: center;
+   justify-content: center;
+   text-align: center;
+   font-size: 1.2rem;
+   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ }
+ 
+ #path-container {
+   display: flex;
+   align-items: center;
+   gap: 20px;
+ }
+ 
+ #controls {
+   text-align: center;
+ }
+ 
+ button {
+   background-color: #007bff;
+   color: white;
+   border: none;
+   padding: 10px 20px;
+   font-size: 1rem;
+   border-radius: 5px;
+   cursor: pointer;
+   margin: 5px;
+   transition: background-color 0.3s ease;
+ }
+ 
+ button:hover {
+   background-color: #0056b3;
+ }
+ 
+ footer {
+   text-align: center;
+   margin-top: 40px;
+   font-size: 0.9rem;
+   color: #666;
+ }
+ 
+ @media (max-width: 768px) {
+   header h1 {
+     font-size: 2rem;
+   }
+ 
+   header p {
+     font-size: 1rem;
+   }
+ 
+   .node {
+     width: 80px;
+     height: 80px;
+     font-size: 1rem;
+   }
+ 
+   button {
+     padding: 8px 16px;
+     font-size: 0.9rem;
+   }
+ }