| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <title>Custom Dstat By @Vano_Ganzzz</title> |
| <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"> |
| <link href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.css" rel="stylesheet"> |
| <style> |
| body { |
| background-color: black; |
| color: white; |
| } |
| </style> |
| </head> |
| <body> |
| <div class="container"> |
| <div class="row"> |
| <div class="col-12"> |
| <div class="card" style="border-radius: 50px; background-color: black;"> |
| <div class="card-body"> |
| <canvas id="canvas"></canvas> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> |
| |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script> |
| |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script> |
| <script> |
| $(document).ready(function () { |
| const config = { |
| type: 'line', |
| data: { |
| labels: [], |
| datasets: [{ |
| label: "requests", |
| backgroundColor: 'rgb(255, 0, 0)', |
| borderColor: 'rgb(255, 0, 0)', |
| data: [], |
| fill: false, |
| }], |
| }, |
| options: { |
| responsive: true, |
| title: { |
| display: true, |
| text: 'TELEGRAM @CANTDOWN + SKYLINEX.EU.ORG/ATTACK + MAX RPS 1K', |
| fontColor: 'white' |
| }, |
| tooltips: { |
| mode: 'index', |
| intersect: false, |
| }, |
| hover: { |
| mode: 'nearest', |
| intersect: true |
| }, |
| scales: { |
| xAxes: [{ |
| display: true, |
| scaleLabel: { |
| display: true, |
| fontColor: 'white' |
| }, |
| ticks: { |
| fontColor: 'white' |
| } |
| }], |
| yAxes: [{ |
| display: true, |
| scaleLabel: { |
| display: true, |
| fontColor: 'white' |
| }, |
| ticks: { |
| fontColor: 'white' |
| } |
| }] |
| } |
| } |
| }; |
| |
| const context = document.getElementById('canvas').getContext('2d'); |
| |
| const lineChart = new Chart(context, config); |
| |
| const source = new EventSource("/chart-data"); |
| |
| source.onmessage = function (event) { |
| const data = JSON.parse(event.data); |
| if (config.data.labels.length === 20) { |
| config.data.labels.shift(); |
| config.data.datasets[0].data.shift(); |
| } |
| config.data.labels.push(data.time); |
| config.data.datasets[0].data.push(data.value); |
| lineChart.update(); |
| } |
| |
| |
| let titleIndex = 0; |
| const titles = ["Custom Dstat By @Vano_Ganzzz", "TELEGRAM @CANTDOWN", "MAX RPS 1K", "CUSTOM HTML BY @VANO_GANZZZ"]; |
| |
| setInterval(() => { |
| document.title = titles[titleIndex]; |
| titleIndex = (titleIndex + 1) % titles.length; |
| }, 2500); |
| }); |
| </script> |
| </body> |
| </html> |
