mirror of
https://github.com/statbate/layout.git
synced 2026-08-11 03:12:42 +00:00
update
This commit is contained in:
poiuty
parent
4831ad34b8
commit
62c6c2738a
5 changed files with 558 additions and 8 deletions
217
list.html
217
list.html
|
|
@ -1,4 +1,69 @@
|
|||
<div class="content_info">
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Statbate</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="description" content="How much do webcam models make? Now you know the answer!">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<link rel="shortcut icon" href="favicon.ico">
|
||||
|
||||
<!-- CSS -->
|
||||
<link rel="stylesheet" href="./css/normalize.css">
|
||||
<link rel="stylesheet" href="./css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="./css/bootstrap.min.css" >
|
||||
<link rel="stylesheet" href="./css/dataTables.bootstrap5.min.css" >
|
||||
<link rel="stylesheet" href="./css/simplebar.css" >
|
||||
<link rel="stylesheet" href="./css/statbate.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="statbate">
|
||||
<!-- header start -->
|
||||
<div class="header">
|
||||
<div class="header_menu">
|
||||
<a href="/" aria-label="Move to main page" class="header_logo"></a>
|
||||
<ul class="header_navbar">
|
||||
<li><a href="/" class="nav_active">Chaturbate</a></li>
|
||||
<li><a href="/bonga/">BongaCams</a></li>
|
||||
<li><a href="/strip/">Stripchat</a></li>
|
||||
<li><a href="/search.php">Search</a></li>
|
||||
</ul>
|
||||
<a class="header_track trackCount" href="/list.php">track 1925 rooms</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- header end -->
|
||||
|
||||
<!-- header mobile start -->
|
||||
<div class="header_mobile">
|
||||
<div class="header_menu">
|
||||
<a href="/" class="header_logo"></a>
|
||||
<div class="icon-menu-wrap">
|
||||
<div class="icon-menu" onclick="choose()">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header_mobile_nav">
|
||||
<a href="/" class="color_first">Chaturbate</a>
|
||||
<a href="/bonga/" class="color_second">BongaCams</a>
|
||||
<a href="/strip/" class="color_first">Stripchat</a>
|
||||
<a href="/search.php" class="color_second">Search</a>
|
||||
<a class="header_track trackCount color_first" href="/list.php">1925 rooms</a>
|
||||
</div>
|
||||
<!-- header mobile end -->
|
||||
|
||||
<!-- content start -->
|
||||
<div class="content">
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="content_info">
|
||||
|
||||
<div class="online">
|
||||
<table class="table_online">
|
||||
<tbody>
|
||||
|
|
@ -28,9 +93,157 @@
|
|||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="content_activity">
|
||||
|
||||
<figure class="highcharts-figure">
|
||||
<div id="container-activity" class="chart-container"></div>
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<!-- content end -->
|
||||
|
||||
<!-- footer start -->
|
||||
<div class="footer">
|
||||
<div class="footer_banner">
|
||||
<a href="/s/" rel="nofollow"><img alt="banner" width="770" height="94" class="banner" src="./img/strip.webp"></a>
|
||||
</div>
|
||||
<div class="footer_bottom">
|
||||
<div class="footer_social">
|
||||
<a href="https://twitter.com/statbate" aria-label="Subscribe to our twitter" target="_blank" rel="nofollow">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="https://github.com/statbate" aria-label="Subscribe to our github" target="_blank" rel="nofollow">
|
||||
<i class="fa fa-github" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="https://t.me/statbate" aria-label="Subscribe to our telegram" target="_blank" rel="nofollow">
|
||||
<i class="fa fa-telegram" aria-hidden="true"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- footer end -->
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!-- JS -->
|
||||
<script src="./js/jquery-3.7.0.min.js"></script>
|
||||
<script src="./js/jquery.dataTables.min.js"></script>
|
||||
<script src="./js/bootstrap.bundle.min.js"></script>
|
||||
<script src="./js/dataTables.bootstrap5.min.js"></script>
|
||||
<script src="./js/highcharts.js"></script>
|
||||
<script src="./js/highcharts-more.js"></script>
|
||||
<script src="./js/solid-gauge.js"></script>
|
||||
<script src="./js/simplebar.js"></script>
|
||||
<script src="./js/statbate.js"></script>
|
||||
<script>
|
||||
// Solid gauge
|
||||
var gaugeOptions = {
|
||||
chart: {
|
||||
type: 'solidgauge'
|
||||
},
|
||||
|
||||
title: null,
|
||||
|
||||
accessibility: {
|
||||
enabled: false
|
||||
},
|
||||
|
||||
pane: {
|
||||
center: ['50%', '85%'],
|
||||
size: '140%',
|
||||
startAngle: -90,
|
||||
endAngle: 90,
|
||||
background: {
|
||||
backgroundColor:
|
||||
Highcharts.defaultOptions.legend.backgroundColor || '#EEE',
|
||||
innerRadius: '60%',
|
||||
outerRadius: '100%',
|
||||
shape: 'arc'
|
||||
}
|
||||
},
|
||||
|
||||
exporting: {
|
||||
enabled: false
|
||||
},
|
||||
|
||||
tooltip: {
|
||||
enabled: false
|
||||
},
|
||||
|
||||
// the value axis
|
||||
yAxis: {
|
||||
stops: [
|
||||
[0.1, '#55BF3B'], // green
|
||||
[0.5, '#DDDF0D'], // yellow
|
||||
[0.9, '#DF5353'] // red
|
||||
],
|
||||
lineWidth: 0,
|
||||
tickWidth: 0,
|
||||
minorTickInterval: null,
|
||||
tickAmount: 2,
|
||||
title: {
|
||||
y: -45
|
||||
},
|
||||
labels: {
|
||||
y: 16
|
||||
}
|
||||
},
|
||||
|
||||
plotOptions: {
|
||||
solidgauge: {
|
||||
dataLabels: {
|
||||
y: 5,
|
||||
borderWidth: 0,
|
||||
useHTML: true
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// The speed gauge
|
||||
var chartActivity = Highcharts.chart('container-activity', Highcharts.merge(gaugeOptions, {
|
||||
yAxis: {
|
||||
min: 0,
|
||||
max: 60,
|
||||
title: {
|
||||
text: 'Income per hour'
|
||||
}
|
||||
},
|
||||
|
||||
chart: {
|
||||
height: 123,
|
||||
backgroundColor: '#f3f3f5',
|
||||
},
|
||||
|
||||
credits: {
|
||||
enabled: false
|
||||
},
|
||||
|
||||
series: [{
|
||||
name: 'Activity',
|
||||
data: [24],
|
||||
dataLabels: {
|
||||
format:
|
||||
'<div style="text-align:center">' +
|
||||
'<span style="font-size:25px">{y}</span><span style="opacity:0.4">k</span><br/>' +
|
||||
'<span style="font-size:12px;opacity:0.4"> usd/h</span>' +
|
||||
'</div>'
|
||||
},
|
||||
tooltip: {
|
||||
valueSuffix: 'usd/h'
|
||||
}
|
||||
}]
|
||||
}));
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue