mirror of
https://github.com/statbate/layout.git
synced 2026-08-11 03:12:42 +00:00
286 lines
7.8 KiB
HTML
286 lines
7.8 KiB
HTML
<!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" type="image/webp" href="favicon.webp" />
|
|
|
|
<!-- 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">
|
|
<script>
|
|
var page = "list";
|
|
</script>
|
|
</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>
|
|
<tr>
|
|
<td>Online more</td>
|
|
<td>10</td>
|
|
<td>25</td>
|
|
<td>50</td>
|
|
<td>100</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Rooms</td>
|
|
<td>3088</td>
|
|
<td>1422</td>
|
|
<td>774</td>
|
|
<td>426</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Total rooms</td>
|
|
<td colspan="4">9800</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Total online</td>
|
|
<td colspan="4">320873</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="content_activity">
|
|
<figure class="highcharts-figure">
|
|
<div id="container-activity" class="chart-container"></div>
|
|
</figure>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="tab-content">
|
|
<div class="promo-block">
|
|
<a href="https://www.getmonero.org" target="_blank"><img src="./img/xmr.webp" width="380" height="31"></a>
|
|
</div>
|
|
|
|
<!-- test data start -->
|
|
<table id="list1" class="table table-striped table-bordered dataTable no-footer" cellspacing="0">
|
|
<thead>
|
|
<tr>
|
|
<th class="d-none d-md-table-cell"></th>
|
|
<th data-toggle="tooltip">room</th>
|
|
<th data-toggle="tooltip" title="Stream duration in minutes" class="d-none d-sm-table-cell">time</th>
|
|
<th data-toggle="tooltip" title="Income per hour">hour</th>
|
|
<th data-toggle="tooltip" title="Average tip" class="d-none d-sm-table-cell">avg</th>
|
|
<th data-toggle="tooltip" title="Uniq donators" class="d-none d-md-table-cell">dons</th>
|
|
<th data-toggle="tooltip" title="Income per stream">USD</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="odd">
|
|
<td class="d-none d-md-table-cell"><a href="https://statbate.com/public/log.php?name=sandra_buika&base=chaturbate" target="_blank">1</a></td>
|
|
<td><a href="https://statbate.com/search.php?name=sandra_buika&db=1" target="_blank">sandra_buika</a></td>
|
|
<td class="d-none d-sm-table-cell">406</td>
|
|
<td>372</td>
|
|
<td class="d-none d-sm-table-cell">3.3</td>
|
|
<td class="d-none d-md-table-cell">254</td>
|
|
<td>2511</td>
|
|
</tr>
|
|
<tr class="even">
|
|
<td class="d-none d-md-table-cell"><a href="https://statbate.com/public/log.php?name=cutie_have_beauty_booty&base=chaturbate" target="_blank">2</a></td>
|
|
<td><a href="https://statbate.com/search.php?name=cutie_have_beauty_booty&db=1" target="_blank">cutie_have_beauty_booty</a></td>
|
|
<td class="d-none d-sm-table-cell">306</td>
|
|
<td>287</td>
|
|
<td class="d-none d-sm-table-cell">2.44</td>
|
|
<td class="d-none d-md-table-cell">63</td>
|
|
<td>1459</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<!-- test data end -->
|
|
|
|
</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>
|