Browse Source

web in HTML to experiment with

web in HTML to experiment with
master
yuriy0803 2 years ago
parent
commit
2936227256
  1. 5296
      web-html/assets/css/app.css
  2. 10269
      web-html/assets/css/bootstrap.min.css
  3. 16468
      web-html/assets/css/icons.css
  4. BIN
      web-html/assets/fonts/LineIcons.eot
  5. 1562
      web-html/assets/fonts/LineIcons.svg
  6. BIN
      web-html/assets/fonts/LineIcons.ttf
  7. BIN
      web-html/assets/fonts/LineIcons.woff
  8. BIN
      web-html/assets/fonts/LineIcons.woff2
  9. BIN
      web-html/assets/fonts/boxicons.eot
  10. BIN
      web-html/assets/fonts/boxicons.ttf
  11. BIN
      web-html/assets/fonts/boxicons.woff
  12. BIN
      web-html/assets/fonts/boxicons.woff2
  13. 1510
      web-html/assets/fonts/boxiconsd41d.svg
  14. BIN
      web-html/assets/fonts/cryptofont2d89.eot
  15. 1223
      web-html/assets/fonts/cryptofont2d89.svg
  16. BIN
      web-html/assets/fonts/cryptofont2d89.ttf
  17. BIN
      web-html/assets/fonts/cryptofont2d89.woff
  18. BIN
      web-html/assets/images/DE.png
  19. BIN
      web-html/assets/images/Sato.png
  20. BIN
      web-html/assets/images/asia.png
  21. 7
      web-html/assets/images/bg-themes/1.html
  22. 7
      web-html/assets/images/bg-themes/2.html
  23. 7
      web-html/assets/images/bg-themes/3.html
  24. 7
      web-html/assets/images/bg-themes/4.html
  25. 7
      web-html/assets/images/bg-themes/5.html
  26. 7
      web-html/assets/images/bg-themes/6.html
  27. 7
      web-html/assets/images/bg-themes/7.html
  28. BIN
      web-html/assets/images/bg-themes/8.jpg
  29. BIN
      web-html/assets/images/btg.png
  30. BIN
      web-html/assets/images/erg.png
  31. BIN
      web-html/assets/images/etc.png
  32. BIN
      web-html/assets/images/eth.png
  33. BIN
      web-html/assets/images/eu.png
  34. BIN
      web-html/assets/images/favicon-32x32.png
  35. BIN
      web-html/assets/images/favicon.png
  36. 7
      web-html/assets/images/login-images/bg-forgot-password.html
  37. 7
      web-html/assets/images/login-images/bg-lock-screen.html
  38. 7
      web-html/assets/images/login-images/bg-login-img.html
  39. 7
      web-html/assets/images/login-images/bg-register-img.html
  40. BIN
      web-html/assets/images/logo-icon.png
  41. BIN
      web-html/assets/images/logo1-icon.png
  42. BIN
      web-html/assets/images/logo5-icon.png
  43. BIN
      web-html/assets/images/nl.png
  44. BIN
      web-html/assets/images/online.png
  45. BIN
      web-html/assets/images/ravencoin.png
  46. BIN
      web-html/assets/images/soon.png
  47. BIN
      web-html/assets/images/usa.png
  48. BIN
      web-html/assets/images/vtc.png
  49. BIN
      web-html/assets/images/xmr.png
  50. 112
      web-html/assets/js/app.js
  51. 6
      web-html/assets/js/bootstrap.min.js
  52. 808
      web-html/assets/js/etc.js
  53. 2
      web-html/assets/js/jquery.min.js
  54. 5
      web-html/assets/js/popper.min.js
  55. 615
      web-html/assets/plugins/chartist/chartist.css
  56. 615
      web-html/assets/plugins/chartist/chartist.css.bak
  57. 4488
      web-html/assets/plugins/chartist/chartist.js
  58. 4488
      web-html/assets/plugins/chartist/chartist.js.bak
  59. 7
      web-html/assets/plugins/metismenu/css/metisMenu.min.css
  60. 8
      web-html/assets/plugins/metismenu/js/metisMenu.min.js
  61. 116
      web-html/assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css
  62. 1325
      web-html/assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js
  63. 212
      web-html/assets/plugins/simplebar/css/simplebar.css
  64. 10
      web-html/assets/plugins/simplebar/js/simplebar.min.js
  65. 1
      web-html/assets/plugins/webticker/jquery.webticker.min.js
  66. 232
      web-html/blocks.html
  67. 305
      web-html/connect.html
  68. 297
      web-html/dashboard.html
  69. 330
      web-html/faq.html
  70. 343
      web-html/index.html
  71. 183
      web-html/miners.html
  72. 182
      web-html/payments.html
  73. 463
      web-html/stats.html

5296
web-html/assets/css/app.css

File diff suppressed because it is too large Load Diff

10269
web-html/assets/css/bootstrap.min.css vendored

File diff suppressed because it is too large Load Diff

16468
web-html/assets/css/icons.css

File diff suppressed because it is too large Load Diff

BIN
web-html/assets/fonts/LineIcons.eot

Binary file not shown.

1562
web-html/assets/fonts/LineIcons.svg

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 596 KiB

BIN
web-html/assets/fonts/LineIcons.ttf

Binary file not shown.

BIN
web-html/assets/fonts/LineIcons.woff

Binary file not shown.

BIN
web-html/assets/fonts/LineIcons.woff2

Binary file not shown.

BIN
web-html/assets/fonts/boxicons.eot

Binary file not shown.

BIN
web-html/assets/fonts/boxicons.ttf

Binary file not shown.

BIN
web-html/assets/fonts/boxicons.woff

Binary file not shown.

BIN
web-html/assets/fonts/boxicons.woff2

Binary file not shown.

1510
web-html/assets/fonts/boxiconsd41d.svg

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 952 KiB

BIN
web-html/assets/fonts/cryptofont2d89.eot

Binary file not shown.

1223
web-html/assets/fonts/cryptofont2d89.svg

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 2.9 MiB

BIN
web-html/assets/fonts/cryptofont2d89.ttf

Binary file not shown.

BIN
web-html/assets/fonts/cryptofont2d89.woff

Binary file not shown.

BIN
web-html/assets/images/DE.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

BIN
web-html/assets/images/Sato.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

BIN
web-html/assets/images/asia.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

7
web-html/assets/images/bg-themes/1.html

@ -0,0 +1,7 @@
<html>
<head><title>404 Not Found</title></head>
<body>
<center><h1>404 Not Found</h1></center>
<hr><center>nginx/1.18.0 (Ubuntu)</center>
</body>
</html>

7
web-html/assets/images/bg-themes/2.html

@ -0,0 +1,7 @@
<html>
<head><title>404 Not Found</title></head>
<body>
<center><h1>404 Not Found</h1></center>
<hr><center>nginx/1.18.0 (Ubuntu)</center>
</body>
</html>

7
web-html/assets/images/bg-themes/3.html

@ -0,0 +1,7 @@
<html>
<head><title>404 Not Found</title></head>
<body>
<center><h1>404 Not Found</h1></center>
<hr><center>nginx/1.18.0 (Ubuntu)</center>
</body>
</html>

7
web-html/assets/images/bg-themes/4.html

@ -0,0 +1,7 @@
<html>
<head><title>404 Not Found</title></head>
<body>
<center><h1>404 Not Found</h1></center>
<hr><center>nginx/1.18.0 (Ubuntu)</center>
</body>
</html>

7
web-html/assets/images/bg-themes/5.html

@ -0,0 +1,7 @@
<html>
<head><title>404 Not Found</title></head>
<body>
<center><h1>404 Not Found</h1></center>
<hr><center>nginx/1.18.0 (Ubuntu)</center>
</body>
</html>

7
web-html/assets/images/bg-themes/6.html

@ -0,0 +1,7 @@
<html>
<head><title>404 Not Found</title></head>
<body>
<center><h1>404 Not Found</h1></center>
<hr><center>nginx/1.18.0 (Ubuntu)</center>
</body>
</html>

7
web-html/assets/images/bg-themes/7.html

@ -0,0 +1,7 @@
<html>
<head><title>404 Not Found</title></head>
<body>
<center><h1>404 Not Found</h1></center>
<hr><center>nginx/1.18.0 (Ubuntu)</center>
</body>
</html>

BIN
web-html/assets/images/bg-themes/8.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 717 KiB

BIN
web-html/assets/images/btg.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

BIN
web-html/assets/images/erg.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

BIN
web-html/assets/images/etc.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

BIN
web-html/assets/images/eth.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

BIN
web-html/assets/images/eu.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

BIN
web-html/assets/images/favicon-32x32.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 140 KiB

BIN
web-html/assets/images/favicon.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

7
web-html/assets/images/login-images/bg-forgot-password.html

@ -0,0 +1,7 @@
<html>
<head><title>404 Not Found</title></head>
<body>
<center><h1>404 Not Found</h1></center>
<hr><center>nginx/1.18.0 (Ubuntu)</center>
</body>
</html>

7
web-html/assets/images/login-images/bg-lock-screen.html

@ -0,0 +1,7 @@
<html>
<head><title>404 Not Found</title></head>
<body>
<center><h1>404 Not Found</h1></center>
<hr><center>nginx/1.18.0 (Ubuntu)</center>
</body>
</html>

7
web-html/assets/images/login-images/bg-login-img.html

@ -0,0 +1,7 @@
<html>
<head><title>404 Not Found</title></head>
<body>
<center><h1>404 Not Found</h1></center>
<hr><center>nginx/1.18.0 (Ubuntu)</center>
</body>
</html>

7
web-html/assets/images/login-images/bg-register-img.html

@ -0,0 +1,7 @@
<html>
<head><title>404 Not Found</title></head>
<body>
<center><h1>404 Not Found</h1></center>
<hr><center>nginx/1.18.0 (Ubuntu)</center>
</body>
</html>

BIN
web-html/assets/images/logo-icon.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

BIN
web-html/assets/images/logo1-icon.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

BIN
web-html/assets/images/logo5-icon.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
web-html/assets/images/nl.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 178 KiB

BIN
web-html/assets/images/online.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 82 KiB

BIN
web-html/assets/images/ravencoin.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

BIN
web-html/assets/images/soon.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 85 KiB

BIN
web-html/assets/images/usa.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

BIN
web-html/assets/images/vtc.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
web-html/assets/images/xmr.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB

112
web-html/assets/js/app.js

@ -0,0 +1,112 @@
/*
Template Name: Cyber Pool Responsive Template
Author: Cyber Harry
Email: cyberharry@cyberpool.org
File: app.js
*/
$(function () {
"use strict";
$(".search-btn-mobile").on("click", function () {
$(".search-bar").addClass("full-search-bar");
});
$(".search-arrow-back").on("click", function () {
$(".search-bar").removeClass("full-search-bar");
});
$(document).ready(function () {
$(window).on("scroll", function () {
if ($(this).scrollTop() > 60) {
$('.top-header').addClass('bg-dark');
$('.nav-container').addClass('bg-dark sticky-top-header');
} else {
$('.top-header').removeClass('bg-dark');
$('.nav-container').removeClass('bg-dark sticky-top-header');
}
});
$('.back-to-top').on("click", function () {
$("html, body").animate({
scrollTop: 0
}, 600);
return false;
});
});
$(function () {
$('.metismenu-card').metisMenu({
toggle: false,
triggerElement: '.card-header',
parentTrigger: '.card',
subMenu: '.card-body'
});
});
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
$(function () {
$('.card-collapse').metisMenu({
toggle: false,
triggerElement: '.card-header',
parentTrigger: '.card',
subMenu: '.card-body'
});
});
if ($('#webticker').length) {
$("#webticker").webTicker({
height:'auto',
duplicate:true,
startEmpty:false,
rssfrequency:5,
direction: 'left'
});
}
$(".toggle-btn").click(function () {
if ($(".wrapper").hasClass("toggled")) {
// unpin sidebar when hovered
$(".wrapper").removeClass("toggled");
$(".sidebar-wrapper").unbind("hover");
} else {
$(".wrapper").addClass("toggled");
$(".sidebar-wrapper").hover(function () {
$(".wrapper").addClass("sidebar-hovered");
}, function () {
$(".wrapper").removeClass("sidebar-hovered");
})
}
});
$(".toggle-btn-mobile").on("click", function () {
$(".wrapper").removeClass("toggled");
});
$(function () {
for (var i = window.location, o = $(".metismenu li a").filter(function () {
return this.href == i;
}).addClass("").parent().addClass("");;) {
if (!o.is("li")) break;
o = o.parent("").addClass("").parent("").addClass("");
}
}),
$(function () {
$('#menu').metisMenu();
});
$(document).ready(function () {
$(window).on("scroll", function () {
if ($(this).scrollTop() > 300) {
$('.back-to-top').fadeIn();
} else {
$('.back-to-top').fadeOut();
}
});
$('.back-to-top').on("click", function () {
$("html, body").animate({
scrollTop: 0
}, 600);
return false;
});
});
});

6
web-html/assets/js/bootstrap.min.js vendored

File diff suppressed because one or more lines are too long

808
web-html/assets/js/etc.js

@ -0,0 +1,808 @@
//[Data Javascript]
//Project: Responsive Pool Template
//Should Be Included In All Pages. It Controls Data And Charts
var WebURL = "https://example.org/";
var API = "https://example.org/api/";
var stratumAddress = "stratum+tcp://example.org";
var infoLink = "https://etcblockexplorer.com/block/";
var txLink = "https://etcblockexplorer.com/tx/";
var defaultPool = 'etc';
var currentPool = defaultPool;
// Check browser compatibility
var nua = navigator.userAgent;
var is_IE = ((nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Trident') > -1) && !(nua.indexOf('Chrome') > -1));
if (is_IE) { console.log('Running in IE browser is not supported - ', nua); }
// General formatter function
function _formatter(value, decimal, unit) {
if (value === 0) {
return "0 " + unit;
} else {
var si = [
{ value: 1, symbol: "" },
{ value: 1e3, symbol: "K" },
{ value: 1e6, symbol: "M" },
{ value: 1e9, symbol: "G" },
{ value: 1e12, symbol: "T" },
{ value: 1e15, symbol: "P" },
{ value: 1e18, symbol: "E" },
{ value: 1e21, symbol: "Z" },
{ value: 1e24, symbol: "Y" }
];
for (var i = si.length - 1; i > 0; i--) {
if (value >= si[i].value) {
break;
}
}
return ((value / si[i].value).toFixed(decimal).replace(/\.0+$|(\.[0-9]*[1-9])0+$/, "$1") + " " + si[i].symbol + unit);
}
}
// Time convert Local -> UTC
function convertLocalDateToUTCDate(date, toUTC) {
date = new Date(date);
var localOffset = date.getTimezoneOffset() * 60000;
var localTime = date.getTime();
if (toUTC) {
date = localTime + localOffset;
} else {
date = localTime - localOffset;
}
newDate = new Date(date);
return newDate;
}
// Time convert UTC -> Local
function convertUTCDateToLocalDate(date) {
var newDate = new Date(date.getTime() + date.getTimezoneOffset() * 60 * 1000);
var localOffset = date.getTimezoneOffset() / 60;
var hours = date.getUTCHours();
newDate.setHours(hours - localOffset);
return newDate;
}
// String convert -> Date
function dateConvertor(date) {
var options = {
year: "numeric",
month: "numeric",
day: "numeric"
};
var newDateFormat = new Date(date).toLocaleDateString("en-US", options);
var newTimeFormat = new Date(date).toLocaleTimeString();
var dateAndTime = newDateFormat + ' ' + newTimeFormat
return dateAndTime
}
// Converts seconds
function readableSeconds(t) {
var seconds = Math.round(t);
var minutes = Math.floor(seconds / 60);
var hours = Math.floor(minutes / 60);
var days = Math.floor(hours / 24);
if (days === Infinity) days = 0;
hours = hours - (days * 24);
if (isNaN(hours)) hours = 0;
if (hours === Infinity) hours = 0;
minutes = minutes - (days * 24 * 60) - (hours * 60);
if (isNaN(minutes)) minutes = 0;
if (minutes === Infinity) minutes = 0;
seconds = seconds - (days * 24 * 60 * 60) - (hours * 60 * 60) - (minutes * 60);
if (isNaN(seconds)) seconds = 0;
if (seconds === Infinity) seconds = 0;
if (days > 0) {
return (days + "d " + hours + "h " + minutes + "m " + seconds + "s");
}
if (hours > 0) {
return (hours + "h " + minutes + "m " + seconds + "s");
}
if (minutes > 0) {
return (minutes + "m " + seconds + "s");
}
return (seconds + "s");
}
// Time different calculation
function timeDiff(tstart, tend) {
var diff = Math.floor((tend - tstart) / 1000), units = [
{ d: 60, l: "s" },
{ d: 60, l: "m" },
{ d: 24, l: "h" },
{ d: 7, l: "d" }
];
var s = '';
for (var i = 0; i < units.length; ++i) {
s = (diff % units[i].d) + units[i].l + " " + s;
diff = Math.floor(diff / units[i].d);
}
return s;
}
function timeDiffSec(tstart, tend) {
var diff = Math.floor((tend - tstart) / 1000), units = [
{ d: 60, l: " seconds" }
];
var s = '';
for (var i = 0; i < units.length; ++i) {
s = (diff % units[i].d) + units[i].l + " " + s;
diff = Math.floor(diff / units[i].d);
}
return s;
}
// Scroll to top of the page
function scrollPageTop() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
var elmnt = document.getElementById("page-scroll-top");
elmnt.scrollIntoView();
}
// Check if file exits
function doesFileExist(urlToFile) {
var xhr = new XMLHttpRequest();
xhr.open('HEAD', urlToFile, false);
xhr.send();
if (xhr.status == "404") {
return false;
} else {
return true;
}
}
// Load Pool Stats Content
function loadStatsPage() {
setInterval(
(function load() {
loadStatsData();
loadSettingsData();
loadPoolHashrateChart();
loadPoolMinerChart();
loadPoolWorkerChart();
loadNetDiffChart();
loadNetHashChart();
loadStatsPrice();
loadStatsTicker();
return load;
})(), 5000
);
}
// Load Pool Stats Data
function loadStatsData() {
$.when(
$.ajax(API + "stats").done(function (data) {
$.each(data.nodes, function (index, value) {
difficulty = value.difficulty;
nethash = value.difficulty / value.blocktime;
blocktime = value.blocktime;
chainheight = value.height;
})
}),
$.ajax(API + "stats").done(function (data) {
var lastBlockDateStats = convertLocalDateToUTCDate(new Date(data.stats.lastBlockFound * 1000), false);
convertedBlockDateStats = dateConvertor(lastBlockDateStats);
shares = data.stats.roundShares;
poolhash = data.hashrate;
miners = data.minersTotal;
workers = data.totalWorkers;
})
)
.then(function () {
ttf = Math.round((nethash / poolhash) * blocktime);
roundVariance = ((shares / difficulty) * 100).toFixed(2);
roundShares = (shares / 1000000000).toFixed(2);
$("#currentEffort").text(roundVariance + " %");
$("#currentShares").text(roundShares);
$("#poolTTF").text(readableSeconds(ttf));
$("#poolHashrate").text(_formatter(poolhash, 3, "H/s"));
$("#poolStatsHashrate").text(_formatter(poolhash, 3, "H/s"));
$("#networkHashrate").text(_formatter(nethash, 3, "H/s"));
$("#networkStatsHashrate").text(_formatter(nethash, 3, "H/s"));
$("#poolMiners").text(miners + " Miner(s)");
$("#poolStatsMiners").text(miners + " Miner(s)");
$("#poolWorkers").text(workers + " Worker(s)");
$("#poolStatsWorkers").text(workers + " Worker(s)");
$("#netBlockTime").text(blocktime + " s");
$("#networkDifficulty").text(_formatter(difficulty, 3, "H/s"));
$("#networkStatsDifficulty").text(_formatter(difficulty, 3, "H/s"));
$("#blockchainHeight").text(chainheight);
$("#lastBlockStats").text(convertedBlockDateStats);
});
}
// Load Pool Stats Settings
function loadSettingsData() {
return $.ajax(API + "stats").done(function (data) {
hold = (data.PayoutThreshold / 1000000000).toFixed(2);
fee = data.PoolFee;
pay = data.PayoutInterval;
$("#payoutSheme").text("PROP");
$("#poolFee").text(fee + " %");
$("#payInterval").text(pay);
$("#minPayment").text(hold + " ETC");
})
.fail(function () {
$.notify(
{ message: "Error: No response from API.<br>(loadSettingsData)" },
{ type: "danger", timer: 3000 }
);
});
}
// Load Pool Stats Ticker
function loadStatsTicker() {
$.when(
$.ajax(API + "stats").done(function (data) {
hold = (data.PayoutThreshold / 1000000000).toFixed(2);
fee = data.PoolFee;
pay = data.PayoutInterval;
}),
$.ajax(API + "stats").done(function (data) {
shares = data.stats.roundShares;
poolhash = data.hashrate;
miners = data.minersTotal;
workers = data.totalWorkers;
difficulty = data.nodes[0].difficulty;
nethash = data.nodes[0].difficulty / data.nodes[0].blocktime;
blocktime = data.nodes[0].blocktime;
chainheight = data.nodes[0].height;
})
)
.then(function () {
$("#payoutShemeTicker").text("PROP");
$("#poolFeeTicker").text(fee + " %");
$("#payIntervalTicker").text(pay);
$("#minPaymentTicker").text(hold + " ETC");
$("#poolHashrateTicker").text(_formatter(poolhash, 3, "H/s"));
$("#networkHashrateTicker").text(_formatter(nethash, 3, "H/s"));
$("#networkDifficultyTicker").text(_formatter(difficulty, 3, "H/s"));
$("#poolMinersTicker").text(miners + " Miner(s)");
$("#poolWorkersTicker").text(workers + " Worker(s)");
$("#blockchainHeightTicker").text(chainheight);
});
}
// Load Pool Hashrate Charts
function loadPoolHashrateChart() {
return $.ajax(API + "stats").done(function (data) {
labels = [];
poolHashrate = [];
$.each(data.poolCharts, function (index, value) {
if (labels.length === 0 || (labels.length + 1) % 6 === 1) {
var createDate = new Date(value.x * 1000);
labels.push(createDate.getHours() + ":" + (createDate.getMinutes() < 10 ? '0' : '') + createDate.getMinutes());
} else {
labels.push("");
}
poolHashrate.push(value.y);
});
var dataPoolHash = { labels: labels, series: [poolHashrate] };
var chartPoolhash = {
height: "377px", showArea: true, showPoint: false, seriesBarDistance: 1, axisX: { showGrid: false },
fullWidth: true, chartPadding: { right: 10, left: -5, bottom: -10 },
axisY: { offset: 47, scale: "logcc", labelInterpolationFnc: function (value) { return _formatter(value, 1, "H/s"); } },
lineSmooth: Chartist.Interpolation.simple({ divisor: 2 })
};
var responsiveOptions = [["screen and (max-width: 640px)", { axisX: { labelInterpolationFnc: function (value) { return value[1]; } } }]];
Chartist.Line("#chartStatsPoolHashrate", dataPoolHash, chartPoolhash, responsiveOptions);
})
}
// Load Pool Miner Charts
function loadPoolMinerChart() {
return $.ajax(API + "stats").done(function (data) {
labels = [];
poolMiner = [];
$.each(data.clientCharts, function (index, value) {
if (labels.length === 0 || (labels.length + 1) % 6 === 1) {
var createDate = new Date(value.x * 1000);
labels.push(createDate.getHours() + ":" + (createDate.getMinutes() < 10 ? '0' : '') + createDate.getMinutes());
} else {
labels.push("");
}
poolMiner.push(value.y);
});
var dataPoolMiner = { labels: labels, series: [poolMiner] };
var chartPoolMiner = {
height: "125px", showArea: true, showPoint: false, seriesBarDistance: 1, axisX: { showGrid: false },
fullWidth: true, chartPadding: { right: 5, left: -5, bottom: -15 },
axisY: { offset: 47, scale: "logcc", labelInterpolationFnc: function (value) { return _formatter(value, 1, ""); } },
lineSmooth: Chartist.Interpolation.simple({ divisor: 2 })
};
var responsiveOptions = [["screen and (max-width: 640px)", { axisX: { labelInterpolationFnc: function (value) { return value[1]; } } }]];
Chartist.Line("#chartStatsPoolMiner", dataPoolMiner, chartPoolMiner, responsiveOptions);
})
}
// Load Pool Worker Charts
function loadPoolWorkerChart() {
return $.ajax(API + "stats").done(function (data) {
labels = [];
poolWorker = [];
$.each(data.workerCharts, function (index, value) {
if (labels.length === 0 || (labels.length + 1) % 6 === 1) {
var createDate = new Date(value.x * 1000);
labels.push(createDate.getHours() + ":" + (createDate.getMinutes() < 10 ? '0' : '') + createDate.getMinutes());
} else {
labels.push("");
}
poolWorker.push(value.y);
});
var dataPoolWorker = { labels: labels, series: [poolWorker] };
var chartPoolWorker = {
height: "125px", showArea: true, showPoint: false, seriesBarDistance: 1, axisX: { showGrid: false },
fullWidth: true, chartPadding: { right: 5, left: -5, bottom: -15 },
axisY: { offset: 47, scale: "logcc", labelInterpolationFnc: function (value) { return _formatter(value, 1, ""); } },
lineSmooth: Chartist.Interpolation.simple({ divisor: 2 })
};
var responsiveOptions = [["screen and (max-width: 640px)", { axisX: { labelInterpolationFnc: function (value) { return value[1]; } } }]];
Chartist.Line("#chartStatsPoolWorker", dataPoolWorker, chartPoolWorker, responsiveOptions);
})
}
// Load Net Difficulty Charts
function loadNetDiffChart() {
return $.ajax(API + "stats").done(function (data) {
labels = [];
netDiff = [];
$.each(data.netCharts, function (index, value) {
if (labels.length === 0 || (labels.length + 1) % 6 === 1) {
var createDate = new Date(value.x * 1000);
labels.push(createDate.getHours() + ":" + (createDate.getMinutes() < 10 ? '0' : '') + createDate.getMinutes());
} else {
labels.push("");
}
netDiff.push(value.y);
});
var dataNetDiff = { labels: labels, series: [netDiff] };
var chartNetDiff = {
height: "125px", showArea: true, showPoint: false, seriesBarDistance: 1, axisX: { showGrid: false },
fullWidth: true, chartPadding: { right: 5, left: -5, bottom: -15 },
axisY: { offset: 47, scale: "logcc", labelInterpolationFnc: function (value) { return _formatter(value, 1, "H/s"); } },
lineSmooth: Chartist.Interpolation.simple({ divisor: 2 })
};
var responsiveOptions = [["screen and (max-width: 640px)", { axisX: { labelInterpolationFnc: function (value) { return value[1]; } } }]];
Chartist.Line("#chartStatsNetDiff", dataNetDiff, chartNetDiff, responsiveOptions);
})
}
// Load Net Hashrate Charts
function loadNetHashChart() {
return $.ajax(API + "stats").done(function (data) {
labels = [];
netHash = [];
var blockTime = data.nodes[0].blocktime;
$.each(data.netCharts, function (index, value) {
if (labels.length === 0 || (labels.length + 1) % 6 === 1) {
var createDate = new Date(value.x * 1000);
labels.push(createDate.getHours() + ":" + (createDate.getMinutes() < 10 ? '0' : '') + createDate.getMinutes());
} else {
labels.push("");
}
netHash.push(value.y / blockTime);
});
var dataNetHash = { labels: labels, series: [netHash] };
var chartNetHash = {
height: "125px", showArea: true, showPoint: false, seriesBarDistance: 1, axisX: { showGrid: false },
fullWidth: true, chartPadding: { right: 5, left: -5, bottom: -15 },
axisY: { offset: 47, scale: "logcc", labelInterpolationFnc: function (value) { return _formatter(value, 1, "H/s"); } },
lineSmooth: Chartist.Interpolation.simple({ divisor: 2 })
};
var responsiveOptions = [["screen and (max-width: 640px)", { axisX: { labelInterpolationFnc: function (value) { return value[1]; } } }]];
Chartist.Line("#chartStatsNetHash", dataNetHash, chartNetHash, responsiveOptions);
})
}
// Load Pool Stats Price
function loadStatsPrice() {
return $.ajax("https://api.coingecko.com/api/v3/coins/ethereum-classic").done(function (data) {
coins = 2.500;
price = (data.market_data.current_price.usd).toFixed(2);
blockRewardUSD = (coins * price).toFixed(2);
$("#etcToUSD").html("$ " + data.market_data.current_price.usd.toFixed(2));
$("#etcToBTC").html(data.market_data.current_price.btc.toFixed(8));
$("#priceHigh").html("$ " + data.market_data.high_24h.usd.toFixed(2));
$("#priceHighBTC").html(data.market_data.high_24h.btc.toFixed(8));
$("#priceLow").html("$ " + data.market_data.low_24h.usd.toFixed(2));
$("#priceLowBTC").html(data.market_data.low_24h.btc.toFixed(8));
$("#changeBTC").html(data.market_data.price_change_24h_in_currency.btc.toFixed(8));
$("#changeBTCPercent").html(data.market_data.price_change_percentage_24h_in_currency.btc.toFixed(2) + " %");
$("#marketCap").html(data.market_data.market_cap_rank);
$("#genesisDate").html(data.genesis_date);
$("#blockToUSD").html(blockRewardUSD + " $");
$("#lastBlockReward").html(coins + " ETC");
});
}
// Load Pool Blocks Overview Content
function loadBlocksOverviewPage() {
setInterval(
(function load() {
loadBlocksPage();
loadImmaturePage();
loadAvgTotalPage();
loadluckPage();
return load;
})(), 5000
);
}
// Load Pool Blocks Content
function loadBlocksPage() {
return $.ajax(API + "blocks").done(function (data) {
var blockList = "";
if (data.matured.length > 0) {
$.each(data.matured, function (index, value) {
var createDate = convertLocalDateToUTCDate(new Date(value.timestamp * 1000), false);
convertedDate = dateConvertor(createDate);
var effort = ((value.shares / value.difficulty) * 100).toFixed(2);
var reward = (value.reward / 1000000000000000000).toFixed(4);
var effortClass = "";
if (effort < 100) {
effortClass = "effort1";
} else if (effort < 200) {
effortClass = "effort2";
} else if (effort < 500) {
effortClass = "effort3";
} else {
effortClass = "effort4";
}
blockList += "<tr>";
blockList += "<td class='text-white'>" + convertedDate + "</td>";
var blockart = value.uncle;
if (value.uncle == false) {
blockList += "<td><span class='badge badge-success'>Block</span></td>";
} else if (value.uncle == true) {
blockList += "<td><span class='badge badge-info'>Uncle</span></td>";
} else {
blockList += "<td>" + blockart + "</td>";
}
blockList += "<td><a href='" + infoLink + "' target='_blank'>" + value.height + "</a></td>";
blockList += "<td class='text-white'><a href='" + infoLink + value.hash + "' target='_blank'>" + value.hash.substring(0, 8) + " &hellip; " + value.hash.substring(value.hash.length - 8) + "</a></td>";
blockList += "<td class='text-white'>" + _formatter(value.difficulty, 5, "H/s") + "</td>";
blockList += "<td><span class='" + effortClass + "'>" + effort + "%</span></td>";
var status = value.orphan;
if (value.orphan == false) {
blockList += "<td><span class='badge badge-success'>Confirmed</span></td>";
} else if (value.orphan == true) {
blockList += "<td><span class='badge badge-danger'>Orphaned</span></td>";
} else {
blockList += "<td>" + status + "</td>";
}
blockList += "<td class='text-white'>" + reward + " ETC</td>";
blockList += "</tr>";
});
} else {
blockList += '<tr><td colspan="6">No Blocks Found Yet</td></tr>';
}
$("#blockList").html(blockList);
})
}
// Load Pool Immature Content
function loadImmaturePage() {
$.when(
$.ajax(API + "stats").done(function (data) {
var lastBlockDate = convertLocalDateToUTCDate(new Date(data.stats.lastBlockFound * 1000), false);
convertedBlockDate = dateConvertor(lastBlockDate);
$.each(data.nodes, function (index, value) {
chainheight = value.height;
});
$("#lastBlock").html(convertedBlockDate);
}),
$.ajax(API + "blocks").done(function (data) {
var immaList = "";
if (data.immature.length > 0) {
$.each(data.immature, function (index, value) {
var createDate = convertLocalDateToUTCDate(new Date(value.timestamp * 1000), false);
convertedDate = dateConvertor(createDate);
blockheight = value.height;
var effort = ((value.shares / value.difficulty) * 100).toFixed(2);
var reward = (value.reward / 1000000000000000000).toFixed(4);
var confirm = chainheight - blockheight;
var effortClass = "";
if (effort < 100) {
effortClass = "effort1";
} else if (effort < 200) {
effortClass = "effort2";
} else if (effort < 500) {
effortClass = "effort3";
} else {
effortClass = "effort4";
}
var confclass = "";
if (confirm < 100) {
confclass = confirm;
} else {
confclass = "100";
}
immaList += "<tr>";
immaList += "<td class='text-white'>" + convertedDate + "</td>";
if (value.uncle = false) {
immaList += "<td><span class='badge badge-success'>Block</span></td>";
} else {
immaList += "<td><span class='badge badge-info'>Pending</span></td>";
}
immaList += "<td><a href='" + infoLink + "' target='_blank'>" + value.height + "</a></td>";
immaList += "<td class='text-white'><a href='" + infoLink + value.hash + "' target='_blank'>" + value.hash.substring(0, 8) + " &hellip; " + value.hash.substring(value.hash.length - 8) + "</a></td>";
immaList += "<td class='text-white'>" + _formatter(value.difficulty, 5, "H/s") + "</td>";
immaList += "<td><span class='" + effortClass + "'>" + effort + "%</span></td>";
immaList += "<td class='text-white'>" + reward + " ETC</td>";
immaList += "<td><div class='progress-bar progress-bar-striped bg-info progress-bar-animated' role='progressbar' aria-valuenow='" + confclass + "' aria-valuemin='0' aria-valuemax='100' style='width: " + confclass + "%'><span class='text-white'>" + confclass + "% Completed</span></div></td>";
immaList += "</tr>";
});
} else {
immaList += "<tr><td colspan='6'>No Immature Blocks Found</td></tr>";
}
$("#immaList").html(immaList);
}),
)
}
// Load Pool Average Total Content
function loadAvgTotalPage() {
return $.ajax(API + "blocks").done(function (data) {
var total = 0;
var totalCoin = 0;
var luckListAll = "";
if (data.matured.length > 0) {
$.each(data.matured, function (index, value) {
total += parseFloat(value.shares / value.difficulty);
totalCoin += parseFloat(value.reward);
var avg = ((total * 100) / data.matured.length).toFixed(2);
var effortClass = "";
if (avg < 100) {
effortClass = "effort1";
} else if (avg < 200) {
effortClass = "effort2";
} else if (avg < 500) {
effortClass = "effort3";
} else {
effortClass = "effort4";
}
luckListAll = "<span class='" + effortClass + "'>" + avg + " %</span>";
});
}
var coins = (totalCoin / 1000000000000000000).toFixed(4);
$("#avgLuckTotal").html(luckListAll);
$("#totalBlocks").html(data.matured.length + " Blocks");
$("#totalCoins").html(coins + " ETC");
})
}
// Load Pool Luck Content
function loadluckPage() {
return $.ajax(API + "blocks").done(function (data) {
var imma = data.immatureTotal;
$.each(data.luck, function (index, value) {
uncle = value.uncleRate;
});
$("#uncleRate").html(uncle + " %");
$("#immature").html(imma + " Blocks");
})
}
// Load Pool Miners Content
function loadTopMinersPage() {
setInterval(
(function load() {
loadMinersPage();
return load;
})(), 5000
);
}
// Load Pool Miners
function loadMinersPage() {
return $.ajax(API + "miners").done(function (data) {
var minerList = "";
if (data.miners) {
var minerCount = 0;
$.each(data.miners, function (index, value) {
minerCount++;
start = new Date(value.lastBeat).valueOf();
end = new Date().getTime();
lastShareDiff = timeDiffSec(start, end);
minerList += "<tr>";
minerList += "<td class='text-success'><b>" + minerCount + "</b></td>";
minerList += "<td class='text-white'><a href='dashboard.html?#" + currentPool + "/stats?address=" + index + "'>" + index + "</td>";
minerList += "<td class='text-white'>" + lastShareDiff + " ago</td>";
minerList += "<td class='text-white'>" + _formatter(value.hr, 5, "H/s") + "</td>";
minerList += "</tr>";
});
} else {
minerList += '<tr><td class="text-danger" colspan="4">No Miner Connected</td></tr>';
}
$("#minerList").html(minerList);
})
}
// Load Pool Dashboard Content
function loadDashboardPage() {
function render() {
setInterval(
(function load() {
loadDashboardData($("#walletAddress").val());
loadDashboardWorkerList($("#walletAddress").val());
loadDashboardPaymentList($("#walletAddress").val());
loadDashboardChart($("#walletAddress").val());
loadMinerAddressPage($("#walletAddress").val());
return load;
})(), 5000
);
}
var walletQueryString = window.location.hash.split(/[#/?]/)[3];
if (walletQueryString) {
var wallet = window.location.hash.split(/[#/?]/)[3].replace("address=", "");
if (wallet) {
$(walletAddress).val(wallet);
localStorage.setItem(currentPool + "-walletAddress", wallet);
render();
}
}
if (localStorage[currentPool + "-walletAddress"]) {
$("#walletAddress").val(localStorage[currentPool + "-walletAddress"]);
}
}
// Load Pool Dashboard Wallet
function loadWallet() {
console.log('Loading wallet address:', $("#walletAddress").val());
if ($("#walletAddress").val().length > 0) {
localStorage.setItem(currentPool + "-walletAddress", $("#walletAddress").val());
}
var coin = window.location.hash.split(/[#/?]/)[1];
var currentPage = window.location.hash.split(/[#/?]/)[2] || "stats";
window.location.href = "#" + currentPool + "/" + currentPage + "?address=" + $("#walletAddress").val();
}
// Load Pool Dashboard Data
function loadDashboardData(walletAddress) {
return $.ajax(API + "accounts/" + walletAddress).done(function (data) {
coins = ((data.stats.paid + data.stats.balance) / 1000000000).toFixed(4);
rshares = data.roundShares / 1000000000;
pendsbal = (data.stats.balance / 1000000000).toFixed(8);
$("#minerHashrate").text(_formatter(data.currentHashrate, 3, "H/s"));
$("#pendingBalance").text(pendsbal + " ETC");
$("#lifetimeBalance").text(coins + " ETC");
$("#minerShares").text(rshares);
$("#avgHash").text(_formatter(data.hashrate, 3, "H/s"));
$("#blocksFound").text(data.stats.blocksFound);
})
}
// Load Pool Dashboard Worker
function loadDashboardWorkerList(walletAddress) {
return $.ajax(API + "accounts/" + walletAddress).done(function (data) {
var workerList = "";
if (data.workers) {
var workerCount = 0;
$.each(data.workers, function (index, value) {
workerCount++;
start = new Date(value.lastBeat).valueOf();
end = new Date().getTime();
lastShareDiff = timeDiffSec(start, end);
workerList += "<tr>";
workerList += "<td class='text-success'><b>" + workerCount + "</b></td>";
workerList += "<td class='text-white'>" + index + "</td>";
workerList += "<td class='text-white'>" + _formatter(value.hr, 3, "H/s") + "</td>";
workerList += "<td class='text-white'>" + lastShareDiff + " ago</td>";
workerList += "</tr>";
});
} else {
workerList += '<tr><td class="text-danger" colspan="4">No Worker Connected</td></tr>';
}
$("#workerCount").text(workerCount);
$("#workerList").html(workerList);
})
}
// Load Pool Dashboard Payment
function loadDashboardPaymentList(walletAddress) {
return $.ajax(API + "accounts/" + walletAddress).done(function (data) {
var wpaymentList = "";
if (data.payments) {
var wpaymentCount = 0;
$.each(data.payments, function (index, value) {
wpaymentCount++;
var createDate = convertLocalDateToUTCDate(new Date(value.timestamp * 1000), false);
convertedDate = dateConvertor(createDate);
wtxid = value.tx;
paid = (value.amount / 1000000000).toFixed(4);
wpaymentList += "<tr>";
wpaymentList += "<td class='text-success'><b>" + wpaymentCount + "</b></td>";
wpaymentList += "<td class='text-white'>" + convertedDate + "</td>";
wpaymentList += "<td class='text-white'>" + paid + " ETC</td>";
wpaymentList += "<td class='text-white'><a href='" + txLink + wtxid + "' target='_blank'>" + wtxid.substring(0, 5) + " &hellip; " + wtxid.substring(wtxid.length - 5) + "</a></td>";
wpaymentList += "</tr>";
});
} else {
wpaymentList += '<tr><td class="text-danger" colspan="4">No Payments Done</td></tr>';
}
$("#wpaymentCount").html(wpaymentCount);
$("#wpaymentList").html(wpaymentList);
})
}
// Load Pool Dashboard Chart
function loadDashboardChart(walletAddress) {
return $.ajax(API + "accounts/" + walletAddress).done(function (data) {
labels = [];
minerHashrate = [];
$.each(data.minerCharts, function (index, value) {
if (labels.length === 0 || (labels.length + 1) % 4 === 1) {
var createDate = new Date(value.x * 1000);
labels.push(createDate.getHours() + ":" + (createDate.getMinutes() < 10 ? '0' : '') + createDate.getMinutes());
} else {
labels.push("");
}
minerHashrate.push(value.minerHash);
});
var data = { labels: labels, series: [minerHashrate] };
var options = {
height: "300px", showArea: true, showPoint: false, seriesBarDistance: 1, axisX: { showGrid: false },
fullWidth: true, chartPadding: { right: 10, left: -5, bottom: -10, top: 10 },
axisY: { offset: 47, labelInterpolationFnc: function (value) { return _formatter(value, 1, "H/s"); } },
lineSmooth: Chartist.Interpolation.simple({ divisor: 2 })
};
var responsiveOptions = [["screen and (max-width: 640px)", { axisX: { labelInterpolationFnc: function (value) { return value[0]; } } }]];
Chartist.Line("#chartDashboardHashrate", data, options, responsiveOptions);
})
}
// Load Pool Miner Address
function loadMinerAddressPage(walletAddress) {
$.when(
$.ajax(API + "accounts/" + walletAddress).done(function (data) {
minershares = data.roundShares;
minerhash = data.currentHashrate;
}),
$.ajax(API + "stats").done(function (data) {
poolshares = data.stats.roundShares;
poolhash = data.hashrate;
creward = 2.5;
})
)
.then(function () {
var shareDominance = ((minershares * 100) / poolshares).toFixed(2);
var hashDominance = ((minerhash * 100) / poolhash).toFixed(2);
var avgpay = ((shareDominance / 100) * creward).toFixed(4);
$("#minerPercent").html(hashDominance + " %");
$("#minerSharesDominance").html(shareDominance + " %");
$("#avgPayout").html(avgpay + " ETC");
});
}
// Load Pool Payments Content
function loadPaymentsOverviewPage() {
setInterval(
(function load() {
loadPaymentsPage();
return load;
})(), 5000
);
}
// Load Pool Payments Page
function loadPaymentsPage() {
return $.ajax(API + "payments").done(function (data) {
var paymentList = "";
$.each(data.payments, function (index, value) {
var createDate = convertUTCDateToLocalDate(new Date(value.timestamp * 1000), false);
convertedDate = dateConvertor(createDate);
reward = (value.amount / 1000000000).toFixed(8);
miner = value.address;
txid = value.tx;
paymentList += "<tr>";
paymentList += "<td class='text-white'>" + convertedDate + "</td>";
paymentList += "<td class='text-white'><a href='" + txLink + txid + "' target='_blank'>" + txid.substring(0, 8) + " &hellip; " + txid.substring(txid.length - 8) + "</a></td>";
paymentList += "<td class='text-white'>" + miner + "</td>";
paymentList += "<td class='text-white'>" + reward + " ETC</td>";
paymentList += "</tr>";
});
$("#paymentList").html(paymentList);
})
}

2
web-html/assets/js/jquery.min.js vendored

File diff suppressed because one or more lines are too long

5
web-html/assets/js/popper.min.js vendored

File diff suppressed because one or more lines are too long

615
web-html/assets/plugins/chartist/chartist.css

@ -0,0 +1,615 @@
.ct-label {
fill: rgba(0, 0, 0, 0.4);
color: rgba(255, 255, 255, 0.4);
font-size: 0.75rem;
line-height: 1; }
.ct-chart-line .ct-label,
.ct-chart-bar .ct-label {
display: block;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; }
.ct-chart-pie .ct-label,
.ct-chart-donut .ct-label {
dominant-baseline: central; }
.ct-label.ct-horizontal.ct-start {
-webkit-box-align: flex-end;
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
-webkit-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
text-align: left;
text-anchor: start; }
.ct-label.ct-horizontal.ct-end {
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
text-align: left;
text-anchor: start; }
.ct-label.ct-vertical.ct-start {
-webkit-box-align: flex-end;
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
-webkit-box-pack: flex-end;
-webkit-justify-content: flex-end;
-ms-flex-pack: flex-end;
justify-content: flex-end;
text-align: right;
text-anchor: end; }
.ct-label.ct-vertical.ct-end {
-webkit-box-align: flex-end;
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
-webkit-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
text-align: left;
text-anchor: start; }
.ct-chart-bar .ct-label.ct-horizontal.ct-start {
-webkit-box-align: flex-end;
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
text-anchor: start; }
.ct-chart-bar .ct-label.ct-horizontal.ct-end {
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
text-anchor: start; }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
-webkit-box-align: flex-end;
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
-webkit-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
text-align: left;
text-anchor: start; }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
text-align: left;
text-anchor: start; }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: flex-end;
-webkit-justify-content: flex-end;
-ms-flex-pack: flex-end;
justify-content: flex-end;
text-align: right;
text-anchor: end; }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
text-align: left;
text-anchor: end; }
.ct-grid {
stroke: rgba(0, 0, 0, 0.2);
stroke-width: 1px;
stroke-dasharray: 2px; }
.ct-grid-background {
fill: none; }
.ct-point {
stroke-width: 10px;
stroke-linecap: round; }
.ct-line {
fill: none;
stroke-width: 4px; }
.ct-area {
stroke: none;
fill-opacity: 0.1; }
.ct-bar {
fill: none;
stroke-width: 10px; }
.ct-slice-donut {
fill: none;
stroke-width: 60px; }
.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
stroke: #198fed; }
.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
fill: #198fed; }
.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
stroke: #9fb3ca; }
.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
fill: #9fb3ca; }
.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
stroke: #22b3dd; }
.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area {
fill: #22b3dd; }
.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
stroke: #10c347; }
.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area {
fill: #10c347; }
.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
stroke: #f4ac2f; }
.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
fill: #f4ac2f; }
.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
stroke: #ff0b5b; }
.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
fill: #ff0b5b; }
.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
stroke: #bcc2c8; }
.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
fill: #bcc2c8; }
.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
stroke: #ec407a; }
.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
fill: #d81b60; }
.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
stroke: #ab47bc; }
.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area {
fill: #8e24aa; }
.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
stroke: #25b6b4; }
.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area {
fill: #137e7d; }
.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
stroke: #ef6c00; }
.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area {
fill: #e65100; }
.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
stroke: #3f51b5; }
.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
fill: #283593; }
.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
stroke: #039be5; }
.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area {
fill: #01579b; }
.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
stroke: #607d8b; }
.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area {
fill: #455a64; }
.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
stroke: #757575; }
.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
fill: #3f3e3e; }
.ct-square {
display: block;
position: relative;
width: 100%; }
.ct-square:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 100%; }
.ct-square:after {
content: "";
display: table;
clear: both; }
.ct-square > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-minor-second {
display: block;
position: relative;
width: 100%; }
.ct-minor-second:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 93.75%; }
.ct-minor-second:after {
content: "";
display: table;
clear: both; }
.ct-minor-second > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-major-second {
display: block;
position: relative;
width: 100%; }
.ct-major-second:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 88.8888888889%; }
.ct-major-second:after {
content: "";
display: table;
clear: both; }
.ct-major-second > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-minor-third {
display: block;
position: relative;
width: 100%; }
.ct-minor-third:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 83.3333333333%; }
.ct-minor-third:after {
content: "";
display: table;
clear: both; }
.ct-minor-third > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-major-third {
display: block;
position: relative;
width: 100%; }
.ct-major-third:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 80%; }
.ct-major-third:after {
content: "";
display: table;
clear: both; }
.ct-major-third > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-perfect-fourth {
display: block;
position: relative;
width: 100%; }
.ct-perfect-fourth:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 75%; }
.ct-perfect-fourth:after {
content: "";
display: table;
clear: both; }
.ct-perfect-fourth > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-perfect-fifth {
display: block;
position: relative;
width: 100%; }
.ct-perfect-fifth:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 66.6666666667%; }
.ct-perfect-fifth:after {
content: "";
display: table;
clear: both; }
.ct-perfect-fifth > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-minor-sixth {
display: block;
position: relative;
width: 100%; }
.ct-minor-sixth:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 62.5%; }
.ct-minor-sixth:after {
content: "";
display: table;
clear: both; }
.ct-minor-sixth > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-golden-section {
display: block;
position: relative;
width: 100%; }
.ct-golden-section:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 61.804697157%; }
.ct-golden-section:after {
content: "";
display: table;
clear: both; }
.ct-golden-section > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-major-sixth {
display: block;
position: relative;
width: 100%; }
.ct-major-sixth:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 60%; }
.ct-major-sixth:after {
content: "";
display: table;
clear: both; }
.ct-major-sixth > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-minor-seventh {
display: block;
position: relative;
width: 100%; }
.ct-minor-seventh:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 56.25%; }
.ct-minor-seventh:after {
content: "";
display: table;
clear: both; }
.ct-minor-seventh > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-major-seventh {
display: block;
position: relative;
width: 100%; }
.ct-major-seventh:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 53.3333333333%; }
.ct-major-seventh:after {
content: "";
display: table;
clear: both; }
.ct-major-seventh > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-octave {
display: block;
position: relative;
width: 100%; }
.ct-octave:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 50%; }
.ct-octave:after {
content: "";
display: table;
clear: both; }
.ct-octave > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-major-tenth {
display: block;
position: relative;
width: 100%; }
.ct-major-tenth:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 40%; }
.ct-major-tenth:after {
content: "";
display: table;
clear: both; }
.ct-major-tenth > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-major-eleventh {
display: block;
position: relative;
width: 100%; }
.ct-major-eleventh:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 37.5%; }
.ct-major-eleventh:after {
content: "";
display: table;
clear: both; }
.ct-major-eleventh > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-major-twelfth {
display: block;
position: relative;
width: 100%; }
.ct-major-twelfth:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 33.3333333333%; }
.ct-major-twelfth:after {
content: "";
display: table;
clear: both; }
.ct-major-twelfth > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-double-octave {
display: block;
position: relative;
width: 100%; }
.ct-double-octave:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 25%; }
.ct-double-octave:after {
content: "";
display: table;
clear: both; }
.ct-double-octave > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
/*# sourceMappingURL=chartist.css.map */

