layout/index.html

283 lines
11 KiB
HTML
Raw Normal View History

2023-06-12 16:45:00 +03:00
<!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!"/>
2023-06-16 15:16:25 +03:00
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
2023-06-12 16:45:00 +03:00
<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">
2023-06-14 13:29:19 +03:00
<link rel="stylesheet" href="./css/metricsgraphics.min.css">
2023-06-13 22:21:01 +03:00
<link rel="stylesheet" href="./css/bootstrap.min.css" >
2023-06-14 23:31:24 +03:00
<link rel="stylesheet" href="./css/dataTables.bootstrap5.min.css" >
2023-06-14 17:19:40 +03:00
<link rel="stylesheet" href="./css/simplebar.css" >
2023-06-12 16:45:00 +03:00
<link rel="stylesheet" href="./css/statbate.css">
</head>
<body>
<div class="statbate">
2023-06-12 19:04:54 +03:00
<!-- header start -->
<div class="header">
<div class="header_menu">
2023-06-13 22:21:01 +03:00
<a href="/" aria-label="Move to main page" class="header_logo"></a>
2023-06-12 19:04:54 +03:00
<ul class="header_navbar">
2023-06-13 02:16:30 +03:00
<li><a href="/" class="nav_active">Chaturbate</a></li>
2023-06-12 19:04:54 +03:00
<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 -->
2023-06-12 16:45:00 +03:00
2023-06-13 02:16:30 +03:00
<!-- header mobile start -->
<div class="header_mobile">
<div class="header_menu">
<a href="/" class="header_logo"></a>
<div class="icon-menu-wrap">
2023-06-13 16:22:33 +03:00
<div class="icon-menu" onclick="choose()">
2023-06-13 02:16:30 +03:00
<span></span>
<span></span>
<span></span>
</div>
2023-06-13 16:22:33 +03:00
</div>
2023-06-13 02:16:30 +03:00
</div>
</div>
2023-06-13 16:22:33 +03:00
<div class="header_mobile_nav">
2023-06-13 22:55:48 +03:00
<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>
2023-06-13 16:22:33 +03:00
</div>
2023-06-14 13:29:19 +03:00
<!-- header mobile end -->
2023-06-13 16:22:33 +03:00
2023-06-14 16:21:39 +03:00
<!-- content start -->
2023-06-14 13:29:19 +03:00
<div class="content">
2023-06-14 23:31:24 +03:00
2023-06-14 13:29:19 +03:00
<div class="income_chart"></div>
2023-06-14 16:21:39 +03:00
<div class="content_center">
2023-06-14 17:19:40 +03:00
<div class="content_wslog" data-simplebar>
<div class="wstext"></div>
</div>
2023-06-14 16:21:39 +03:00
<div class="content_table">
<table class="fin_table">
<tbody>
<tr>
<th colspan="2">Statistics for the last month</th>
</tr>
</tbody>
<tbody>
<tr>
<td>Income</td>
<td>$21,927,125</td>
</tr>
<tr>
<td>Average</td>
<td>$1116</td>
</tr>
<tr>
<td>Average tip</td>
<td>$0.91</td>
</tr>
<tr>
<td>One token</td>
<td>$0.05</td>
</tr>
</tbody>
</table>
</div>
</div>
2023-06-14 23:31:24 +03:00
2023-06-14 18:21:37 +03:00
<div class="content_nav">
<ul class="nav nav-tabs justify-content-center" id="nav-tab" role="tablist">
<li class="nav-item">
<button class="nav-link active" id="cams-tab" data-bs-toggle="tab" role="tab" data-bs-target="#cams" aria-controls="cams" aria-selected="true">Rooms</button>
</li>
<li class="nav-item">
<button class="nav-link" id="dons-tab" data-bs-toggle="tab" role="tab" data-bs-target="#dons" aria-controls="dons" aria-selected="false">Donators</button>
</li>
<li class="nav-item">
<button class="nav-link" id="boys-tab" data-bs-toggle="tab" role="tab" data-bs-target="#boys" aria-controls="boys" aria-selected="false">Boys</button>
</li>
<li class="nav-item">
<button class="nav-link" id="trans-tab" data-bs-toggle="tab" role="tab" data-bs-target="#trans" aria-controls="trans" aria-selected="false">Trans</button>
</li>
<li class="nav-item">
<button class="nav-link" id="couple-tab" data-bs-toggle="tab" role="tab" data-bs-target="#couple" aria-controls="couple" aria-selected="false">Couple</button>
</li>
<li class="nav-item">
<button class="nav-link" id="incomeCharts-tab" data-bs-toggle="tab" role="tab" data-bs-target="#incomeCharts" aria-controls="incomeCharts" aria-selected="false">Income</button>
</li>
<li class="nav-item">
<button class="nav-link" id="roomsCharts-tab" aria-invalid="roomsCharts" data-bs-toggle="tab" role="tab" data-bs-target="#roomsCharts" aria-controls="roomsCharts" aria-selected="false">Streamers</button>
</li>
<li class="nav-item">
<button class="nav-link" id="viewersCharts-tab" data-bs-toggle="tab" role="tab" data-bs-target="#viewersCharts" aria-controls="viewersCharts" aria-selected="false">Viewers</button>
</li>
<li class="nav-item">
<button class="nav-link" id="heatmap-tab" data-bs-toggle="tab" role="tab" data-bs-target="#heatmap" aria-controls="heatmap" aria-selected="false">Heat map</button>
</li>
</ul>
</div>
<div class="content_nav_mobile">
<div class="dropdown select-tab">
<button class="col btn btn-dark dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Rooms
</button>
<div class="dropdown-menu nav nav-tabs collapse" aria-labelledby="dropdownMenuButton">
2023-06-14 19:32:09 +03:00
<a class="dropdown-item color_first" href="#cams" data-bs-toggle="tab" role="tab" aria-controls="cams" aria-selected="false">Rooms</a>
<a class="dropdown-item color_second" href="#dons" data-bs-toggle="tab" role="tab" aria-controls="dons" aria-selected="false">Donators</a>
<a class="dropdown-item color_first" href="#boys" data-bs-toggle="tab" role="tab" aria-controls="boys" aria-selected="false">Boys</a>
<a class="dropdown-item color_second" href="#trans" data-bs-toggle="tab" role="tab" aria-controls="trans" aria-selected="false">Trans</a>
<a class="dropdown-item color_first" href="#couple" data-bs-toggle="tab" role="tab" aria-controls="couple" aria-selected="false">Couple</a>
<a class="dropdown-item color_second" href="#incomeCharts" data-bs-toggle="tab" role="tab" aria-controls="incomeCharts" aria-selected="false">Income</a>
<a class="dropdown-item color_first" href="#roomsCharts" data-bs-toggle="tab" role="tab" aria-controls="roomsCharts" aria-selected="false">Streamers</a>
<a class="dropdown-item color_second" href="#viewersCharts" data-bs-toggle="tab" role="tab" aria-controls="viewers-charts" aria-selected="false">Viewers</a>
<a class="dropdown-item color_first" href="#heatmap" data-bs-toggle="tab" role="tab" aria-controls="heatmap" aria-selected="false">Heat map</a>
2023-06-14 18:21:37 +03:00
</div>
</div>
</div>
<div class="tab-content">
<div aria-labelledby="cams-tab" role="tabpanel active" class="tab-pane fade active show" id="cams">
2023-06-14 23:31:24 +03:00
2023-06-15 18:13:32 +03:00
<div class="promo-block">
<a href="https://www.getmonero.org" target="_blank"><img src="./img/xmr.webp" width="380" height="31"></a>
</div>
2023-06-14 23:31:24 +03:00
<!-- test data start -->
<table id="main" class="table table-striped table-bordered dataTable no-footer"
cellspacing="0" width="100%" role="grid" aria-describedby="supportList_info"
style="width: 100%;">
<thead>
<tr>
<th class="d-none d-sm-table-cell" style="width:1px;"></th>
<th>room</th>
<th data-toggle="tooltip" data-placement="top"
title="Use search online">
last
</th>
2023-06-15 18:13:32 +03:00
<th class="d-none d-sm-table-cell" data-toggle="tooltip" data-placement="top" title="Avarage income per day">$.day</th>
2023-06-14 23:31:24 +03:00
<th class="d-none d-sm-table-cell" data-toggle="tooltip"
data-placement="top" title="Uniq donators per month">dons
</th>
<th data-toggle="tooltip" data-placement="top"
title="Income per month">
USD
</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td class="d-none d-sm-table-cell">1</td>
<td>hannahjames710</td>
<td>8 hrs</td>
<td class="d-none d-sm-table-cell">2408</td>
<td class="d-none d-sm-table-cell">1904</td>
<td>52976</td>
</tr>
<tr class="even">
2023-06-15 18:13:32 +03:00
<td class="d-none d-sm-table-cell">100</td>
2023-06-14 23:31:24 +03:00
<td>ehotlovea</td>
<td><font color="green">online</font></td>
<td class="d-none d-sm-table-cell">1909</td>
<td class="d-none d-sm-table-cell">1601</td>
2023-06-16 15:16:25 +03:00
<td><a href="#" data-modal-info="" data-modal-id="27842" data-modal-type="income" data-modal-name="ehotlovea">51759</a></td>
2023-06-14 23:31:24 +03:00
</tr>
</tbody>
</table>
<!-- test data end -->
2023-06-14 18:21:37 +03:00
</div>
<div aria-labelledby="dons-tab" role="tabpanel" class="tab-pane fade" id="dons">
Dons
</div>
</div>
2023-06-14 13:29:19 +03:00
</div>
2023-06-14 16:21:39 +03:00
<!-- content end -->
2023-06-12 16:45:00 +03:00
<!-- footer start -->
<div class="footer">
<div class="footer_banner">
2023-06-13 22:21:01 +03:00
<a href="/s/" rel="nofollow"><img alt="" width="770" height="94.77" class="banner" src="./img/strip.webp"></a>
2023-06-12 16:45:00 +03:00
</div>
<div class="footer_bottom">
<div class="footer_social">
2023-06-13 22:21:01 +03:00
<a href="https://twitter.com/statbate" aria-label="Subscribe to our twitter" target="_blank" rel="nofollow">
2023-06-12 16:45:00 +03:00
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
2023-06-13 22:21:01 +03:00
<a href="https://github.com/statbate" aria-label="Subscribe to our github" target="_blank" rel="nofollow">
2023-06-12 16:45:00 +03:00
<i class="fa fa-github" aria-hidden="true"></i>
</a>
2023-06-13 22:21:01 +03:00
<a href="https://t.me/statbate" aria-label="Subscribe to our telegram" target="_blank" rel="nofollow">
2023-06-12 16:45:00 +03:00
<i class="fa fa-telegram" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<!-- footer end -->
</div>
2023-06-16 15:16:25 +03:00
<!-- modal windows start -->
<div class="modal fade" id="donRoomModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" style="max-width: 400px;">
<div class="modal-content">
<div class="modal-body">
<table id="donRoomTable" class="table table-striped DonTable">
<thead>
<tr>
<th></th>
<th>USD</th>
<th data-toggle="tooltip" data-placement="right" title="Average tip">AVG</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<hr />
<div id="modelChart" class="d-none d-md-block" style="margin-top: -25px;"></div>
<div id="allIncome"></div>
</div>
</div>
</div>
</div>
<!-- modal windows end -->
2023-06-12 16:45:00 +03:00
</body>
2023-06-13 22:21:01 +03:00
<!-- JS -->
<script src="./js/jquery-3.7.0.min.js"></script>
2023-06-14 13:29:19 +03:00
<script src="./js/d3.min.js"></script>
<script src="./js/metricsgraphics.min.js"></script>
2023-06-14 23:31:24 +03:00
<script src="./js/jquery.dataTables.min.js"></script>
2023-06-14 18:21:37 +03:00
<script src="./js/bootstrap.bundle.min.js"></script>
2023-06-14 23:31:24 +03:00
<script src="./js/dataTables.bootstrap5.min.js"></script>
2023-06-14 17:19:40 +03:00
<script src="./js/simplebar.js"></script>
2023-06-13 22:21:01 +03:00
<script src="./js/statbate.js"></script>
2023-06-14 13:29:19 +03:00
2023-06-14 19:32:09 +03:00
<script>
2023-06-15 16:22:42 +03:00
2023-06-14 19:32:09 +03:00
</script>
2023-06-12 16:45:00 +03:00
</html>