PPGS Integration Guide

<iframe src="https://nye.ppgs.global/176670/" width="600" height="1200" style="border:none;"></iframe>

<script type="text/javascript">
(function() {
    var css = '#ppgs-badge { position: fixed; bottom: 10px; right: 10px; cursor: pointer; z-index: 1000; }' +
              '#ppgs-badge img { width: 100px; height: auto; transition: transform 0.3s ease; }' +
              '#ppgs-badge img:hover { transform: scale(1.1); }';
    var style = document.createElement('style');
    if (style.styleSheet){
        style.styleSheet.cssText = css;
    } else {
        style.appendChild(document.createTextNode(css));
    }
    document.head.appendChild(style);
    var html = '<div id="ppgs-badge" onclick="window.open(\'https://nye.ppgs.global/176670/\')">' +
               '<img src="https://nye.ppgs.global/images/BBADGE.png" alt="PPGS Badge">' +
               '</div>';
    var div = document.createElement('div');
    div.innerHTML = html;
    document.body.appendChild(div.firstChild);
})();
</script>

<script type="text/javascript">
(function() {
    var css = '#ppgs-face-overlay { position: fixed; top: 10px; right: 10px; z-index: 1000; }' +
              '#ppgs-face-overlay img { width: 100px; height: auto; }';
    var style = document.createElement('style');
    if (style.styleSheet){
        style.styleSheet.cssText = css;
    } else {
        style.appendChild(document.createTextNode(css));
    }
    document.head.appendChild(style);
    var html = '<div id="ppgs-face-overlay">' +
               '<img src="https://nye.ppgs.global/images/BFACE.png" alt="PPGS Face">' +
               '</div>';
    var div = document.createElement('div');
    div.innerHTML = html;
    document.body.appendChild(div.firstChild);
})();
</script>


<style>
    .button {
        display: inline-block;
        padding: 10px 15px;
        font-size: 16px;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        outline: none;
        color: #fff;
        background-color: #007bff;
        border: none;
        border-radius: 5px;
        box-shadow: 0 2px #0056b3;
    }

    .button:hover {
        background-color: #0069d9;
    }

    .button:active {
        background-color: #0056b3;
        box-shadow: 0 1px #0056b3;
        transform: translateY(1px);
    }
</style>
<!-- PPGS Report Button -->
<a href="https://nye.ppgs.global/176670/" class="button" target="_blank">
    PPGS ID:176670 View Report
</a>
<!-- End PPGS Button -->

PPGS ID:176670 View Report

Test