615
web-html/assets/plugins/chartist/chartist.css.bak

@ -0,0 +1,615 @@
.ct-label {
fill: rgba(0, 0, 0, 0.4);
color: rgba(255, 255, 255, 0.4);
font-size: 0.75rem;
line-height: 1; }
.ct-chart-line .ct-label,
.ct-chart-bar .ct-label {
display: block;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; }
.ct-chart-pie .ct-label,
.ct-chart-donut .ct-label {
dominant-baseline: central; }
.ct-label.ct-horizontal.ct-start {
-webkit-box-align: flex-end;
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
-webkit-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
text-align: left;
text-anchor: start; }
.ct-label.ct-horizontal.ct-end {
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
text-align: left;
text-anchor: start; }
.ct-label.ct-vertical.ct-start {
-webkit-box-align: flex-end;
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
-webkit-box-pack: flex-end;
-webkit-justify-content: flex-end;
-ms-flex-pack: flex-end;
justify-content: flex-end;
text-align: right;
text-anchor: end; }
.ct-label.ct-vertical.ct-end {
-webkit-box-align: flex-end;
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
-webkit-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
text-align: left;
text-anchor: start; }
.ct-chart-bar .ct-label.ct-horizontal.ct-start {
-webkit-box-align: flex-end;
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
text-anchor: start; }
.ct-chart-bar .ct-label.ct-horizontal.ct-end {
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
text-anchor: start; }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
-webkit-box-align: flex-end;
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
-webkit-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
text-align: left;
text-anchor: start; }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
text-align: left;
text-anchor: start; }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: flex-end;
-webkit-justify-content: flex-end;
-ms-flex-pack: flex-end;
justify-content: flex-end;
text-align: right;
text-anchor: end; }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
text-align: left;
text-anchor: end; }
.ct-grid {
stroke: rgba(0, 0, 0, 0.2);
stroke-width: 1px;
stroke-dasharray: 2px; }
.ct-grid-background {
fill: none; }
.ct-point {
stroke-width: 10px;
stroke-linecap: round; }
.ct-line {
fill: none;
stroke-width: 4px; }
.ct-area {
stroke: none;
fill-opacity: 0.1; }
.ct-bar {
fill: none;
stroke-width: 10px; }
.ct-slice-donut {
fill: none;
stroke-width: 60px; }
.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
stroke: #198fed; }
.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
fill: #198fed; }
.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
stroke: #9fb3ca; }
.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
fill: #9fb3ca; }
.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
stroke: #22b3dd; }
.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area {
fill: #22b3dd; }
.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
stroke: #10c347; }
.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area {
fill: #10c347; }
.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
stroke: #f4ac2f; }
.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
fill: #f4ac2f; }
.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
stroke: #ff0b5b; }
.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
fill: #ff0b5b; }
.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
stroke: #bcc2c8; }
.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
fill: #bcc2c8; }
.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
stroke: #ec407a; }
.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
fill: #d81b60; }
.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
stroke: #ab47bc; }
.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area {
fill: #8e24aa; }
.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
stroke: #25b6b4; }
.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area {
fill: #137e7d; }
.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
stroke: #ef6c00; }
.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area {
fill: #e65100; }
.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
stroke: #3f51b5; }
.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
fill: #283593; }
.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
stroke: #039be5; }
.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area {
fill: #01579b; }
.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
stroke: #607d8b; }
.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area {
fill: #455a64; }
.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
stroke: #757575; }
.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
fill: #3f3e3e; }
.ct-square {
display: block;
position: relative;
width: 100%; }
.ct-square:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 100%; }
.ct-square:after {
content: "";
display: table;
clear: both; }
.ct-square > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-minor-second {
display: block;
position: relative;
width: 100%; }
.ct-minor-second:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 93.75%; }
.ct-minor-second:after {
content: "";
display: table;
clear: both; }
.ct-minor-second > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-major-second {
display: block;
position: relative;
width: 100%; }
.ct-major-second:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 88.8888888889%; }
.ct-major-second:after {
content: "";
display: table;
clear: both; }
.ct-major-second > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-minor-third {
display: block;
position: relative;
width: 100%; }
.ct-minor-third:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 83.3333333333%; }
.ct-minor-third:after {
content: "";
display: table;
clear: both; }
.ct-minor-third > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-major-third {
display: block;
position: relative;
width: 100%; }
.ct-major-third:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 80%; }
.ct-major-third:after {
content: "";
display: table;
clear: both; }
.ct-major-third > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-perfect-fourth {
display: block;
position: relative;
width: 100%; }
.ct-perfect-fourth:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 75%; }
.ct-perfect-fourth:after {
content: "";
display: table;
clear: both; }
.ct-perfect-fourth > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-perfect-fifth {
display: block;
position: relative;
width: 100%; }
.ct-perfect-fifth:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 66.6666666667%; }
.ct-perfect-fifth:after {
content: "";
display: table;
clear: both; }
.ct-perfect-fifth > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-minor-sixth {
display: block;
position: relative;
width: 100%; }
.ct-minor-sixth:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 62.5%; }
.ct-minor-sixth:after {
content: "";
display: table;
clear: both; }
.ct-minor-sixth > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-golden-section {
display: block;
position: relative;
width: 100%; }
.ct-golden-section:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 61.804697157%; }
.ct-golden-section:after {
content: "";
display: table;
clear: both; }
.ct-golden-section > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-major-sixth {
display: block;
position: relative;
width: 100%; }
.ct-major-sixth:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 60%; }
.ct-major-sixth:after {
content: "";
display: table;
clear: both; }
.ct-major-sixth > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-minor-seventh {
display: block;
position: relative;
width: 100%; }
.ct-minor-seventh:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 56.25%; }
.ct-minor-seventh:after {
content: "";
display: table;
clear: both; }
.ct-minor-seventh > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-major-seventh {
display: block;
position: relative;
width: 100%; }
.ct-major-seventh:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 53.3333333333%; }
.ct-major-seventh:after {
content: "";
display: table;
clear: both; }
.ct-major-seventh > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-octave {
display: block;
position: relative;
width: 100%; }
.ct-octave:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 50%; }
.ct-octave:after {
content: "";
display: table;
clear: both; }
.ct-octave > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-major-tenth {
display: block;
position: relative;
width: 100%; }
.ct-major-tenth:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 40%; }
.ct-major-tenth:after {
content: "";
display: table;
clear: both; }
.ct-major-tenth > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-major-eleventh {
display: block;
position: relative;
width: 100%; }
.ct-major-eleventh:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 37.5%; }
.ct-major-eleventh:after {
content: "";
display: table;
clear: both; }
.ct-major-eleventh > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-major-twelfth {
display: block;
position: relative;
width: 100%; }
.ct-major-twelfth:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 33.3333333333%; }
.ct-major-twelfth:after {
content: "";
display: table;
clear: both; }
.ct-major-twelfth > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-double-octave {
display: block;
position: relative;
width: 100%; }
.ct-double-octave:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 25%; }
.ct-double-octave:after {
content: "";
display: table;
clear: both; }
.ct-double-octave > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
/*# sourceMappingURL=chartist.css.map */

