- </div>
- <div class="col-sm mb-3">
- <div class="card text-center">
- <div class="card-header bg-primary text-white">
- <div class="row">
- <div class="col">
- <i class="fa fa-hashtag fa-3x"></i>
- </div>
- <div class="col">
- <h3 class="display-4"><?php echo $stats->channel->total; ?></h3>
- </div>
- </div>
- </div>
- <div class="card-body">
- <div class="row">
- <div class="col">
- <h6>Channels</h6>
- </div>
- <div class="col"><a class="btn btn-primary" href="<?php echo BASE_URL; ?>channels">View</a></div>
- </div>
- </div>
- </div>
- </div>
- <div class="col-sm mb-3">
- <div class="card text-center">
- <div class="card-header bg-warning">
- <div class="row">
- <div class="col">
- <i class="fa fa-shield-halved fa-3x"></i>
- </div>
- <div class="col">
- <h3 class="display-4"><?php echo $stats->user->oper; ?></h3>
+ .numberDisplay {
+ animation: rotateEffect 0.5s ease;
+ }
+
+ .frosted-glass-success {
+ /* From https://css.glass */
+ background: rgba(63, 162, 36, 0.73);
+ box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+ backdrop-filter: blur(9.8px);
+ -webkit-backdrop-filter: blur(9.8px);
+ }
+ .frosted-glass-info {
+ /* From https://css.glass */
+ background: rgba(57, 127, 207, 0.73);
+ box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+ backdrop-filter: blur(9.8px);
+ -webkit-backdrop-filter: blur(9.8px);
+ }
+ .frosted-glass-danger {
+ /* From https://css.glass */
+ background: rgba(207, 57, 57, 0.73);
+ box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+ backdrop-filter: blur(9.8px);
+ -webkit-backdrop-filter: blur(9.8px);
+ }
+ .frosted-glass-warning {
+ /* From https://css.glass */
+ background: rgba(207, 194, 57, 0.73);
+ box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+ backdrop-filter: blur(9.8px);
+ -webkit-backdrop-filter: blur(9.8px);
+ }
+ .frosted-glass-secondary {
+ /* From https://css.glass */
+ background: rgba(75, 75, 75, 0.73);
+ box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+ backdrop-filter: blur(9.8px);
+ -webkit-backdrop-filter: blur(9.8px);
+ }
+
+ </style>
+ <div class="container card-container ml-1">
+
+ <div class="row mt-3">
+ <div class="col-sm mb-3">
+ <a class="card frosted-glass-success text-center" href="<?php echo get_config("base_url"); ?>users/">
+ <div class="card-body text-white">
+ <div class="row text-center">
+ <span id="userRecord" class="position-absolute badge rounded-pill badge-warning" hidden>
+ <?php echo "Record: "; ?>
+ </span>
+ <div class="col">
+ <div class="col">
+ <i aria-hidden="true" class="fa fa-users fa-2x"></i>
+ </div>
+ <div class="col">
+ <h5 id="stats_user_total" class="display-4 numberDisplay"></h5>
+ <h5 class="display-5">Users Online</h5>
+ </div>
+ </div>
+ </div>