Changes to attackpath.scroll.pub

root

23 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Attack Path Builder
+   Visualize and construct attack paths with ease.
+ 
+ 
+   
+     Start
+     
+     End
+   
+   
+     
+     
+   
+ 
+ 
+   Build your attack strategies effectively.
+ 

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": "2561f60b-8207-478d-9485-ae63db00fe32",
+   "object": "chat.completion",
+   "created": 1735543870,
+   "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 construct attack paths with ease.
\n\n\n  \n    Start
\n    
\n    End
\n  
\n  \n    \n    \n  
\n\n\n  Build your attack strategies effectively.
\n\n---style.css---\nbody {\n  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n  margin: 0;\n  padding: 0;\n  background: #f4f4f9;\n  color: #333;\n}\n\nheader {\n  background: #005f73;\n  color: white;\n  padding: 20px;\n  text-align: center;\n}\n\nmain {\n  padding: 20px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n#diagram-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 20px;\n}\n\n.node {\n  background: #0a9396;\n  color: white;\n  padding: 15px 30px;\n  border-radius: 8px;\n  margin: 0 10px;\n  cursor: pointer;\n  transition: background 0.3s ease;\n}\n\n.node:hover {\n  background: #94d2bd;\n}\n\n#path-container {\n  display: flex;\n  align-items: center;\n}\n\n#controls {\n  display: flex;\n  gap: 10px;\n}\n\nbutton {\n  background: #ee9b00;\n  color: white;\n  border: none;\n  padding: 10px 20px;\n  border-radius: 5px;\n  cursor: pointer;\n  transition: background 0.3s ease;\n}\n\nbutton:hover {\n  background: #ca6702;\n}\n\nfooter {\n  text-align: center;\n  padding: 10px;\n  background: #001219;\n  color: white;\n  position: fixed;\n  bottom: 0;\n  width: 100%;\n}\n\n@media (max-width: 600px) {\n  #diagram-container {\n    flex-direction: column;\n  }\n\n  .node {\n    margin: 10px 0;\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.textContent = 'Attack 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": 318,
+     "completion_tokens": 725,
+     "total_tokens": 1043,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 318
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # attackpath.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 a default value to the parameters of each attack step. The attack path needs to have a start and end node, and users can add new attack steps before and after each step.

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.textContent = 'Attack Step';
+     pathContainer.appendChild(newNode);
+   });
+ 
+   resetPathButton.addEventListener('click', function() {
+     pathContainer.innerHTML = '';
+   });
+ });

style.css

Changed around line 1
+ body {
+   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+   margin: 0;
+   padding: 0;
+   background: #f4f4f9;
+   color: #333;
+ }
+ 
+ header {
+   background: #005f73;
+   color: white;
+   padding: 20px;
+   text-align: center;
+ }
+ 
+ main {
+   padding: 20px;
+   display: flex;
+   flex-direction: column;
+   align-items: center;
+ }
+ 
+ #diagram-container {
+   display: flex;
+   align-items: center;
+   justify-content: center;
+   margin-bottom: 20px;
+ }
+ 
+ .node {
+   background: #0a9396;
+   color: white;
+   padding: 15px 30px;
+   border-radius: 8px;
+   margin: 0 10px;
+   cursor: pointer;
+   transition: background 0.3s ease;
+ }
+ 
+ .node:hover {
+   background: #94d2bd;
+ }
+ 
+ #path-container {
+   display: flex;
+   align-items: center;
+ }
+ 
+ #controls {
+   display: flex;
+   gap: 10px;
+ }
+ 
+ button {
+   background: #ee9b00;
+   color: white;
+   border: none;
+   padding: 10px 20px;
+   border-radius: 5px;
+   cursor: pointer;
+   transition: background 0.3s ease;
+ }
+ 
+ button:hover {
+   background: #ca6702;
+ }
+ 
+ footer {
+   text-align: center;
+   padding: 10px;
+   background: #001219;
+   color: white;
+   position: fixed;
+   bottom: 0;
+   width: 100%;
+ }
+ 
+ @media (max-width: 600px) {
+   #diagram-container {
+     flex-direction: column;
+   }
+ 
+   .node {
+     margin: 10px 0;
+   }
+ }