4488
web-html/assets/plugins/chartist/chartist.js

File diff suppressed because it is too large Load Diff

4488
web-html/assets/plugins/chartist/chartist.js.bak

File diff suppressed because it is too large Load Diff

7
web-html/assets/plugins/metismenu/css/metisMenu.min.css vendored

@ -0,0 +1,7 @@
/*!
* metismenu https://github.com/onokumus/metismenu#readme
* A jQuery menu plugin
* @version 3.0.6
* @author Osman Nuri Okumus <onokumus@gmail.com> (https://github.com/onokumus)
* @license: MIT
*/.metismenu .arrow{float:right;line-height:1.42857}[dir=rtl] .metismenu .arrow{float:left}.metismenu .glyphicon.arrow:before{content:"\e079"}.metismenu .mm-active>a>.glyphicon.arrow:before{content:"\e114"}.metismenu .fa.arrow:before{content:"\f104"}.metismenu .mm-active>a>.fa.arrow:before{content:"\f107"}.metismenu .ion.arrow:before{content:"\f3d2"}.metismenu .mm-active>a>.ion.arrow:before{content:"\f3d0"}.metismenu .plus-times{float:right}[dir=rtl] .metismenu .plus-times{float:left}.metismenu .fa.plus-times:before{content:"\f067"}.metismenu .mm-active>a>.fa.plus-times{transform:rotate(45deg)}.metismenu .plus-minus{float:right}[dir=rtl] .metismenu .plus-minus{float:left}.metismenu .fa.plus-minus:before{content:"\f067"}.metismenu .mm-active>a>.fa.plus-minus:before{content:"\f068"}.metismenu .mm-collapse:not(.mm-show){display:none}.metismenu .mm-collapsing{position:relative;height:0;overflow:hidden;transition-timing-function:ease;transition-duration:.35s;transition-property:height,visibility}.metismenu .has-arrow{position:relative}.metismenu .has-arrow:after{position:absolute;content:"";width:.5em;height:.5em;border-style:solid;border-width:1px 0 0 1px;border-color:initial;right:1em;transform:rotate(-45deg) translateY(-50%);transform-origin:top;top:50%;transition:all .3s ease-out}[dir=rtl] .metismenu .has-arrow:after{right:auto;left:1em;transform:rotate(135deg) translateY(-50%)}.metismenu .has-arrow[aria-expanded=true]:after,.metismenu .mm-active>.has-arrow:after{transform:rotate(-135deg) translateY(-50%)}[dir=rtl] .metismenu .has-arrow[aria-expanded=true]:after,[dir=rtl] .metismenu .mm-active>.has-arrow:after{transform:rotate(225deg) translateY(-50%)}

8
web-html/assets/plugins/metismenu/js/metisMenu.min.js vendored

@ -0,0 +1,8 @@
/*!
* metismenu https://github.com/onokumus/metismenu#readme
* A jQuery menu plugin
* @version 3.0.6
* @author Osman Nuri Okumus <onokumus@gmail.com> (https://github.com/onokumus)
* @license: MIT
*/
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n(require("jquery")):"function"==typeof define&&define.amd?define(["jquery"],n):(e=e||self).metisMenu=n(e.jQuery)}(this,function(o){"use strict";function a(){return(a=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(this,arguments)}o=o&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o;var i,n,r,s=(n="transitionend",r={TRANSITION_END:"mmTransitionEnd",triggerTransitionEnd:function(e){i(e).trigger(n)},supportsTransitionEnd:function(){return Boolean(n)}},(i=o).fn.mmEmulateTransitionEnd=e,i.event.special[r.TRANSITION_END]={bindType:n,delegateType:n,handle:function(e){if(i(e.target).is(this))return e.handleObj.handler.apply(this,arguments)}},r);function e(e){var n=this,t=!1;return i(this).one(r.TRANSITION_END,function(){t=!0}),setTimeout(function(){t||r.triggerTransitionEnd(n)},e),this}var t="metisMenu",g="metisMenu",l="."+g,h=o.fn[t],f={toggle:!0,preventDefault:!0,triggerElement:"a",parentTrigger:"li",subMenu:"ul"},d={SHOW:"show"+l,SHOWN:"shown"+l,HIDE:"hide"+l,HIDDEN:"hidden"+l,CLICK_DATA_API:"click"+l+".data-api"},u="metismenu",c="mm-active",p="mm-show",m="mm-collapse",T="mm-collapsing",v=function(){function r(e,n){this.element=e,this.config=a({},f,{},n),this.transitioning=null,this.init()}var e=r.prototype;return e.init=function(){var a=this,s=this.config,e=o(this.element);e.addClass(u),e.find(s.parentTrigger+"."+c).children(s.triggerElement).attr("aria-expanded","true"),e.find(s.parentTrigger+"."+c).parents(s.parentTrigger).addClass(c),e.find(s.parentTrigger+"."+c).parents(s.parentTrigger).children(s.triggerElement).attr("aria-expanded","true"),e.find(s.parentTrigger+"."+c).has(s.subMenu).children(s.subMenu).addClass(m+" "+p),e.find(s.parentTrigger).not("."+c).has(s.subMenu).children(s.subMenu).addClass(m),e.find(s.parentTrigger).children(s.triggerElement).on(d.CLICK_DATA_API,function(e){var n=o(this);if("true"!==n.attr("aria-disabled")){s.preventDefault&&"#"===n.attr("href")&&e.preventDefault();var t=n.parent(s.parentTrigger),i=t.siblings(s.parentTrigger),r=i.children(s.triggerElement);t.hasClass(c)?(n.attr("aria-expanded","false"),a.removeActive(t)):(n.attr("aria-expanded","true"),a.setActive(t),s.toggle&&(a.removeActive(i),r.attr("aria-expanded","false"))),s.onTransitionStart&&s.onTransitionStart(e)}})},e.setActive=function(e){o(e).addClass(c);var n=o(e).children(this.config.subMenu);0<n.length&&!n.hasClass(p)&&this.show(n)},e.removeActive=function(e){o(e).removeClass(c);var n=o(e).children(this.config.subMenu+"."+p);0<n.length&&this.hide(n)},e.show=function(e){var n=this;if(!this.transitioning&&!o(e).hasClass(T)){var t=o(e),i=o.Event(d.SHOW);if(t.trigger(i),!i.isDefaultPrevented()){if(t.parent(this.config.parentTrigger).addClass(c),this.config.toggle){var r=t.parent(this.config.parentTrigger).siblings().children(this.config.subMenu+"."+p);this.hide(r)}t.removeClass(m).addClass(T).height(0),this.setTransitioning(!0);t.height(e[0].scrollHeight).one(s.TRANSITION_END,function(){n.config&&n.element&&(t.removeClass(T).addClass(m+" "+p).height(""),n.setTransitioning(!1),t.trigger(d.SHOWN))}).mmEmulateTransitionEnd(350)}}},e.hide=function(e){var n=this;if(!this.transitioning&&o(e).hasClass(p)){var t=o(e),i=o.Event(d.HIDE);if(t.trigger(i),!i.isDefaultPrevented()){t.parent(this.config.parentTrigger).removeClass(c),t.height(t.height())[0].offsetHeight,t.addClass(T).removeClass(m).removeClass(p),this.setTransitioning(!0);var r=function(){n.config&&n.element&&(n.transitioning&&n.config.onTransitionEnd&&n.config.onTransitionEnd(),n.setTransitioning(!1),t.trigger(d.HIDDEN),t.removeClass(T).addClass(m))};0===t.height()||"none"===t.css("display")?r():t.height(0).one(s.TRANSITION_END,r).mmEmulateTransitionEnd(350)}}},e.setTransitioning=function(e){this.transitioning=e},e.dispose=function(){o.removeData(this.element,g),o(this.element).find(this.config.parentTrigger).children(this.config.triggerElement).off(d.CLICK_DATA_API),this.transitioning=null,this.config=null,this.element=null},r.jQueryInterface=function(i){return this.each(function(){var e=o(this),n=e.data(g),t=a({},f,{},e.data(),{},"object"==typeof i&&i?i:{});if(n||(n=new r(this,t),e.data(g,n)),"string"==typeof i){if(void 0===n[i])throw new Error('No method named "'+i+'"');n[i]()}})},r}();return o.fn[t]=v.jQueryInterface,o.fn[t].Constructor=v,o.fn[t].noConflict=function(){return o.fn[t]=h,v.jQueryInterface},v});

116
web-html/assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css

@ -0,0 +1,116 @@
/*
* Container style
*/
.ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
}
/*
* Scrollbar rail styles
*/
.ps__rail-x {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
height: 15px;
/* there must be 'bottom' or 'top' for ps__rail-x */
bottom: 0px;
/* please don't change 'position' */
position: absolute;
}
.ps__rail-y {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
width: 15px;
/* there must be 'right' or 'left' for ps__rail-y */
right: 0;
/* please don't change 'position' */
position: absolute;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
display: block;
background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
background-color: #eee;
opacity: 0.9;
}
/*
* Scrollbar thumb styles
*/
.ps__thumb-x {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, height .2s ease-in-out;
-webkit-transition: background-color .2s linear, height .2s ease-in-out;
height: 6px;
/* there must be 'bottom' for ps__thumb-x */
bottom: 2px;
/* please don't change 'position' */
position: absolute;
}
.ps__thumb-y {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, width .2s ease-in-out;
-webkit-transition: background-color .2s linear, width .2s ease-in-out;
width: 6px;
/* there must be 'right' for ps__thumb-y */
right: 2px;
/* please don't change 'position' */
position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
background-color: #999;
height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #999;
width: 11px;
}
/* MS supports */
@supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps {
overflow: auto !important;
}
}

