loading.php

<?php include("components/head.php") ?>
<?php
function getRandomScreenshot($ids){
    $appid=4000;
    $profiles=array_filter(array_map("trim",explode(";",$ids)));

    $cacheFile=__DIR__."/cache/screens.json";
    $cacheTime=14400; // cache in sec

    if (file_exists($cacheFile)&&(time()-filemtime($cacheFile)<$cacheTime)){
      $screens=json_decode(file_get_contents($cacheFile),true);
    } else {
      $profile=$profiles[array_rand($profiles)];
      $url="https://steamcommunity.com/profiles/$profile/screenshots/?appid=$appid&sort=newestfirst&browsefilter=myfiles&view=grid";
      $html=@file_get_contents($url);
      $maxPage=1;
      if ($html){
          if (preg_match_all('/<a class="pagingPageLink" href="[^"]*p=(\d+)/i',$html,$matches)){
              $numbers=array_map("intval",$matches[1]);
              if (!empty($numbers)){
                  $maxPage=max($numbers);
              }
          }
      }
      $randomPage=rand(1,max(1,$maxPage));

      $url="https://steamcommunity.com/profiles/$profile/screenshots/?appid=$appid&sort=newestfirst&browsefilter=myfiles&view=grid&p=$randomPage";
      $html=@file_get_contents($url);
      $screens=[];

      if ($html){
          preg_match_all('/filedetails\/\?id=(\d+)/',$html,$matches);
          $ids=array_unique($matches[1]);

          if (!empty($ids)) {
              $postdata=http_build_query([
                  "itemcount"=>count($ids),
              ]);
              foreach ($ids as $i=>$id){
                  $postdata.="&publishedfileids[".$i."]=".urlencode($id);
              }

              $opts=[
                  "http"=>[
                      "method"=>"POST",
                      "header"=>"Content-Type: application/x-www-form-urlencoded\r\n",
                      "content"=>$postdata
                  ]
              ];
              $context=stream_context_create($opts);
              $result=file_get_contents("https://api.steampowered.com/ISteamRemoteStorage/GetPublishedFileDetails/v1/",false,$context);

              if ($result){
                  $json=json_decode($result,true);
                  if (isset($json["response"]["publishedfiledetails"])) {
                      foreach ($json["response"]["publishedfiledetails"] as $detail){
                          if (!empty($detail["file_url"])) {
                              $screens[]=$detail["file_url"];
                          }
                      }
                  }
              }
          }
      }

      file_put_contents($cacheFile,json_encode($screens));
    }

    if (empty($screens)){
        return "https://i.imgur.com/ppIOe5T.gif";
    }

    return $screens[array_rand($screens)];
}

$stbg=getSetting("loadscr_img",false);
$isVideo=false;
if ($stbg) {
    $ext=strtolower(pathinfo($stbg,PATHINFO_EXTENSION));
    if (in_array($ext,["webm","mp4","ogg"])) {
      $isVideo=true;
    }
}

$bg=(!$isVideo&&filter_var($stbg,FILTER_VALIDATE_URL))?$stbg:(!$isVideo?getRandomScreenshot($stbg):$stbg);
?>

<?php if ($isVideo): ?>
<style>
body {
  margin: 0;
  overflow: hidden;
}
#bgvideo {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  filter: blur(4px);
  z-index: -2;
}
body::after {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.3);
  z-index: -1;
}
</style>

<video id="bgvideo" autoplay muted loop playsinline>
    <source src="<?=$bg?>" type="video/<?=pathinfo($bg,PATHINFO_EXTENSION)?>">
</video>

<?php else: ?>
<style>
  body {
  margin: 0;
  position: relative;
  z-index: 0;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image: url("<?=$bg?>"), url("https://i.imgur.com/ppIOe5T.gif");
  background-size: cover;
  background-position: center;
  filter: blur(4px);
  z-index: -2;
}
body::after {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.3);
  z-index: -1;
}
</style>
<?php endif; ?>
<h3 class="mb-3 font_big" id="project_name"><?php echo getSetting("project_name",false)??"pBase"?></h3>
<div data-aos="zoom-in" data-aos-delay="100" class="card mt-auto mb-auto border-0 bggrad text-white" style="border-radius:20px; overflow: hidden; height: auto;">
  <div class="d-flex mt-1 p-2" style="overflow: hidden;height:15vw;">
    <img id="gm_img" class="rounded-4 mb-1" style="height:100%;aspect-ratio:1/1;" src="https://i.imgur.com/HKIws2U.png">
    <div class="d-flex fw-bold mt-1 flex-column" style="justify-content: center;width: 100%;">
      <h1 id="gameinf">err</h1>
      <h5 id="mapinf">err</h5>
      <h5 id="playercnt">err</h5>
    </div>
  </div>
</div>
<h6 id="words" class="fw-bold mb-auto" style="opacity: 0;transition: opacity 1s ease;"></h6>
<?php $result=$database->query("SELECT * FROM notes WHERE type='news' ORDER BY id DESC LIMIT 3")??NULL;?>
<?php $counter = 0;?>
<div class="mt-2" data-aos="flip-right" data-aos-delay="100">
  <div id="carousel" class="carousel slide hoverscale" data-bs-ride="carousel" style="border-radius:25px; overflow: hidden;" >
