```html
<div id="admin_status" class="loading">
  <div class="loader">
  <span></span>
  <span></span>
  <span></span>
  </div>
  <span id="status_text">სტატუსის შემოწმება</span>
</div>

<script type="text/javascript">
setTimeout(function(){

  $.get('/index/8', function(data){

  if ($(data).find('.statusOnline').length) {
  $('#status_text').html('👑 ადმინისტრატორი საიტზეა');
  } else {
  $('#status_text').html('📨 ადმინისტრატორი არ არის საიტზე');
  }

  $('#admin_status').removeClass('loading');

  // 30 წამში გაქრობა
  setTimeout(function(){
  $('#admin_status').fadeOut(500, function(){
  $(this).remove();
  });
  }, 30000);

  });

}, 3000); // 3 წამი
</script>

<style>
#admin_status{
  position:fixed;
  top:15px;
  left:15px;
  z-index:99999;

  display:flex;
  align-items:center;
  gap:10px;

  background:#111;
  color:#fff;

  padding:12px 18px;

  border:2px solid #ff0000;

  font-family:"BPG Arial Caps",sans-serif;
  font-size:14px;
  font-weight:bold;

  box-shadow:0 4px 15px rgba(0,0,0,.25);

  transition:all .3s ease;
}

#admin_status:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 25px rgba(0,0,0,.35);
}

/* 3 წერტილი */
.loader{
  display:flex;
  gap:4px;
}

.loader span{
  width:6px;
  height:6px;
  background:#fff;
  border-radius:50%;
  animation:dots 1.4s infinite ease-in-out;
}

.loader span:nth-child(2){
  animation-delay:.2s;
}

.loader span:nth-child(3){
  animation-delay:.4s;
}

@keyframes dots{
  0%,80%,100%{
  opacity:.3;
  transform:scale(.8);
  }
  40%{
  opacity:1;
  transform:scale(1.3);
  }
}

/* სტატუსის გამოჩენისას წერტილები გაქრეს */
#admin_status:not(.loading) .loader{
  display:none;
}
</style>
```