1325
web-html/assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js

File diff suppressed because it is too large Load Diff

212
web-html/assets/plugins/simplebar/css/simplebar.css

@ -0,0 +1,212 @@
[data-simplebar] {
position: relative;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
}
.simplebar-wrapper {
overflow: hidden;
width: inherit;
height: inherit;
max-width: inherit;
max-height: inherit;
}
.simplebar-mask {
direction: inherit;
position: absolute;
overflow: hidden;
padding: 0;
margin: 0;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: auto !important;
height: auto !important;
z-index: 0;
}
.simplebar-offset {
direction: inherit !important;
box-sizing: inherit !important;
resize: none !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
margin: 0;
-webkit-overflow-scrolling: touch;
}
.simplebar-content-wrapper {
direction: inherit;
box-sizing: border-box !important;
position: relative;
display: block;
height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
width: auto;
visibility: visible;
max-width: 100%; /* Not required for horizontal scroll to trigger */
max-height: 100%; /* Needed for vertical scroll to trigger */
scrollbar-width: none;
-ms-overflow-style: none;
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
width: 0;
height: 0;
}
.simplebar-content:before,
.simplebar-content:after {
content: ' ';
display: table;
}
.simplebar-placeholder {
max-height: 100%;
max-width: 100%;
width: 100%;
pointer-events: none;
}
.simplebar-height-auto-observer-wrapper {
box-sizing: inherit !important;
height: 100%;
width: 100%;
max-width: 1px;
position: relative;
float: left;
max-height: 1px;
overflow: hidden;
z-index: -1;
padding: 0;
margin: 0;
pointer-events: none;
flex-grow: inherit;
flex-shrink: 0;
flex-basis: 0;
}
.simplebar-height-auto-observer {
box-sizing: inherit;
display: block;
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 1000%;
width: 1000%;
min-height: 1px;
min-width: 1px;
overflow: hidden;
pointer-events: none;
z-index: -1;
}
.simplebar-track {
z-index: 1;
position: absolute;
right: 0;
bottom: 0;
pointer-events: none;
overflow: hidden;
}
[data-simplebar].simplebar-dragging .simplebar-content {
pointer-events: none;
user-select: none;
-webkit-user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-track {
pointer-events: all;
}
.simplebar-scrollbar {
position: absolute;
left: 0;
right: 0;
min-height: 10px;
}
.simplebar-scrollbar:before {
position: absolute;
content: '';
background: black;
border-radius: 7px;
left: 2px;
right: 2px;
opacity: 0;
transition: opacity 0.2s linear;
}
.simplebar-scrollbar.simplebar-visible:before {
/* When hovered, remove all transitions from drag handle */
opacity: 0.5;
transition: opacity 0s linear;
}
.simplebar-track.simplebar-vertical {
top: 0;
width: 11px;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
top: 2px;
bottom: 2px;
}
.simplebar-track.simplebar-horizontal {
left: 0;
height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
height: 100%;
left: 2px;
right: 2px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
right: auto;
left: 0;
top: 2px;
height: 7px;
min-height: 0;
min-width: 10px;
width: auto;
}
/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
right: auto;
left: 0;
}
.hs-dummy-scrollbar-size {
direction: rtl;
position: fixed;
opacity: 0;
visibility: hidden;
height: 500px;
width: 500px;
overflow-y: hidden;
overflow-x: scroll;
}
.simplebar-hide-scrollbar {
position: fixed;
left: 0;
visibility: hidden;
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
}

10
web-html/assets/plugins/simplebar/js/simplebar.min.js vendored

File diff suppressed because one or more lines are too long

1
web-html/assets/plugins/webticker/jquery.webticker.min.js vendored

File diff suppressed because one or more lines are too long

232
web-html/blocks.html

@ -0,0 +1,232 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>MININGCRYPTO.LIVE</title>
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
<link href="assets/plugins/chartist/chartist.css" rel="stylesheet" />
<link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" />
<link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" />
<link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" />
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/css/icons.css" />
<link rel="stylesheet" href="assets/css/app.css" />
</head>
<body class="bg-theme bg-theme-dark" onhashchange="loadBlocksOverviewPage()">
<div class="wrapper">
<header class="top-header">
<nav class="navbar navbar-expand">
<div class="sidebar-header">
<div class="d-none d-lg-flex">
MININGCRYPTO.LIVE
</div>
<div id="poolHeader"></div>
<a href="#" class="toggle-btn ml-lg-auto"><i class="bx bx-menu"></i></a>
</div>
<div class="top-navbar d-none d-xl-block ms-3">
<ul class="navbar-nav align-items-center">
</ul>
</div>
<div class="right-topbar ml-auto">
<ul class="navbar-nav">
<li class="nav-item dropdown dropdown-lg"><span id="discord"></span></li>
<li class="nav-item dropdown dropdown-lg"><span id="github"></span></li>
<li class="nav-item dropdown dropdown-lg"><span id="donations"></span></li>
<li class="nav-item dropdown dropdown-user-profile">
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" data-toggle="dropdown">
<div class="media user-box align-items-center">
<div class="media-body user-info">
<p id="nameOfCoinHeader" class="user-name mb-0"></p>
<p id="algoOfCoinHeader" class="designattion mb-0"></p>
</div>
<span id="coinLogo"></span>
</div>
</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="nav-container">
<div class="mobile-topbar-header">
<div class="">
open-etc-pool-friends
</div>
<div id="poolHeader2"></div>
<a href="#" class="toggle-btn ml-auto" target='_blank'><i class="bx bx-menu"></i></a>
</div>
<nav class="topbar-nav">
<ul class="metismenu" id="menu">
<li>
<a href="index.html">
<div class="parent-icon"><i class="bx bx-home-alt"></i></div>
<div class="menu-title">Home</div>
</a></center>
</li>
<li>
<a href="stats.html">
<div class="parent-icon"><i class='bx bx-bar-chart-square'></i></div>
<div class="menu-title">Statistics</div>
</a>
</li>
<li>
<a href="dashboard.html">
<div class="parent-icon"><i class="bx bx-tachometer"></i></div>
<div class="menu-title">Dashboard</div>
</a>
</li>
<li>
<a href="miners.html">
<div class="parent-icon"><i class="bx bx-group"></i></div>
<div class="menu-title">Miners</div>
</a>
</li>
<li>
<a href="blocks.html">
<div class="parent-icon text-info"><i class="bx bx-cube-alt"></i></div>
<div class="menu-title text-info">Blocks</div>
</a>
</li>
<li>
<a href="payments.html">
<div class="parent-icon"> <i class="bx bx-dollar-circle"></i></div>
<div class="menu-title">Payments</div>
</a>
</li>
<li>
<a href="connect.html">
<div class="parent-icon"> <i class="bx bx-plug"></i></div>
<div class="menu-title">Get Connected</div>
</a>
</li>
<li>
<a href="faq.html">
<div class="parent-icon"><i class="bx bx-help-circle"></i></div>
<div class="menu-title">FAQ</div>
</a>
</li>
</ul>
</nav>
</div>
<div class="page-wrapper">
<div class="page-content-wrapper">
<div class="page-content">
<div class="page-breadcrumb d-none d-md-flex align-items-center mb-3">
<div class="breadcrumb-title pr-3">BLOCKS</div>
<div class="pl-3">
<nav aria-label="breadcrumb">
<ol class="breadcrumb mb-0 p-0">
<li class="breadcrumb-item"><a href="index.html"><i class='bx bx-home-alt'></i></a>
</li>
<li class="breadcrumb-item active" aria-current="page">Block Stats</li>
</ol>
</nav>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-12 col-xl-12">
<div class="card-deck flex-column flex-lg-row">
<div class="card radius-15 b-1">
<div class="card-body text-center">
<div class="widgets-icons mx-auto rounded-circle"><i class='bx bx-cube'></i>
</div>
<h4 class="mb-0 font-weight-bold mt-3 text-white" id="totalBlocks"></h4>
<p class="mb-0 text-white">TOTAL FOUND BY POOL</p>
</div>
</div>
<div class="card radius-15 b-1">
<div class="card-body text-center">
<div class="widgets-icons mx-auto rounded-circle"><i class='bx bx-tone'></i>
</div>
<h4 class="mb-0 font-weight-bold mt-3 text-white" id="lastPoolBlocks"></h4>
<p class="mb-0 text-white">LAST POOL BLOCKTIME</p>
</div>
</div>
<div class="card radius-15 b-1">
<div class="card-body text-center">
<div class="widgets-icons mx-auto rounded-circle"><i class='bx bx-wifi-2'></i>
</div>
<h4 class="mb-0 font-weight-bold mt-3 text-white" id="avgLuck16"></h4>
<p class="mb-0 text-white">AVERAGE LUCK LAST 16 BLOCKS</p>
</div>
</div>
<div class="card radius-15 b-1">
<div class="card-body text-center">
<div class="widgets-icons mx-auto rounded-circle"><i class='bx bx-wifi'></i>
</div>
<h4 class="mb-0 font-weight-bold mt-3 text-white" id="avgLuckTotal"></h4>
<p class="mb-0 text-white">AVERAGE LUCK ALL BLOCKS</p>
</div>
</div>
<div class="card radius-15 b-1">
<div class="card-body text-center">
<div class="widgets-icons mx-auto rounded-circle"><i
class='bx bxs-coin-stack'></i>
</div>
<h4 class="mb-0 font-weight-bold mt-3 text-white" id="totalCoins"></h4>
<p class="mb-0 text-white">TOTAL CREATED BY POOL</p>
</div>
</div>
</div>
</div>
</div>
<div class="card radius-15 b-1">
<div class="card-body">
<div class="card-title">
<h5 class="mb-0 font-weight-bold">
<center>LAST 50 BLOCKS FOUND BY POOL</center>
</h5>
</div>
<hr />
<div class="table-responsive">
<table class="table table-striped mb-0">
<thead class="thead-light">
<tr>
<th>Found Time</th>
<th>Block Height</th>
<th>Block Hash</th>
<th>Block Diff</th>
<th>Block Finder</th>
<th>Block Effort</th>
<th>Block Reward</th>
<th>Confirmation</th>
</tr>
</thead>
<tbody id="blockList"></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay toggle-btn-mobile"></div>
<a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a>
<div class="footer">
<span class="text-success font-weight-bold"></span>Copyright © 2022 MININGCRYPTO.LIVE</a></p>
</div>
</div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/app.js"></script>
<script src="assets/js/etc.js"></script>
<script src="assets/plugins/chartist/chartist.js"></script>
<script src="assets/plugins/simplebar/js/simplebar.min.js"></script>
<script src="assets/plugins/metismenu/js/metisMenu.min.js"></script>
<script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script>
<script type="text/javascript">
$(document).ready(function () {
loadBlocksOverviewPage();
});
</script>
</body>
</html>

305
web-html/connect.html

@ -0,0 +1,305 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>open-etc-pool-friends</title>
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
<link href="assets/plugins/chartist/chartist.css" rel="stylesheet" />
<link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" />
<link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" />
<link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" />
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/css/icons.css" />
<link rel="stylesheet" href="assets/css/app.css" />
</head>
<body class="bg-theme bg-theme-dark">
<div class="wrapper">
<header class="top-header">
<nav class="navbar navbar-expand">
<div class="sidebar-header">
<div class="d-none d-lg-flex">
open-etc-pool-friends
</div>
<div id="poolHeader"></div>
<a href="#" class="toggle-btn ml-lg-auto"><i class="bx bx-menu"></i></a>
</div>
<div class="top-navbar d-none d-xl-block ms-3">
<ul class="navbar-nav align-items-center">
</ul>
</div>
<div class="right-topbar ml-auto">
<ul class="navbar-nav">
<li class="nav-item dropdown dropdown-lg"><span id="discord"></span></li>
<li class="nav-item dropdown dropdown-lg"><span id="github"></span></li>
<li class="nav-item dropdown dropdown-lg"><span id="donations"></span></li>
<li class="nav-item dropdown dropdown-user-profile">
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" data-toggle="dropdown">
<div class="media user-box align-items-center">
<div class="media-body user-info">
<p id="nameOfCoinHeader" class="user-name mb-0"></p>
<p id="algoOfCoinHeader" class="designattion mb-0"></p>
</div>
<span id="coinLogo"></span>
</div>
</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="nav-container">
<div class="mobile-topbar-header">
<div class="">
open-etc-pool-friends
</div>
<div id="poolHeader2"></div>
<a href="#" class="toggle-btn ml-auto" target='_blank'><i class="bx bx-menu"></i></a>
</div>
<nav class="topbar-nav">
<ul class="metismenu" id="menu">
<li>
<a href="index.html">
<div class="parent-icon"><i class="bx bx-home-alt"></i></div>
<div class="menu-title">Home</div>
</a></center>
</li>
<li>
<a href="stats.html">
<div class="parent-icon"><i class='bx bx-bar-chart-square'></i></div>
<div class="menu-title">Statistics</div>
</a>
</li>
<li>
<a href="dashboard.html">
<div class="parent-icon"><i class="bx bx-tachometer"></i></div>
<div class="menu-title">Dashboard</div>
</a>
</li>
<li>
<a href="miners.html">
<div class="parent-icon"><i class="bx bx-group"></i></div>
<div class="menu-title">Miners</div>
</a>
</li>
<li>
<a href="blocks.html">
<div class="parent-icon"><i class="bx bx-cube-alt"></i></div>
<div class="menu-title">Blocks</div>
</a>
</li>
<li>
<a href="payments.html">
<div class="parent-icon"><i class="bx bx-dollar-circle"></i></div>
<div class="menu-title">Payments</div>
</a>
</li>
<li>
<a href="connect.html">
<div class="parent-icon text-info"><i class="bx bx-plug"></i></div>
<div class="menu-title text-info">Get Connected</div>
</a>
</li>
<li>
<a href="faq.html">
<div class="parent-icon"><i class="bx bx-help-circle"></i></div>
<div class="menu-title">FAQ</div>
</a>
</li>
</ul>
</nav>
</div>
<div class="page-wrapper">
<div class="page-content-wrapper">
<div class="page-content">
<div class="page-breadcrumb d-none d-md-flex align-items-center mb-3">
<div class="breadcrumb-title pr-3">CONNECT</div>
<div class="pl-3">
<nav aria-label="breadcrumb">
<ol class="breadcrumb mb-0 p-0">
<li class="breadcrumb-item"><a href="index.html"><i class='bx bx-home-alt'></i></a>
</li>
<li class="breadcrumb-item active" aria-current="page">Get Connected</li>
</ol>
</nav>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12 col-lg-12 col-xl-12">
<div class="card radius-15 b-1">
<div class="card-body">
<div class="card-title">
<img class="avatar avatar-xxl avatar-bordered" src="assets/images/usa.png"
alt="" style="width:25px;height:25px;float:left;">
<img class="avatar avatar-xxl avatar-bordered" src="assets/images/online.png"
alt="" style="width:100px;height:25px;float:right;">
<h5 class="mb-0 font-weight-bold">
<center>USA SERVER</center>
</h5>
</div>
<hr />
<div class="table-responsive">
<table class="table table-striped mb-0">
<tbody>
<tr>
<th class=text-white'>Server :</th>
<td class='text-white' style='text-align:center'>
raven.miningcrypto.live</td>
</tr>
<tr>
<th class='text-white'>Difficulty Variable (0.05 - 1024)</th>
<td class='text-white' style='text-align:center'>6666</td>
</tr>
<tr>
<th class='text-white'>Difficulty Variable (0.1 - 1024)</th>
<td class='text-white' style='text-align:center'>7777</td>
</tr>
<tr>
<th class='text-white'>Difficulty Variable (0.2 - 1024)</th>
<td class='text-white' style='text-align:center'>8888</td>
</tr>
<tr>
<th class='text-white'> NiceHash Difficulty (34.5G)</th>
<td class='text-white' style='text-align:center'>9999</td>
</tr>
<tr>
<th class='text-white'>Username :</th>
<td class='text-white' style='text-align:center'>Your Wallet Address
</td>
</tr>
<tr>
<th class='text-white'>Password :</th>
<td class='text-white' style='text-align:center'>X or leave empty
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12">
<div class="card radius-15 b-1">
<div class="card-body">
<h5 class="card-title font-weight-bold text-info">Pool is Compatible with
Innosilicon A11</h5>
<ul class="list-group list-group-flush">
<li class="list-group-item font-16">A11 Firmware Download Link: <a
href="https://www.innosilicon.com/html/support_en/download.html"
target="_blank">DOWNLOAD NOW</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12">
<div class="card radius-15 b-1">
<div class="card-body">
<h5 class="card-title font-weight-bold text-info">Settings for Gminer:</h5>
<ul class="list-group list-group-flush">
<li class="list-group-item font-16">miner.exe --algo etchash --server
open-etc-pool-friends:6666 --user YOUR_WALLET_ADDRESS.RIG_ID --pass
x<br />pause
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12">
<div class="card radius-15 b-1">
<div class="card-body">
<h5 class="card-title font-weight-bold text-info">Settings for T-Rex:</h5>
<ul class="list-group list-group-flush">
<li class="list-group-item font-16">t-rex.exe -a etchash -o
stratum+tcp://open-etc-pool-friends:6666 -u YOUR_WALLET_ADDRESS.RIG_ID -p
x<br />pause</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12">
<div class="card radius-15 b-1">
<div class="card-body">
<h5 class="card-title font-weight-bold text-info">Settings for Team Red Miner:</h5>
<ul class="list-group list-group-flush">
<li class="list-group-item font-16">teamredminer.exe -a etchash -o
stratum+tcp://open-etc-pool-friends:6666 -u YOUR_WALLET_ADDRESS.RIG_ID -p
x<br />pause</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12">
<div class="card radius-15 b-1">
<div class="card-body">
<h5 class="card-title font-weight-bold text-info">Settings for Xmrig:</h5>
<ul class="list-group list-group-flush">
<li class="list-group-item font-16">xmrig.exe --coin=RVN
--url=open-etc-pool-friends:6666 --user=YOUR_WALLET_ADDRESS
--pass=x<br />pause
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12">
<div class="card radius-15 b-1">
<div class="card-body">
<h5 class="card-title font-weight-bold text-info">Settings for NBminer:</h5>
<ul class="list-group list-group-flush">
<li class="list-group-item font-16">nbminer.exe -a etchash -o
stratum+tcp://open-etc-pool-friends:6666 -u
YOUR_WALLET_ADDRESS.RIG_ID<br />pause
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay toggle-btn-mobile"></div>
<a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a>
<div class="footer">
<div class="d-flex align-items-center justify-content-between flex-wrap">
<span class="text-success font-weight-bold"></span>Copyright © 2024 open-etc-pool-friends</a></p>
</div>
</div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/app.js"></script>
<script src="assets/js/etc.js"></script>
<script src="assets/plugins/chartist/chartist.js"></script>
<script src="assets/plugins/simplebar/js/simplebar.min.js"></script>
<script src="assets/plugins/metismenu/js/metisMenu.min.js"></script>
<script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script>
<script type="text/javascript">
$(document).ready(function () {
loadConnectOverviewPage();
});
</script>
</body>
</html>