<div class="carousel-indicators">
  <button type="button" data-bs-target="#carousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  <button type="button" data-bs-target="#carousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
  <button type="button" data-bs-target="#carousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
  <?php while ($row=$result->fetch_assoc()):?>
  <?php $counter++; ?>
  <div class="carousel-item <?php echo $counter==1?"active":"eba";?>">
  <div class="image-box">
    <a href="/news.php?id=<?=$row['id'];?>"><img src="<?=$row["headimg"];?>" class="d-block w-100" alt="..." style="object-fit: cover; height: 22vh;">
      <h1 class="text-white font_smol position-absolute top-50 start-50 translate-middle" style="width:100%; background-color:rgba(0,0,0,.5);cursor:pointer;"><?=$row["title"];?></h1>
    </a>
  </div>
  </div>
  <?php endwhile; ?>
</div>
</div>
<p id="curm" class="fw-bold mt-3" style="text-align: right;">Играет: </p>
</div>
<script>
  var songs=<?php echo json_encode($settings["loading_music"]); ?>;
  var words=<?php echo json_encode($settings["loading_words"]); ?>;
  
  var volume = <?php echo $settings["loading_volume"];?>;

  function isAprilFools() {
    const now=new Date();
    return (now.getMonth()===3&&now.getDate()===1);
  }

  function playRandomSong() {
    if (isAprilFools()) {
        var audio = new Audio("loadscreen/music/xd/2.ogg");
        audio.volume = .5;
        audio.loop = true;
        audio.play();
      
        document.getElementById("curm").innerHTML = "Играет: ??? 🤡";
        return;
    }

    // обычный режим
    var randomIndex = Math.floor(Math.random() * songs.length);
    var song = songs[randomIndex];

    document.getElementById("curm").innerHTML = "Играет: " + song.title;

    var audio = new Audio(song.file);
    audio.volume = volume / 100;
    audio.play();

    audio.addEventListener("ended", function(){
      playRandomSong();
    });
  }
  playRandomSong();
  document.getElementById("gm_img").src="img/unknwn.jpg"//imgs["unknwn"];
  function GameDetails(servername,serverurl,mapname,maxplayers,steamid,gamemode) {
	  document.getElementById("gameinf").innerHTML=gamemode
    document.getElementById("mapinf").innerHTML="Карта: "+mapname
    document.getElementById("playercnt").innerHTML="Игровых слотов: "+maxplayers
    document.getElementById("gm_img").src="img/maps_logos/"+mapname+".png"
    //var gmlw=gamemode.toLowerCase()
    //if (imgs.hasOwnProperty(gmlw)) {
    //  var value=imgs[gmlw];
    //  document.getElementById("gm_img").src=value
    //}
  }
  var textContainer=document.getElementById("words");
  var fadeIn=function() {textContainer.style.opacity="1";};
  var fadeOut=function() {textContainer.style.opacity="0";};
  function updateText() {
    fadeOut();
    setTimeout(function(){
      textContainer.textContent=words[Math.floor(Math.random() * words.length)];
      fadeIn();
    },1000);
  }
  setInterval(updateText,8000);
  updateText();


  //FOOOOOOOOOOOOOOOOLS
  if (isAprilFools()) {

    document.body.classList.add("april-fools");

    // создаём стиль динамически (чтобы точно применился)
    const style = document.createElement("style");
    style.innerHTML = `
      body.april-fools * {
        animation: chaos 2s infinite linear !important;
      }

      @keyframes chaos {
        0% { transform: rotate(0deg) scale(1); filter: hue-rotate(0deg); }
        25% { transform: rotate(5deg) scale(1.05) translate(5px,-5px); }
        50% { transform: rotate(-5deg) scale(0.95) translate(-5px,5px); filter: hue-rotate(180deg); }
        75% { transform: rotate(3deg) scale(1.1); }
        100% { transform: rotate(0deg) scale(1); filter: hue-rotate(360deg); }
      }

      body.april-fools::before,
      body.april-fools #bgvideo {
        animation: spinbg 10s infinite linear !important;
      }

      @keyframes spinbg {
        from { transform: scale(1.2) rotate(0deg); }
        to { transform: scale(1.2) rotate(360deg); }
      }
    `;
    document.head.appendChild(style);

    // ЖЁСТКИЙ ХАОС
    setInterval(() => {
      document.querySelectorAll("*").forEach(el => {
        el.style.transform = `
          rotate(${Math.random()*20-10}deg)
          translate(${Math.random()*30-15}px, ${Math.random()*30-15}px)
          scale(${1 + Math.random()*0.3})
        `;
      });
    }, 400);

    // смена цветов
    setInterval(() => {
      document.body.style.filter = `hue-rotate(${Math.random()*360}deg)`;
    }, 500);

    // дергаем заголовок отдельно
    setInterval(() => {
      const title = document.getElementById("project_name");
      if (title) {
        title.style.transform = `rotate(${Math.random()*40-20}deg) scale(${1+Math.random()*0.5})`;
      }
    }, 200);
  }
</script>
<script src="<?=asset_version("/js/aos.js")?>"></script>
<?php include("components/footer.php") ?>