particles.js 그누보드5 로그인 배경화면 적용 채택완료

</p>

<p><?php

include_once('./_common.php');</p>

<p>if( function_exists('social_check_login_before') ){

    $social_login_html = social_check_login_before();

}</p>

<p>$g5['title'] = '로그인';

include_once('./_head.sub.php');</p>

<p>$url = strip_tags($_GET['url']);</p>

<p>// url 체크

check_url_host($url);</p>

<p>// 이미 로그인 중이라면

if ($is_member) {

    if ($url)

        goto_url($url);

    else

        goto_url(G5_URL);

}</p>

<p>$login_url        = login_url($url);

$login_action_url = G5_HTTPS_BBS_URL."/login_check.php";</p>

<p>// 로그인 스킨이 없는 경우 관리자 페이지 접속이 안되는 것을 막기 위하여 기본 스킨으로 대체

$login_file = $member_skin_path.'/login.skin.php';

if (!file_exists($login_file))

    $member_skin_path   = G5_SKIN_PATH.'/member/basic';</p>

<p>include_once($member_skin_path.'/login.skin.php');</p>

<p>run_event('member_login_tail', $login_url, $login_action_url, $member_skin_path, $url);</p>

<p>include_once('./_tail.sub.php');

?>

<style>

.count-particles{background: #000022;position: absolute;left:calc(50% - 180px);}

.js-count-particles{font-size: 1.1em;}

.count-particles{border-radius: 0 0 3px 3px;}

#particles-js{width: 100%;height: 100%;background-color: #b61924;background-image: url('');background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}

</style></p>

<p><div id="particles-js"></div>

<script src="<?php echo G5_JS_URL;?>/particles.js"></script>

<script src="<?php echo G5_JS_URL;?>/app.js"></script>

<script>

  var count_particles, stats, update;

  stats = new Stats;

  stats.setMode(0);

  stats.domElement.style.position = 'absolute';

  stats.domElement.style.left = '0px';

  stats.domElement.style.top = '0px';

  document.body.appendChild(stats.domElement);

  count_particles = document.querySelector('.js-count-particles');

  update = function() {

    stats.begin();

    stats.end();

    if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) {

      count_particles.innerText = window.pJSDom[0].pJS.particles.array.length;

    }

    requestAnimationFrame(update);

  };

  requestAnimationFrame(update);

</script></p>

<p>