297
web-html/dashboard.html

@ -0,0 +1,297 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>open-etc-pool-friends</title>
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
<link href="assets/plugins/chartist/chartist.css" rel="stylesheet" />
<link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" />
<link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" />
<link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" />
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/css/icons.css" />
<link rel="stylesheet" href="assets/css/app.css" />
</head>
<body class="bg-theme bg-theme-dark" onhashchange="loadDashboardPage()">
<div class="wrapper">
<header class="top-header">
<nav class="navbar navbar-expand">
<div class="sidebar-header">
<div class="d-none d-lg-flex">
open-etc-pool-friends
</div>
<div id="poolHeader"></div>
<a href="#" class="toggle-btn ml-lg-auto"><i class="bx bx-menu"></i></a>
</div>
<div class="top-navbar d-none d-xl-block ms-3">
<ul class="navbar-nav align-items-center">
</ul>
</div>
<div class="right-topbar ml-auto">
<ul class="navbar-nav">
<li class="nav-item dropdown dropdown-lg"><span id="discord"></span></li>
<li class="nav-item dropdown dropdown-lg"><span id="github"></span></li>
<li class="nav-item dropdown dropdown-lg"><span id="donations"></span></li>
<li class="nav-item dropdown dropdown-user-profile">
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#">
<div class="media user-box align-items-center">
<div class="media-body user-info">
<p id="nameOfCoinHeader" class="user-name mb-0"></p>
<p id="algoOfCoinHeader" class="designattion mb-0"></p>
</div>
<span id="coinLogo"></span>
</div>
</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="nav-container">
<div class="mobile-topbar-header">
<div class="">
open-etc-pool-friends
</div>
<div id="poolHeader2"></div>
<a href="#" class="toggle-btn ml-auto" target='_blank'><i class="bx bx-menu"></i></a>
</div>
<nav class="topbar-nav">
<ul class="metismenu" id="menu">
<li>
<a href="index.html">
<div class="parent-icon"><i class="bx bx-home-alt"></i></div>
<div class="menu-title">Home</div>
</a></center>
</li>
<li>
<a href="stats.html">
<div class="parent-icon"><i class='bx bx-bar-chart-square'></i></div>
<div class="menu-title">Statistics</div>
</a>
</li>
<li>
<a href="dashboard.html">
<div class="parent-icon text-info"><i class="bx bx-tachometer"></i></div>
<div class="menu-title text-info">Dashboard</div>
</a>
</li>
<li>
<a href="miners.html">
<div class="parent-icon"><i class="bx bx-group"></i></div>
<div class="menu-title">Miners</div>
</a>
</li>
<li>
<a href="blocks.html">
<div class="parent-icon"><i class="bx bx-cube-alt"></i></div>
<div class="menu-title">Blocks</div>
</a>
</li>
<li>
<a href="payments.html">
<div class="parent-icon"> <i class="bx bx-dollar-circle"></i></div>
<div class="menu-title">Payments</div>
</a>
</li>
<li>
<a href="connect.html">
<div class="parent-icon"> <i class="bx bx-plug"></i></div>
<div class="menu-title">Get Connected</div>
</a>
</li>
<li>
<a href="faq.html">
<div class="parent-icon"><i class="bx bx-help-circle"></i></div>
<div class="menu-title">FAQ</div>
</a>
</li>
</ul>
</nav>
</div>
<div class="page-wrapper">
<!--page-content-wrapper-->
<div class="page-content-wrapper">
<div class="page-content">
<div class="page-breadcrumb d-none d-md-flex align-items-center mb-3">
<div class="breadcrumb-title pr-3">DASHBOARD</div>
<div class="pl-3">
<nav aria-label="breadcrumb">
<ol class="breadcrumb mb-0 p-0">
<li class="breadcrumb-item"><a href="index.html"><i class='bx bx-home-alt'></i></a>
</li>
<li class="breadcrumb-item active" aria-current="page">Miners Dashboard</li>
</ol>
</nav>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-12">
<div class="card radius-15 b-1">
<div class="card-body p-5">
<div class="card-title d-flex align-items-center">
<div><i class='bx bxs-wallet mr-1 font-24 text-white'></i>
</div>
<h4 class="mb-0 text-white">INPUT YOUR MINERS WALLET ADDRESS</h4>
</div>
<hr />
<div class="input-group mb-3 align-items-center">
<input type="text" class="form-control" id="walletAddress"
placeholder="Your Wallet Address here ...">
<div class="input-group-append align-items-center">
<button id="load-wallet" onClick="loadWallet(this.id)" type="submit"
class="btn btn-light" type="button">Load Wallet Stats <i
class='bx bxs-search-alt-2 text-white'></i></button>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<div class="card radius-15 b-1">
<div class="row no-gutters row-group">
<div class="col-12 col-lg-2">
<div class="card-body">
<div class="media align-items-center">
<div class="media-body">
<h4 class="mb-0 font-weight-bold" id="minerShares"></h4>
<p class="mb-0">Current Round Shares</p>
</div>
<div class="font-40"><i class='bx bx-list-check'></i>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-2">
<div class="card-body">
<div class="media align-items-center">
<div class="media-body">
<h4 class="mb-0 font-weight-bold" id="minerSharesDominance"></h4>
<p class="mb-0">Round Shares Dominance</p>
</div>
<div class="font-40"><i class='bx bxs-doughnut-chart'></i>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-2">
<div class="card-body">
<div class="media align-items-center">
<div class="media-body">
<h4 class="mb-0 font-weight-bold" id="avgHash"></h4>
<p class="mb-0">Average Hashrate Last 12 Hours</p>
</div>
<div class="font-40"><i class='bx bxs-chart'></i>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-2">
<div class="card-body">
<div class="media align-items-center">
<div class="media-body">
<h4 class="mb-0 font-weight-bold" id="minerPercent"></h4>
<p class="mb-0">Hashrate Dominance</p>
</div>
<div class="font-40"><i class='bx bxs-doughnut-chart'></i>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-2">
<div class="card-body">
<div class="media align-items-center">
<div class="media-body">
<h4 class="mb-0 font-weight-bold" id="avgPayout"></h4>
<p class="mb-0">Estimated Payment this Round</p>
</div>
<div class="font-40">
<crypto class="cf cf-etc"></crypto>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-2">
<div class="card-body">
<div class="media align-items-center">
<div class="media-body">
<h4 class="mb-0 font-weight-bold" id="lifetimeBalance"></h4>
<p class="mb-0">Lifetime Balance</p>
</div>
<div class="font-40"><i class='bx bxs-bank'></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card-deck flex-column flex-lg-row">
<div class="card radius-15 b-1">
<div class="card-body">
<div class="card-title">
<h5 class="mb-0 font-weight-bold">
<center>Miner Hashrate</center>
</h5>
</div>
<hr />
<div class="chart-container" id="chartDashboardHashrate"></div>
</div>
</div>
<div class="card radius-15 b-1">
<div class="card-body">
<div class="card-title">
<h5 class="mb-0 font-weight-bold">
<center>Worker List</center>
</h5>
</div>
<hr />
<div class="table-responsive">
<table class="table table-striped mb-0">
<thead class="thead-light">
<tr>
<th>#</th>
<th>Worker Name</th>
<th>Worker Hashrate</th>
<th>Last Share</th>
</tr>
</thead>
<tbody id="workerList"></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay toggle-btn-mobile"></div>
<a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a>
<div class="footer">
<div class="d-flex align-items-center justify-content-between flex-wrap">
<span class="text-success font-weight-bold"></span>Copyright © 2024 open-etc-pool-friends</a></p>
</div>
</div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/app.js"></script>
<script src="assets/js/etc.js"></script>
<script src="assets/plugins/chartist/chartist.js"></script>
<script src="assets/plugins/simplebar/js/simplebar.min.js"></script>
<script src="assets/plugins/metismenu/js/metisMenu.min.js"></script>
<script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script>
<script type="text/javascript">
$(document).ready(function () {
loadDashboardPage();
});
</script>
</body>
</html>

330
web-html/faq.html

@ -0,0 +1,330 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>RAVEN-SOLO.COM</title>
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
<link href="assets/plugins/chartist/chartist.css" rel="stylesheet" />
<link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" />
<link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" />
<link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" />
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/css/icons.css" />
<link rel="stylesheet" href="assets/css/app.css" />
</head>
<body class="bg-theme bg-theme-dark">
<div class="wrapper">
<header class="top-header">
<nav class="navbar navbar-expand">
<div class="sidebar-header">
<div class="d-none d-lg-flex">
RAVEN-SOLO.COM
</div>
<div id="poolHeader"></div>
<a href="#" class="toggle-btn ml-lg-auto"><i class="bx bx-menu"></i></a>
</div>
<div class="top-navbar d-none d-xl-block ms-3">
<ul class="navbar-nav align-items-center">
</ul>
</div>
<div class="right-topbar ml-auto">
<ul class="navbar-nav">
<li class="nav-item dropdown dropdown-lg"><span id="discord"></span></li>
<li class="nav-item dropdown dropdown-lg"><span id="github"></span></li>
<li class="nav-item dropdown dropdown-lg"><span id="donations"></span></li>
<li class="nav-item dropdown dropdown-user-profile">
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" data-toggle="dropdown">
<div class="media user-box align-items-center">
<div class="media-body user-info">
<p id="nameOfCoinHeader" class="user-name mb-0"></p>
<p id="algoOfCoinHeader" class="designattion mb-0"></p>
</div>
<span id="coinLogo"></span>
</div>
</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="nav-container">
<div class="mobile-topbar-header">
<div class="">
RAVEN-SOLO.COM
</div>
<div id="poolHeader2"></div>
<a href="#" class="toggle-btn ml-auto" target='_blank'><i class="bx bx-menu"></i></a>
</div>
<nav class="topbar-nav">
<ul class="metismenu" id="menu">
<li>
<a href="index.html">
<div class="parent-icon"><i class="bx bx-home-alt"></i></div>
<div class="menu-title">Home</div>
</a></center>
</li>
<li>
<a href="stats.html">
<div class="parent-icon"><i class='bx bx-bar-chart-square'></i></div>
<div class="menu-title">Statistics</div>
</a>
</li>
<li>
<a href="dashboard.html">
<div class="parent-icon"><i class="bx bx-tachometer"></i></div>
<div class="menu-title">Dashboard</div>
</a>
</li>
<li>
<a href="miners.html">
<div class="parent-icon"><i class="bx bx-group"></i></div>
<div class="menu-title">Miners</div>
</a>
</li>
<li>
<a href="blocks.html">
<div class="parent-icon"><i class="bx bx-cube-alt"></i></div>
<div class="menu-title">Blocks</div>
</a>
</li>
<li>
<a href="payments.html">
<div class="parent-icon"><i class="bx bx-dollar-circle"></i></div>
<div class="menu-title">Payments</div>
</a>
</li>
<li>
<a href="connect.html">
<div class="parent-icon"><i class="bx bx-plug"></i></div>
<div class="menu-title">Get Connected</div>
</a>
</li>
<li>
<a href="faq.html">
<div class="parent-icon text-info"><i class="bx bx-help-circle"></i></div>
<div class="menu-title text-info">FAQ</div>
</a>
</li>
</ul>
</nav>
</div>
<div class="page-wrapper">
<div class="page-content-wrapper">
<div class="page-content">
<div class="page-breadcrumb d-none d-md-flex align-items-center mb-3">
<div class="breadcrumb-title pr-3">FAQ</div>
<div class="pl-3">
<nav aria-label="breadcrumb">
<ol class="breadcrumb mb-0 p-0">
<li class="breadcrumb-item"><a href="index.html"><i class='bx bx-home-alt'></i></a>
</li>
<li class="breadcrumb-item active" aria-current="page">Frequently Asked Questions
</li>
</ol>
</nav>
</div>
</div>
<div class="row justify-content-center">
<div class="col-8">
<div class="card radius-15 b-1">
<div class="card-body">
<a name="faq01">
<h5 class="card-title font-weight-bold text-info">What is difficulty?</h5>
</a>
<ul class="list-group list-group-flush">
<li class="list-group-item font-16">Difficulty is a measure of how difficult it
is to find a hash below a given target.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-8">
<div class="card radius-15 b-1">
<div class="card-body">
<a name="faq02">
<h5 class="card-title font-weight-bold text-info">What is luck?</h5>
</a>
<ul class="list-group list-group-flush">
<li class="list-group-item font-16">Mining is probabilistic in nature: if you
find a block earlier than you statistically should on average you are lucky
if it takes longer, you are unlucky. In a perfect World pool would find a
block on 100% luck value. Less then 100% means the pool was lucky. More then
100% means the pool was unlucky.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-8">
<div class="card radius-15 b-1">
<div class="card-body">
<a name="faq03">
<h5 class="card-title font-weight-bold text-info">What is share?</h5>
</a>
<ul class="list-group list-group-flush">
<li class="list-group-item font-16">Share is a possible valid hash for the
block. Shares are beings sent by your rigs to the pool to prove their work.
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-8">
<div class="card radius-15 b-1">
<div class="card-body">
<a name="faq04">
<h5 class="card-title font-weight-bold text-info">What is block?</h5>
</a>
<ul class="list-group list-group-flush">
<li class="list-group-item font-16">Transaction data is recorded in blocks. New
transactions are being processes by miners into new blocks which are added
to the end of the blockchain.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-8">
<div class="card radius-15 b-1">
<div class="card-body">
<a name="faq05">
<h5 class="card-title font-weight-bold text-info">How long does it take to find
a block?</h5>
</a>
<ul class="list-group list-group-flush">
<li class="list-group-item font-16">It depends on amount of active miners. The
more miners work on pool → the more hashrate pool has → the more blocks are
found by the pool. However the more miners are active → the less reward you
get from each block found.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-8">
<div class="card radius-15 b-1">
<div class="card-body">
<a name="faq06">
<h5 class="card-title font-weight-bold text-info">Which payout scheme is used?
</h5>
</a>
<ul class="list-group list-group-flush">
<li class="list-group-item font-16">Proportional (Share-based): Every time a
block is found, its reward is split between miners according to the number
of shares they submitted.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-8">
<div class="card radius-15 b-1">
<div class="card-body">
<a name="faq07">
<h5 class="card-title font-weight-bold text-info">How current payout estimate is
calculated?</h5>
</a>
<ul class="list-group list-group-flush">
<li class="list-group-item font-16">The estimated payout is a calculated using
your percentage of valid shares on the total for current round. This
percentage is then applied to the reward of the last block found by the
network.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-8">
<div class="card radius-15 b-1">
<div class="card-body">
<a name="faq08">
<h5 class="card-title font-weight-bold text-info">I have been mining on this
pool for 1 hour but still have not received any payouts.</h5>
</a>
<ul class="list-group list-group-flush">
<li class="list-group-item font-16">As soon as the block is found you will get
your reward. Please wait a little bit more time.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-8">
<div class="card radius-15 b-1">
<div class="card-body">
<a name="faq09">
<h5 class="card-title font-weight-bold text-info">My hashrate is wrong! Why?
</h5>
</a>
<ul class="list-group list-group-flush">
<li class="list-group-item font-16">Since you start to mine your hashrate grows
gradually. Please wait. The pool determines your hashrate based on the
amount of shares sent by your mining rigs (workers). This value could be a
little bit different from reported hasrate (in your mining software).</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-8">
<div class="card radius-15 b-1">
<div class="card-body">
<a name="faq09">
<h5 class="card-title font-weight-bold text-info">Pool Hopping Not Allowed</h5>
</a>
<ul class="list-group list-group-flush">
<li class="list-group-item font-16">We consider hopping if you come with at
least double of the total pool hashrate, send tons of shares for short
period of time and leave. We respect our miners and protect them as much as
we can. All pool hoppers' shares will be removed and he or she will not get
paid. </li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay toggle-btn-mobile"></div>
<a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a>
<div class="footer">
<div class="d-flex align-items-center justify-content-between flex-wrap">
<span class="text-success font-weight-bold"></span>Copyright © 2024 open-etc-pool-friends</a></p>
</div>
</div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/app.js"></script>
<script src="assets/js/etc.js"></script>
<script src="assets/plugins/chartist/chartist.js"></script>
<script src="assets/plugins/simplebar/js/simplebar.min.js"></script>
<script src="assets/plugins/metismenu/js/metisMenu.min.js"></script>
<script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script>
<script type="text/javascript">
$(document).ready(function () {
loadConnectOverviewPage();
});
</script>
</body>
</html>

343
web-html/index.html

@ -0,0 +1,343 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>open-etc-pool-friends</title>
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
<link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" />
<link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" />
<link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" />
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/css/icons.css" />
<link rel="stylesheet" href="assets/css/app.css" />
</head>
<body class="bg-theme bg-theme-dark" onhashchange="loadStatsPage()">
<div class="wrapper">
<header class="top-header">
<nav class="navbar navbar-expand">
<div class="sidebar-header">
<div class="d-none d-lg-flex">
open-etc-pool-friends
</div>
<div id="poolHeader"></div>
<a href="#" class="toggle-btn ml-lg-auto"><i class="bx bx-menu"></i></a>
</div>
<div class="top-navbar d-none d-xl-block ms-3">
<ul class="navbar-nav align-items-center">
</ul>
</div>
<div class="right-topbar ml-auto">
<ul class="navbar-nav">
<li class="nav-item dropdown dropdown-lg"><span id="discord"></span></li>
<li class="nav-item dropdown dropdown-lg"><span id="github"></span></li>
<li class="nav-item dropdown dropdown-lg"><span id="donations"></span></li>
<li class="nav-item dropdown dropdown-user-profile">
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" data-toggle="dropdown">
<div class="media user-box align-items-center">
<div class="media-body user-info">
<p id="nameOfCoinHeader" class="user-name mb-0"></p>
<p id="algoOfCoinHeader" class="designattion mb-0"></p>
</div>
<span id="coinLogo"></span>
</div>
</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="nav-container">
<div class="mobile-topbar-header">
<div class="">
open-etc-pool-friends
</div>
<div id="poolHeader2"></div>
<a href="#" class="toggle-btn ml-auto" target='_blank'><i class="bx bx-menu"></i></a>
</div>
<nav class="topbar-nav">
<ul class="metismenu" id="menu">
<li>
<a href="index.html">
<div class="parent-icon text-info"><i class="bx bx-home-alt"></i></div>
<div class="menu-title text-info">Home</div>
</a></center>
</li>
<li>
<a href="stats.html">
<div class="parent-icon"><i class='bx bx-bar-chart-square'></i></div>
<div class="menu-title">Statistics</div>
</a>
</li>
<li>
<a href="dashboard.html">
<div class="parent-icon"><i class="bx bx-tachometer"></i></div>
<div class="menu-title">Dashboard</div>
</a>
</li>
<li>
<a href="miners.html">
<div class="parent-icon"><i class="bx bx-group"></i></div>
<div class="menu-title">Miners</div>
</a>
</li>
<li>
<a href="blocks.html">
<div class="parent-icon"><i class="bx bx-cube-alt"></i></div>
<div class="menu-title">Blocks</div>
</a>
</li>
<li>
<a href="payments.html">
<div class="parent-icon"><i class="bx bx-dollar-circle"></i></div>
<div class="menu-title">Payments</div>
</a>
</li>
<li>
<a href="connect.html">
<div class="parent-icon"> <i class="bx bx-plug"></i></div>
<div class="menu-title">Get Connected</div>
</a>
</li>
<li>
<a href="faq.html">
<div class="parent-icon"><i class="bx bx-help-circle"></i></div>
<div class="menu-title">FAQ</div>
</a>
</li>
</ul>
</nav>
</div>
<div class="page-wrapper">
<div class="page-content-wrapper">
<div class="page-content">
<div class="col-12">
<div class="card radius-15 b-2">
<div class="box-body"><br>
<h2 class="text-center font-weight-bold">open-etc-pool-friends</h2><br>
<h3 class="text-center font-weight-bold">IS A HIGH PERFORMANCE <span
id="nameOfCoinHeadline2"></span>RAVEN MINING POOL</h3><br>
<div class="row">
<div class="col-12">
<div class="text-center mt-15 mb-25">
<a href="connect.html" class="btn btn-info mx-auto">Let's start mining
now!</a>
</div>
</div>
</div><br>
</div>
</div>
</div>
<h5 class="mb-0 text-uppercase text-center">Coin Information</h5>
<hr>
<div class="user-profile-page">
<div class="card radius-15 b-1">
<div class="card-body">
<div class="row">
<div class="col-12 col-lg-6 border-right">
<div class="d-md-flex align-items-center">
<div class="mb-md-0 mb-3">
<span id="geckoLogo"></span>
</div>
<div class="ml-md-4 flex-grow-1">
<div class="d-flex align-items-center mb-1">
<h4 class="mb-0">Ethereum Classic</h4>
</div>
<p class="mb-0">Ticker: ETC</p>
<p class="mb-0">Algorithm: ETCHASH</p>
<p class="mb-0"><a href="https://ethereumclassic.org/"
target='_blank'><i class='bx bx-world'></i> Ethereum Classic
Website</a></p>
<p class="mb-0"><a href="https://github.com/etclabscore/core-geth"
target='_blank'><i class='bx bxl-github'></i> Core-Geth
Github</a></p>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<table class="table table-sm table-borderless table-striped mt-md-0 mt-3">
<tbody>
<tr>
<th>Block Reward (Coin):</th>
<td id="lastBlockReward"></td>
</tr>
<tr>
<th>Block Reward (USD):</th>
<td id="blockToUSD"></td>
</tr>
<tr>
<th>Genesis Date:</th>
<td id="genesisDate"></td>
</tr>
<tr>
<th>Market Cap Rank:</th>
<td id="marketCap"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<h5 class="mb-0 text-uppercase text-center">Pool Information</h5>
<hr>
<div class="col-12">
<div class="card radius-15 b-1">
<div class="card-body">
<div class="row">
<ul id="webticker">
<li class="br-1">
<h3 class="mx-15 text-info text-center"> Network Hashrate <span
class="text-white">
<div id="networkHashrateTicker"></div>
</span></h3>
</li>
<li class="br-1">
<h3 class="mx-15 text-info text-center"> Network Difficulty <span
class="text-white">
<div id="networkDifficultyTicker"></div>
</span></h3>
</li>
<li class="br-1">
<h3 class="mx-15 text-info text-center"> Network Blockheight <span
class="text-white">
<div id="blockchainHeightTicker"></div>
</span></h3>
</li>
<li class="br-1">
<h3 class="mx-15 text-info text-center"> Pool Hashrate <span
class="text-white">
<div id="poolHashrateTicker"></div>
</span></h3>
</li>
<li class="br-1">
<h3 class="mx-15 text-info text-center"> Pool Miners <span
class="text-white">
<div id="poolMinersTicker"></div>
</span></h3>
</li>
<li class="br-1">
<h3 class="mx-15 text-info text-center"> Pool Workers <span
class="text-white">
<div id="poolWorkersTicker"></div>
</span></h3>
</li>
<li class="br-1">
<h3 class="mx-15 text-info text-center"> Minimum Payout <span
class="text-white">
<div id="minPaymentTicker"></div>
</span></h3>
</li>
<li class="br-1">
<h3 class="mx-15 text-info text-center"> Payout Scheme <span
class="text-white">
<div id="payoutShemeTicker"></div>
</span></h3>
</li>
<li class="br-1">
<h3 class="mx-15 text-info text-center"> Payment Interval <span
class="text-white">
<div id="payIntervalTicker"></div>
</span></h3>
</li>
<li class="br-1">
<h3 class="mx-15 text-info text-center"> Pool Fee <span class="text-white">
<div id="poolFeeTicker"></div>
</span></h3>
</li>
</ul>
</div>
</div>
</div>
</div>
<h5 class="mb-0 text-uppercase">Market Data</h5>
<hr>
<div class="card radius-15 b-1">
<div class="row no-gutters row-group">
<div class="col-12 col-lg-3">
<div class="card-body">
<div class="media align-items-center">
<div class="media-body">
<p class="mb-0">ETC to BTC</p>
<h4 class="mb-0 font-weight-bold" id="coinToBTC"></h4>
</div>
<div class="font-40 text-warning"><i class='bx bxl-bitcoin'></i>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="card-body">
<div class="media align-items-center">
<div class="media-body">
<p class="mb-0">ETC to USD</p>
<h4 class="mb-0 font-weight-bold" id="coinToUSD"></h4>
</div>
<div class="font-40 text-info"><i class='bx bxs-dollar-circle'></i>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="card-body">
<div class="media align-items-center">
<div class="media-body">
<p class="mb-0">24 Hour High</p>
<h4 class="mb-0 font-weight-bold" id="priceHigh"></h4>
</div>
<div class="font-40 text-success"><i class='bx bx-line-chart'></i>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="card-body">
<div class="media align-items-center">
<div class="media-body">
<p class="mb-0">24 Hour Low</p>
<h4 class="mb-0 font-weight-bold" id="priceLow"></h4>
</div>
<div class="font-40 text-danger"><i class='bx bx-line-chart-down'></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay toggle-btn-mobile"></div>
<a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a>
<div class="footer">
<div class="d-flex align-items-center justify-content-between flex-wrap">
<span class="text-success font-weight-bold"></span>Copyright © 2024 open-etc-pool-friends</a></p>
</div>
</div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/app.js"></script>
<script src="assets/js/etc.js"></script>
<script src="assets/plugins/webticker/jquery.webticker.min.js"></script>
<script src="assets/plugins/simplebar/js/simplebar.min.js"></script>
<script src="assets/plugins/metismenu/js/metisMenu.min.js"></script>
<script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script>
<script type="text/javascript">
$(document).ready(function () {
loadStatsPage();
});
</script>
</body>
</html>

183
web-html/miners.html

@ -0,0 +1,183 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>open-etc-pool-friends</title>
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
<link href="assets/plugins/chartist/chartist.css" rel="stylesheet" />
<link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" />
<link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" />
<link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" />
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/css/icons.css" />
<link rel="stylesheet" href="assets/css/app.css" />
</head>
<body class="bg-theme bg-theme-dark" onhashchange="loadMinersPage()">
<div class="wrapper">
<header class="top-header">
<nav class="navbar navbar-expand">
<div class="sidebar-header">
<div class="d-none d-lg-flex">
open-etc-pool-friends
</div>
<div id="poolHeader"></div>
<a href="#" class="toggle-btn ml-lg-auto"><i class="bx bx-menu"></i></a>
</div>
<div class="top-navbar d-none d-xl-block ms-3">
<ul class="navbar-nav align-items-center">
</ul>
</div>
<div class="right-topbar ml-auto">
<ul class="navbar-nav">
<li class="nav-item dropdown dropdown-lg"><span id="discord"></span></li>
<li class="nav-item dropdown dropdown-lg"><span id="github"></span></li>
<li class="nav-item dropdown dropdown-lg"><span id="donations"></span></li>
<li class="nav-item dropdown dropdown-user-profile">
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" data-toggle="dropdown">
<div class="media user-box align-items-center">
<div class="media-body user-info">
<p id="nameOfCoinHeader" class="user-name mb-0"></p>
<p id="algoOfCoinHeader" class="designattion mb-0"></p>
</div>
<span id="coinLogo"></span>
</div>
</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="nav-container">
<div class="mobile-topbar-header">
<div class="">
open-etc-pool-friends
</div>
<div id="poolHeader2"></div>
<a href="#" class="toggle-btn ml-auto" target='_blank'><i class="bx bx-menu"></i></a>
</div>
<nav class="topbar-nav">
<ul class="metismenu" id="menu">
<li>
<a href="index.html">
<div class="parent-icon"><i class="bx bx-home-alt"></i></div>
<div class="menu-title">Home</div>
</a></center>
</li>
<li>
<a href="stats.html">
<div class="parent-icon"><i class='bx bx-bar-chart-square'></i></div>
<div class="menu-title">Statistics</div>
</a>
</li>
<li>
<a href="dashboard.html">
<div class="parent-icon"><i class="bx bx-tachometer"></i></div>
<div class="menu-title">Dashboard</div>
</a>
</li>
<li>
<a href="miners.html">
<div class="parent-icon text-info"><i class="bx bx-group"></i></div>
<div class="menu-title text-info">Miners</div>
</a>
</li>
<li>
<a href="blocks.html">
<div class="parent-icon"><i class="bx bx-cube-alt"></i></div>
<div class="menu-title">Blocks</div>
</a>
</li>
<li>
<a href="payments.html">
<div class="parent-icon"> <i class="bx bx-dollar-circle"></i></div>
<div class="menu-title">Payments</div>
</a>
</li>
<li>
<a href="connect.html">
<div class="parent-icon"> <i class="bx bx-plug"></i></div>
<div class="menu-title">Get Connected</div>
</a>
</li>
<li>
<a href="faq.html">
<div class="parent-icon"><i class="bx bx-help-circle"></i></div>
<div class="menu-title">FAQ</div>
</a>
</li>
</ul>
</nav>
</div>
<div class="page-wrapper">
<div class="page-content-wrapper">
<div class="page-content">
<div class="page-breadcrumb d-none d-md-flex align-items-center mb-3">
<div class="breadcrumb-title pr-3">MINERS</div>
<div class="pl-3">
<nav aria-label="breadcrumb">
<ol class="breadcrumb mb-0 p-0">
<li class="breadcrumb-item"><a href="index.html"><i class='bx bx-home-alt'></i></a>
</li>
<li class="breadcrumb-item active" aria-current="page">Miners Connected</li>
</ol>
</nav>
</div>
</div>
<div class="card radius-15 b-1">
<div class="card-body">
<div class="card-title">
<h5 class="mb-0 font-weight-bold">
<center>MINERS CONNECTED TO POOL</center>
</h5>
</div>
<hr />
<div class="table-responsive">
<table class="table table-striped mb-0">
<thead class="thead-light">
<tr>
<th>#</th>
<th>Miner Address</th>
<th>Last Share</th>
<th>Invalid Shares</th>
<th>Miners Hashrate</th>
</tr>
</thead>
<tbody id="minerList"></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay toggle-btn-mobile"></div>
<a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a>
<div class="footer">
<div class="d-flex align-items-center justify-content-between flex-wrap">
<span class="text-success font-weight-bold"></span>Copyright © 2024 open-etc-pool-friends</a></p>
</div>
</div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/app.js"></script>
<script src="assets/js/etc.js"></script>
<script src="assets/plugins/chartist/chartist.js"></script>
<script src="assets/plugins/simplebar/js/simplebar.min.js"></script>
<script src="assets/plugins/metismenu/js/metisMenu.min.js"></script>
<script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script>
<script type="text/javascript">
$(document).ready(function () {
loadMinersPage();
});
</script>
</body>
</html>

182
web-html/payments.html

@ -0,0 +1,182 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>open-etc-pool-friends</title>
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
<link href="assets/plugins/chartist/chartist.css" rel="stylesheet" />
<link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" />
<link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" />
<link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" />
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/css/icons.css" />
<link rel="stylesheet" href="assets/css/app.css" />
</head>
<body class="bg-theme bg-theme-dark" onhashchange="loadPaymentsOverviewPage()">
<div class="wrapper">
<header class="top-header">
<nav class="navbar navbar-expand">
<div class="sidebar-header">
<div class="d-none d-lg-flex">
open-etc-pool-friends
</div>
<div id="poolHeader"></div>
<a href="#" class="toggle-btn ml-lg-auto"><i class="bx bx-menu"></i></a>
</div>
<div class="top-navbar d-none d-xl-block ms-3">
<ul class="navbar-nav align-items-center">
</ul>
</div>
<div class="right-topbar ml-auto">
<ul class="navbar-nav">
<li class="nav-item dropdown dropdown-lg"><span id="discord"></span></li>
<li class="nav-item dropdown dropdown-lg"><span id="github"></span></li>
<li class="nav-item dropdown dropdown-lg"><span id="donations"></span></li>
<li class="nav-item dropdown dropdown-user-profile">
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#">
<div class="media user-box align-items-center">
<div class="media-body user-info">
<p id="nameOfCoinHeader" class="user-name mb-0"></p>
<p id="algoOfCoinHeader" class="designattion mb-0"></p>
</div>
<span id="coinLogo"></span>
</div>
</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="nav-container">
<div class="mobile-topbar-header">
<div class="">
open-etc-pool-friends
</div>
<div id="poolHeader2"></div>
<a href="#" class="toggle-btn ml-auto" target='_blank'><i class="bx bx-menu"></i></a>
</div>
<nav class="topbar-nav">
<ul class="metismenu" id="menu">
<li>
<a href="index.html">
<div class="parent-icon"><i class="bx bx-home-alt"></i></div>
<div class="menu-title">Home</div>
</a></center>
</li>
<li>
<a href="stats.html">
<div class="parent-icon"><i class='bx bx-bar-chart-square'></i></div>
<div class="menu-title">Statistics</div>
</a>
</li>
<li>
<a href="dashboard.html">
<div class="parent-icon"><i class="bx bx-tachometer"></i></div>
<div class="menu-title">Dashboard</div>
</a>
</li>
<li>
<a href="miners.html">
<div class="parent-icon"><i class="bx bx-group"></i></div>
<div class="menu-title">Miners</div>
</a>
</li>
<li>
<a href="blocks.html">
<div class="parent-icon"><i class="bx bx-cube-alt"></i></div>
<div class="menu-title">Blocks</div>
</a>
</li>
<li>
<a href="payments.html">
<div class="parent-icon text-info"> <i class="bx bx-dollar-circle"></i></div>
<div class="menu-title text-info">Payments</div>
</a>
</li>
<li>
<a href="connect.html">
<div class="parent-icon"> <i class="bx bx-plug"></i></div>
<div class="menu-title">Get Connected</div>
</a>
</li>
<li>
<a href="faq.html">
<div class="parent-icon"><i class="bx bx-help-circle"></i></div>
<div class="menu-title">FAQ</div>
</a>
</li>
</ul>
</nav>
</div>
<div class="page-wrapper">
<div class="page-content-wrapper">
<div class="page-content">
<div class="page-breadcrumb d-none d-md-flex align-items-center mb-3">
<div class="breadcrumb-title pr-3">PAYMENTS</div>
<div class="pl-3">
<nav aria-label="breadcrumb">
<ol class="breadcrumb mb-0 p-0">
<li class="breadcrumb-item"><a href="index.html"><i class='bx bx-home-alt'></i></a>
</li>
<li class="breadcrumb-item active" aria-current="page">Pool Payments</li>
</ol>
</nav>
</div>
</div>
<div class="card radius-15 b-1">
<div class="card-body">
<div class="card-title">
<h5 class="mb-0 font-weight-bold">
<center>LAST 50 PAYMENTS MADE BY POOL</center>
</h5>
</div>
<hr />
<div class="table-responsive">
<table class="table table-striped mb-0">
<thead class="thead-light">
<tr>
<th>Send Time</th>
<th>Confirmation TX</th>
<th>Miner(s) Paid</th>
<th>Total Paid</th>
</tr>
</thead>
<tbody id="paymentList"></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay toggle-btn-mobile"></div>
<a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a>
<div class="footer">
<div class="d-flex align-items-center justify-content-between flex-wrap">
<span class="text-success font-weight-bold"></span>Copyright © 2022 open-etc-pool-friends</a></p>
</div>
</div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/app.js"></script>
<script src="assets/js/etc.js"></script>
<script src="assets/plugins/chartist/chartist.js"></script>
<script src="assets/plugins/simplebar/js/simplebar.min.js"></script>
<script src="assets/plugins/metismenu/js/metisMenu.min.js"></script>
<script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script>
<script type="text/javascript">
$(document).ready(function () {
loadPaymentsOverviewPage();
});
</script>
</body>
</html>

463
web-html/stats.html

@ -0,0 +1,463 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>MININGCRYPTO.LIVE</title>
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
<link href="assets/plugins/chartist/chartist.css" rel="stylesheet" />
<link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" />
<link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" />
<link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" />
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/css/icons.css" />
<link rel="stylesheet" href="assets/css/app.css" />
</head>
<body class="bg-theme bg-theme-dark" onhashchange="loadStatsPage()">
<div class="wrapper">
<header class="top-header">
<nav class="navbar navbar-expand">
<div class="sidebar-header">
<div class="d-none d-lg-flex">
MININGCRYPTO.LIVE
</div>
<div id="poolHeader"></div>
<a href="#" class="toggle-btn ml-lg-auto"><i class="bx bx-menu"></i></a>
</div>
<div class="top-navbar d-none d-xl-block ms-3">
<ul class="navbar-nav align-items-center">
</ul>
</div>
<div class="right-topbar ml-auto">
<ul class="navbar-nav">
<li class="nav-item dropdown dropdown-lg"><span id="discord"></span></li>
<li class="nav-item dropdown dropdown-lg"><span id="github"></span></li>
<li class="nav-item dropdown dropdown-lg"><span id="donations"></span></li>
<li class="nav-item dropdown dropdown-user-profile">
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#">
<div class="media user-box align-items-center">
<div class="media-body user-info">
<p id="nameOfCoinHeader" class="user-name mb-0"></p>
<p id="algoOfCoinHeader" class="designattion mb-0"></p>
</div>
<span id="coinLogo"></span>
</div>
</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="nav-container">
<div class="mobile-topbar-header">
<div class="">
MININGCRYPTO.LIVE
</div>
<div id="poolHeader2"></div>
<a href="#" class="toggle-btn ml-auto" target='_blank'><i class="bx bx-menu"></i></a>
</div>
<nav class="topbar-nav">
<ul class="metismenu" id="menu">
<li>
<a href="index.html">
<div class="parent-icon"><i class="bx bx-home-alt"></i></div>
<div class="menu-title">Home</div>
</a></center>
</li>
<li>
<a href="stats.html">
<div class="parent-icon text-info"><i class='bx bx-bar-chart-square'></i></div>
<div class="menu-title text-info">Statistics</div>
</a>
</li>
<li>
<a href="dashboard.html">
<div class="parent-icon"><i class="bx bx-tachometer"></i></div>
<div class="menu-title">Dashboard</div>
</a>
</li>
<li>
<a href="miners.html">
<div class="parent-icon"><i class="bx bx-group"></i></div>
<div class="menu-title">Miners</div>
</a>
</li>
<li>
<a href="blocks.html">
<div class="parent-icon"><i class="bx bx-cube-alt"></i></div>
<div class="menu-title">Blocks</div>
</a>
</li>
<li>
<a href="payments.html">
<div class="parent-icon"><i class="bx bx-dollar-circle"></i></div>
<div class="menu-title">Payments</div>
</a>
</li>
<li>
<a href="connect.html">
<div class="parent-icon"><i class="bx bx-plug"></i></div>
<div class="menu-title">Get Connected</div>
</a>
</li>
<li>
<a href="faq.html">
<div class="parent-icon"><i class="bx bx-help-circle"></i></div>
<div class="menu-title">FAQ</div>
</a>
</li>
</ul>
</nav>
</div>
<div class="page-wrapper">
<div class="page-content-wrapper">
<div class="page-content">
<div class="page-breadcrumb d-none d-md-flex align-items-center mb-3">
<div class="breadcrumb-title pr-3">STATS</div>
<div class="pl-3">
<nav aria-label="breadcrumb">
<ol class="breadcrumb mb-0 p-0">
<li class="breadcrumb-item"><a href="index.html"><i class='bx bx-home-alt'></i></a>
</li>
<li class="breadcrumb-item active" aria-current="page">Pool Statistic</li>
</ol>
</nav>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-12 col-xl-6">
<div class="card-deck flex-column flex-lg-row">
<div class="card radius-15 b-1">
<div class="card-body">
<div class="card-title">
<h5 class="mb-0 font-weight-bold">Pool Hashrate</h5>
</div>
<hr />
<h1 class="no-margin"><span class="text-white font-weight-bold">
<div id="poolHashrate"></div>
</span></h1><br>
<a href="connect.html" class="btn btn-info">Let's start mining now!</a><br><br>
<div class="chart-container-poolhash" id="statsPoolHash"></div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-12 col-xl-6">
<div class="card-deck flex-column flex-lg-row">
<div class="card radius-15 b-1">
<div class="card-body">
<div class="card-title">
<h5 class="mb-0 font-weight-bold">Network Hashrate</h5>
</div>
<hr />
<h2 class="no-margin"><span class="text-white font-weight-bold">
<div id="networkHashrate"></div>
</span></h2><br>
<div class="chart-container-nethash" id="statsNetHash"></div>
</div>
</div>
<div class="card radius-15 b-1">
<div class="card-body">
<div class="card-title">
<h5 class="mb-0 font-weight-bold">Network Difficulty</h5>
</div>
<hr />
<h2 class="no-margin"><span class="text-white font-weight-bold">
<div id="networkDifficulty"></div>
</span></h2><br>
<div class="chart-container-netdiff" id="statsNetDiff"></div>
</div>
</div>
</div>
<div class="card-deck flex-column flex-lg-row">
<div class="card radius-15 b-1">
<div class="card-body">
<div class="card-title">
<h5 class="mb-0 font-weight-bold">Connected Miners</h5>
</div>
<hr />
<h2 class="no-margin"><span class="text-white font-weight-bold">
<div id="poolMiners"></div>
</span></h2><br>
<div class="chart-container-miners" id="statsPoolMiners"></div>
</div>
</div>
<div class="card radius-15 b-1">
<div class="card-body">
<div class="card-title">
<h5 class="mb-0 font-weight-bold">Connected Workers</h5>
</div>
<hr />
<h2 class="no-margin"><span class="text-white font-weight-bold">
<div id="poolWorkers"></div>
</span></h2><br>
<div class="chart-container-workers" id="statsPoolWorkers"></div>
</div>
</div>
</div>
</div>
</div>
<h5 class="mb-0 text-uppercase text-center">Pool Information</h5>
<hr>
<div class="row">
<div class="col-12 col-lg-3">
<div class="card radius-15 b-1">
<div class="card-body">
<div class="media align-items-middle">
<div class="media-body">
<p class="mb-0 text-white">Expected Round Time</p>
<h5 class="mb-0 font-weight-bold text-white" id="poolTTF"></h5>
</div>
<div class="font-35 text-white"><i class='bx bx-timer'></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="card radius-15 b-1">
<div class="card-body">
<div class="media align-items-middle">
<div class="media-body">
<p class="mb-0 text-white">Valid Shares this Round</p>
<h5 class="mb-0 font-weight-bold text-white" id="poolShares"></h5>
</div>
<div class="font-35"><i class='bx bx-list-check'></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="card radius-15 b-1">
<div class="card-body">
<div class="media align-items-middle">
<div class="media-body">
<p class="mb-0 text-white">Current Round Effort</p>
<h5 class="mb-0 font-weight-bold text-white" id="currentEffort"></h5>
</div>
<div class="font-35 text-white"><i class='bx bx-category-alt'></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="card radius-15 b-1">
<div class="card-body">
<div class="media align-items-middle">
<div class="media-body">
<p class="mb-0 text-white">Payout Scheme</p>
<h5 class="mb-0 font-weight-bold text-white" id="payoutSheme"></h5>
</div>
<div class="font-35 text-white"><i class='bx bx-abacus'></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-3">
<div class="card radius-15 b-1">
<div class="card-body">
<div class="media align-items-middle">
<div class="media-body">
<p class="mb-0 text-white">Payout Threshold</p>
<h5 class="mb-0 font-weight-bold text-white" id="minpay"></h5>
</div>
<div class="font-35 text-white"><i class='bx bxs-vial'></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="card radius-15 b-1">
<div class="card-body">
<div class="media align-items-middle">
<div class="media-body">
<p class="mb-0 text-white">Pool Fee</p>
<h5 class="mb-0 font-weight-bold text-white" id="poolFee"></h5>
</div>
<div class="font-35 text-white"><i class='bx bx-pie-chart-alt-2'></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="card radius-15 b-1">
<div class="card-body">
<div class="media align-items-middle">
<div class="media-body">
<p class="mb-0 text-white">Payment Interval</p>
<h5 class="mb-0 font-weight-bold text-white" id="payint"></h5>
</div>
<div class="font-35 text-white"><i class='bx bx-time'></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="card radius-15 b-1">
<div class="card-body">
<div class="media align-items-middle">
<div class="media-body">
<p class="mb-0 text-white">Network Hashrate</p>
<h5 class="mb-0 font-weight-bold text-white" id="infNetworkHashrate"></h5>
</div>
<div class="font-35"><i class='bx bx-bar-chart-square'></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-3">
<div class="card radius-15 b-1">
<div class="card-body">
<div class="media align-items-middle">
<div class="media-body">
<p class="mb-0 text-white">Network Difficulty</p>
<h5 class="mb-0 font-weight-bold text-white" id="infNetworkDifficulty"></h5>
</div>
<div class="font-35 text-white"><i class='bx bx-bar-chart'></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="card radius-15 b-1">
<div class="card-body">
<div class="media align-items-middle">
<div class="media-body">
<p class="mb-0 text-white">Blockchain Height</p>
<h5 class="mb-0 font-weight-bold text-white" id="blockchainHeight"></h5>
</div>
<div class="font-35 text-white"><i class='bx bx-cube-alt'></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="card radius-15 b-1">
<div class="card-body">
<div class="media align-items-middle">
<div class="media-body">
<p class="mb-0 text-white">Last Block Found By Pool</p>
<h5 class="mb-0 font-weight-bold text-white" id="lastPoolBlocks"></h5>
</div>
<div class="font-35 text-white"><i class='bx bx-network-chart'></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="card radius-15 b-1">
<div class="card-body">
<div class="media align-items-middle">
<div class="media-body">
<p class="mb-0 text-white">Last Network Block Reward</p>
<h5 class="mb-0 font-weight-bold text-white" id="lastBlockReward"></h5>
</div>
<div class="font-35 text-white">
<crypto class="cf cf-etc"></crypto>
</div>
</div>
</div>
</div>
</div>
</div>
<h5 class="mb-0 text-uppercase text-center">Market Data</h5>
<hr>
<div class="card radius-15 b-1">
<div class="row no-gutters row-group">
<div class="col-12 col-lg-3">
<div class="card-body">
<div class="media align-items-center">
<div class="media-body">
<p class="mb-0">ETC to BTC</p>
<h4 class="mb-0 font-weight-bold" id="coinToBTC"></h4>
</div>
<div class="font-40 text-warning"><i class='bx bxl-bitcoin'></i>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="card-body">
<div class="media align-items-center">
<div class="media-body">
<p class="mb-0">ETC to USD</p>
<h4 class="mb-0 font-weight-bold" id="coinToUSD"></h4>
</div>
<div class="font-40 text-info"><i class='bx bxs-dollar-circle'></i>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="card-body">
<div class="media align-items-center">
<div class="media-body">
<p class="mb-0">24 Hour High</p>
<h4 class="mb-0 font-weight-bold" id="priceHigh"></h4>
</div>
<div class="font-40 text-success"><i class='bx bx-line-chart'></i>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="card-body">
<div class="media align-items-center">
<div class="media-body">
<p class="mb-0">24 Hour Low</p>
<h4 class="mb-0 font-weight-bold" id="priceLow"></h4>
</div>
<div class="font-40 text-danger"><i class='bx bx-line-chart-down'></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay toggle-btn-mobile"></div>
<a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a>
<div class="footer">
<div class="d-flex align-items-center justify-content-between flex-wrap">
<span class="text-success font-weight-bold"></span>Copyright © 2024 open-etc-pool-friends</a></p>
</div>
</div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/app.js"></script>
<script src="assets/js/etc.js"></script>
<script src="assets/plugins/chartist/chartist.js"></script>
<script src="assets/plugins/simplebar/js/simplebar.min.js"></script>
<script src="assets/plugins/metismenu/js/metisMenu.min.js"></script>
<script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script>
<script type="text/javascript">
$(document).ready(function () {
loadStatsPage();
});
</script>
</body>
</html>
Loading…
Cancel
Save