https://anson.ng/

ID de l'analyse :
a3b51a46-a360-4045-9149-8c8250cabe50Terminée
URL soumise :
https://anson.ng/
Fin du rapport :

Liens : 2 trouvé(s)

Liens sortants identifiés à partir de la page

Lientexte
https://www.instagram.com/ansonng1515Instagram
https://www.instagram.com/ansonng1515/Instagram

Variables JavaScript : 71 trouvée(s)

Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel

NomType
0object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
__cfQRobject
$function
jQueryfunction
Cookiesfunction
TrustedSiteobject
TrustedSite_donenumber

Messages de journal de console : 11 trouvé(s)

Messages consignés dans la console web

TypeCatégorieEnregistrement
errornetwork
URL
https://us.ansonng.us/assets/uswds/dist/css/uswds.min.css
texte
Failed to load resource: net::ERR_CONNECTION_CLOSED
errornetwork
URL
https://us.ansonng.us/assets/uswds/dist/js/uswds.min.js
texte
Failed to load resource: net::ERR_CONNECTION_CLOSED
errornetwork
URL
https://us.ansonng.us/assets/uswds/dist/js/uswds-init.min.js
texte
Failed to load resource: net::ERR_CONNECTION_CLOSED
errorsecurity
URL
https://anson.ng/
texte
Access to XMLHttpRequest at 'https://cloudflareinsights.com/cdn-cgi/rum' from origin 'https://anson.ng' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
errornetwork
URL
https://cloudflareinsights.com/cdn-cgi/rum
texte
Failed to load resource: net::ERR_FAILED
errornetwork
URL
https://s3-us-west-2.amazonaws.com/mfesecure-public/host/anson.ng/client.json?source=jsmain
texte
Failed to load resource: the server responded with a status of 403 (Forbidden)
logother
URL
https://cdn.ywxi.net/js/1.js
texte
trustedsite-tm-main[config][403]
errornetwork
URL
https://s3-us-west-2.amazonaws.com/mfesecure-public/host/anson.ng/client.json?source=jsinline
texte
Failed to load resource: the server responded with a status of 403 (Forbidden)
logother
URL
https://cdn.ywxi.net/js/1.js
texte
trustedsite-tm-inline[config][403]
errornetwork
URL
https://s3-us-west-2.amazonaws.com/mfesecure-public/host/anson.ng/client.json?source=jsinline
texte
Failed to load resource: the server responded with a status of 403 (Forbidden)
logother
URL
https://cdn.ywxi.net/js/1.js
texte
trustedsite-tm-inline[config][403]

HTML

Le corps HTML de la page en données brutes

<!DOCTYPE html><html lang="en" class="has-scroll-init" style="cursor: wait; --vh: 6px;"><head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>Anson Ng</title>
      <meta name="description" content="Anson Ng offical website © Content by Anson.">
      <meta property="og:title" content="Anson Ng">
      <meta property="og:description" content="Anson Ng offical website © Content by Anson.">
      <meta property="og:image" content="https://ansonngsite1.pages.dev/img/ansonngcover.png">
      <meta property="og:site_name" content="Anson Ng">
      <meta property="og:locale" content="en">
      <meta property="og:type" content="website">      <meta property="twitter:title" content="Anson Ng">
      <meta property="twitter:description" content="Anson Ng offical website © Content by Anson.">
      <meta property="twitter:image" content="https://ansonngsite1.pages.dev/img/ansonngcover.png">
      <meta name="twitter:card" content="summary_large_image">
      <meta name="google" content="notranslate">
      <meta property="og:locale" content="en">
      <link rel="canonical" href="https://ansonnng.com">
      <link rel="icon" href="https://ansonngsite1.pages.dev/img/logob.png">
      
        
        <style type="text/css">@font-face {font-family:Montserrat;font-style:normal;font-weight:400;src:url(/cf-fonts/v/montserrat/5.0.16/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Montserrat;font-style:normal;font-weight:400;src:url(/cf-fonts/v/montserrat/5.0.16/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Montserrat;font-style:normal;font-weight:400;src:url(/cf-fonts/v/montserrat/5.0.16/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Montserrat;font-style:normal;font-weight:400;src:url(/cf-fonts/v/montserrat/5.0.16/cyrillic/wght/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:Montserrat;font-style:normal;font-weight:400;src:url(/cf-fonts/v/montserrat/5.0.16/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Montserrat;font-style:normal;font-weight:500;src:url(/cf-fonts/v/montserrat/5.0.16/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Montserrat;font-style:normal;font-weight:500;src:url(/cf-fonts/v/montserrat/5.0.16/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Montserrat;font-style:normal;font-weight:500;src:url(/cf-fonts/v/montserrat/5.0.16/cyrillic/wght/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:Montserrat;font-style:normal;font-weight:500;src:url(/cf-fonts/v/montserrat/5.0.16/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Montserrat;font-style:normal;font-weight:500;src:url(/cf-fonts/v/montserrat/5.0.16/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}</style>
      <link href="https://ansonngsite1.pages.dev/css/normalize.css" rel="stylesheet">      <link href="https://ansonngsite1.pages.dev/css/locomotive-scroll.css" rel="stylesheet">      <link href="https://ansonngsite1.pages.dev/css/styleguide.css" rel="stylesheet">      <link href="https://ansonngsite1.pages.dev/css/components.css" rel="stylesheet">      <link href="https://ansonngsite1.pages.dev/assets/css/style-new.css" rel="stylesheet">
      <script src="https://us.ansonng.us/assets/uswds/dist/js/uswds-init.min.js" type="text/javascript"></script>
      <link rel="stylesheet" href="https://us.ansonng.us/assets/uswds/dist/css/uswds.min.css">
      <script src="https://us.ansonng.us/assets/uswds/dist/js/uswds.min.js" type="text/javascript"></script>
      <link rel="alternate" href="https://ansonng.com" hreflang="x-default">
      <link rel="alternate" href="https://ansonng.com" hreflang="en">
<script async="" type="text/javascript" src="https://cdn.ywxi.net/js/1.js"></script>

<style>
        /* Disable right-click context menu on the entire page */
        body {
            -webkit-user-select: none; /* Safari */
            -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
        }

        /* Disable right-click using CSS */
        img, video {
            pointer-events: none;
        }
    </style>


    <style>
        /* Disable right-click context menu on the entire page */
        body {
            -webkit-user-select: none; /* Safari */
            -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
        }

        /* Disable right-click using CSS */
        img, video {
            pointer-events: none;
        }

        /* Hide content if JavaScript is disabled */
        .content {
            display: none;
        }

        .no-js-message {
            display: none;
            font-size: 20px;
            color: red;
            text-align: center;
            margin-top: 20%;
        }

        .warning-message {
            display: none;
            font-size: 20px;
            color: red;
            text-align: center;
            margin-top: 20%;
        }
    </style>
</head>
<body data-barba="wrapper" style="">



<noscript>
    <style>
        .no-js-message {
            display: block;
        }
    </style>
    <div class="no-js-message">
        JavaScript is required to view this content. Please enable JavaScript in your browser settings.
    </div>
</noscript>

<div class="warning-message">
    You are about to leave this site and be redirected to an external domain. Are you sure?
    <br>
    <button id="proceed">Proceed</button>
    <button id="cancel">Cancel</button>
</div>

<script type="text/javascript">
    // Show content if JavaScript is enabled
    document.querySelector('.content').style.display = 'block';

    // Disable right-click
    document.addEventListener('contextmenu', function(e) {
        e.preventDefault();
    });

    // Disable certain key combinations
    document.addEventListener('keydown', function(e) {
        // Disable Ctrl+S (Save), Ctrl+U (View source), Ctrl+Shift+I (Dev tools)
        if ((e.ctrlKey && (e.key === 's' || e.key === 'u')) || (e.ctrlKey && e.shiftKey && e.key === 'I')) {
            e.preventDefault();
        }
    });

    // Intercept clicks on links to external domains
    document.querySelectorAll('a').forEach(function(link) {
        link.addEventListener('click', function(e) {
            const url = new URL(link.href);
            if (url.hostname !== window.location.hostname) {
                e.preventDefault();
                document.querySelector('.content').style.display = 'none';
                const warningMessage = document.querySelector('.warning-message');
                warningMessage.style.display = 'block';

                const proceedButton = document.getElementById('proceed');
                const cancelButton = document.getElementById('cancel');

                proceedButton.onclick = function() {
                    window.location.href = link.href;
                };

                cancelButton.onclick = function() {
                    warningMessage.style.display = 'none';
                    document.querySelector('.content').style.display = 'block';
                };
            }
        });
    });
</script>

<noscript>
    <style>
        /* Additional protection when JavaScript is disabled */
        img, video {
            pointer-events: none;
        }
    </style>
</noscript>

<script type="text/javascript">
    // Disable right-click
    document.addEventListener('contextmenu', function(e) {
        e.preventDefault();
    });

    // Disable certain key combinations
    document.addEventListener('keydown', function(e) {
        // Disable Ctrl+S (Save), Ctrl+U (View source), Ctrl+Shift+I (Dev tools)
        if ((e.ctrlKey && (e.key === 's' || e.key === 'u')) || (e.ctrlKey && e.shiftKey && e.key === 'I')) {
            e.preventDefault();
        }
    });
</script>

     
<style>
        /* Disable right-click context menu on the entire page */
        body {
            -webkit-user-select: none; /* Safari */
            -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
        }

        /* Disable right-click using CSS */
        img, video {
            pointer-events: none;
        }

        /* Hide content if JavaScript is disabled */
        .content {
            display: none;
        }

        .no-js-message {
            display: none;
            font-size: 20px;
            color: red;
            text-align: center;
            margin-top: 20%;
        }

        .warning-message {
            display: none;
            font-size: 20px;
            color: red;
            text-align: center;
            margin-top: 20%;
        }
    </style>








   

<noscript>
    <style>
        .no-js-message {
            display: block;
        }
    </style>
    <div class="no-js-message">
        JavaScript is required to view this content. Please enable JavaScript in your browser settings.
    </div>
</noscript>

<div class="warning-message">
    You are about to leave this site and be redirected to an external domain. Are you sure?
    <br>
    <button id="proceed">Proceed</button>
    <button id="cancel">Cancel</button>
</div>

<script type="text/javascript">
    // Show content if JavaScript is enabled
    document.querySelector('.content').style.display = 'block';

    // Disable right-click
    document.addEventListener('contextmenu', function(e) {
        e.preventDefault();
    });

    // Disable certain key combinations
    document.addEventListener('keydown', function(e) {
        // Disable Ctrl+S (Save), Ctrl+U (View source), Ctrl+Shift+I (Dev tools)
        if ((e.ctrlKey && (e.key === 's' || e.key === 'u')) || (e.ctrlKey && e.shiftKey && e.key === 'I')) {
            e.preventDefault();
        }
    });

    // Intercept clicks on links to external domains
    document.addEventListener('click', function(e) {
        const target = e.target.closest('a');
        if (target) {
            const url = new URL(target.href);
            if (url.hostname !== window.location.hostname) {
                e.preventDefault();
                document.querySelector('.content').style.display = 'none';
                const warningMessage = document.querySelector('.warning-message');
                warningMessage.style.display = 'block';

                const proceedButton = document.getElementById('proceed');
                const cancelButton = document.getElementById('cancel');

                proceedButton.onclick = function() {
                    window.location.href = target.href;
                };

                cancelButton.onclick = function() {
                    warningMessage.style.display = 'none';
                    document.querySelector('.content').style.display = 'block';
                };
            }
        }
    });
</script>


    
        <div class="no-scroll-overlay"></div>
        <div class="loading-container">
            <div class="loading-screen" style="top: 0px;">
                <div class="rounded-div-wrap top">
                    <div class="rounded-div"></div>
                </div>
                <div class="loading-words" style="transform: translate(0px, -50px); opacity: 1;">
                    <h2 class="home-active home-active-first" style="opacity: 0; display: block;">Hello<div class="dot"></div></h2>
                    <h2 class="home-active" style="opacity: 0; display: block;">Sup<div class="dot"></div></h2>
                    <h2 class="home-active" style="opacity: 0; display: block;">Mate<div class="dot"></div></h2>
                    <h2 class="home-active" style="opacity: 1; display: block;">Chuffed<div class="dot"></div></h2>
                    <h2 class="home-active" style="opacity: 0; display: block;">It's<div class="dot"></div></h2>
                    <h2 class="home-active" style="opacity: 0; display: block;">Anson<div class="dot"></div></h2>  
                    <h2 class="home-active-last" style="opacity: 0; display: block;">Ng<div class="dot"></div></h2>

                                        <h2 class="active" style="display: none;">Home<div class="dot"></div></h2>
                                        <h2>Work<div class="dot"></div></h2>
                                        <h2>FABRIC™<div class="dot"></div></h2>
                                        <h2>Aanstekelijk<div class="dot"></div></h2>
                                        <h2>Base Create<div class="dot"></div></h2>
                                        <h2>AVVR<div class="dot"></div></h2>
                                        <h2>GraphicHunters<div class="dot"></div></h2>
                                        <h2>Future Goals<div class="dot"></div></h2>
                                        <h2>Atypikal<div class="dot"></div></h2>
                                        <h2>MicDrop Agency<div class="dot"></div></h2>
                                        <h2>Tapsody<div class="dot"></div></h2>
                                        <h2>Emble Studio<div class="dot"></div></h2>
                                        <h2>One:Nil<div class="dot"></div></h2>
                                        <h2>Andy Hardy<div class="dot"></div></h2>
                                        <h2>About<div class="dot"></div></h2>
                                        <h2>Contact<div class="dot"></div></h2>
                                        <h2>Success<div class="dot"></div></h2>
                                        <h2>Archive<div class="dot"></div></h2>
                                        <h2>Error<div class="dot"></div></h2>
                                        <h2>Styleguide<div class="dot"></div></h2>
                                    </div>
                <div class="rounded-div-wrap bottom" style="height: 10vh;">
                    <div class="rounded-div"></div>
                </div>
            </div>
        </div>
        <main class="main no-touch" id="home" data-barba="container" data-barba-namespace="home">
                    <div class="mouse-pos-list-image no-select" style="top: 0px; left: 0px;">
                <div class="mouse-pos-list-image-bounce overlay">
                    <div class="float-image-wrap">
                                                <li class="mouse-pos-list-image-inner design development interaction visible">
                            <div class="overlay overlay-image lazy entered" style="background-color: #48494A; background-position: center center; background-repeat: no-repeat; background-size: cover;" data-bg="" data-ll-status="entered"></div>                        </li>
                                                <li class="mouse-pos-list-image-inner design development interaction visible">
                            <div class="overlay overlay-image lazy entered" style="background-color: #101010; background-position: center center; background-repeat: no-repeat; background-size: cover;" data-bg="" data-ll-status="entered"></div>                        </li>
                                                <li class="mouse-pos-list-image-inner development interaction design visible">
                            <div class="overlay overlay-image lazy entered" style="background-color: #363637; background-position: center center; background-repeat: no-repeat; background-size: cover;" data-bg="" data-ll-status="entered"></div>                        </li>
                                                <li class="mouse-pos-list-image-inner design development interaction visible">
                            <div class="overlay overlay-image lazy entered" style="background-color: #D8D3CD; background-position: center center; background-repeat: no-repeat; background-size: cover;" data-bg="" data-ll-status="entered"></div>                        </li>
                                            </div>
                </div>
            </div>
            <div class="mouse-pos-list-btn no-select" style="top: 0px; left: 0px;"></div>
            <div class="mouse-pos-list-span no-select" style="top: 0px; left: 0px;"><p>View</p></div>
                                                            <div class="btn btn-hamburger">
                <div class="btn-click magnetic" data-strength="50" data-strength-text="25" style="box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;">
                    <div class="btn-fill"></div>
                    <div class="btn-text">
                        <div class="btn-bars"></div>
                        <span class="btn-text-inner">Menu</span>
                    </div>
                </div>
            </div>
            <div class="overlay fixed-nav-back"></div>
            <div class="fixed-nav theme-dark">
                <div class="fixed-nav-rounded-div">
                    <div class="rounded-div-wrap">
                        <div class="rounded-div"></div>
                    </div>
                </div>
                <div class="fixed-nav-inner">
                    <div class="row nav-row">
                        <h5>Navigation</h5>
                        <div class="stripe"></div>
                        <ul class="links-wrap">
                            <li class="btn btn-link active">
                                <a href="" class="btn-click magnetic" data-strength="24" data-strength-text="12">
                                <span class="btn-text">
                                    <span class="btn-text-inner">Home</span>
                                </span>
                                </a>
                            </li>
                            
                        
                        </ul>
                    </div>
                    <div class="row social-row">
                        <div class="stripe"></div>
                        <div class="socials">
                            <h5>Socials</h5>
                            
                             <li class="btn btn-link btn-link-external">
                                    <a href="https://www.instagram.com/ansonng1515" target="_blank" class="btn-click magnetic" data-strength="20" data-strength-text="10">
                                        <span class="btn-text">
                                            <span class="btn-text-inner">Instagram</span>
                                        </span>
                                    </a>
                                </li>
                                
                                    
                                
                            
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-wrap" data-scroll-container=""><header class="section home-header theme-dark" data-scroll-section="">
   <div class="overlay personal-image no-select once-in is-inview" data-scroll="" data-scroll-speed="-3" data-scroll-position="top" style="transform: translate(0px, 50vh);">
      <img src="">
   </div>
   <div class="overlay get-height once-in once-in-secondary" style="transform: translate(0px, 50vh);">
      <div class="hanger">
         <p><span>Situated</span><span>in</span><span>Hong Kong</span></p>
         <!--?xml version="1.0" encoding="UTF-8"?-->
<svg width="300px" height="121px" viewBox="0 0 300 121" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Combined Shape</title>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Artboard" transform="translate(0.000000, -366.000000)" fill="#1C1D20">
            <g id="Group" transform="translate(149.816828, 426.633657) rotate(90.000000) translate(-149.816828, -426.633657) translate(89.816828, 276.816828)">
                <g id="Hanger" transform="translate(60.000000, 149.816828) rotate(-90.000000) translate(-60.000000, -149.816828) translate(-89.816828, 89.816828)">
                    <path d="M239.633657,0 C272.770742,1.0182436e-15 299.633657,26.862915 299.633657,60 C299.633657,93.137085 272.770742,120 239.633657,120 L0,120 L0,0 L239.633657,0 Z M239.633657,18.7755102 C216.866,18.7755102 198.409167,37.232343 198.409167,60 C198.409167,82.767657 216.866,101.22449 239.633657,101.22449 C262.401314,101.22449 280.858147,82.767657 280.858147,60 C280.858147,37.232343 262.401314,18.7755102 239.633657,18.7755102 Z" id="Combined-Shape"></path>
                </g>
            </g>
        </g>
    </g>
</svg>         <div class="digital-ball">
            <div class="overlay"></div>
            <div class="globe">
               <div class="globe-wrap">
                  <div class="circle"></div>
                  <div class="circle"></div>
                  <div class="circle"></div>
                  <div class="circle-hor"></div>
                  <div class="circle-hor-middle"></div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="nav-bar">
    <div class="credits-top">
        <div class="btn btn-link btn-left-top">
            <a href="/" class="btn-click magnetic" data-strength="20" data-strength-text="10">
            <span class="btn-text">
                <div class="credit"><span>©</span></div><div class="cbd"><span class="code-by">Content by </span><span class="dennis"><span class="dennis-span">Anson</span><span class="snellenberg">&nbsp;Ng</span></span></div>
            </span>
            </a>
        </div>
    </div>
     
        <li class="btn btn-link btn-menu">
            <div class="btn-click magnetic" data-strength="20" data-strength-text="10">
                <div class="btn-text">
                    <span class="btn-text-inner">Menu</span>
                </div>
            </div>
        </li>
    
</div>   <div class="container once-in once-in-secondary" style="transform: translate(0px, 50vh);">
      <div class="row">
         <div class="flex-col">
            <div class="header-above-h4 is-inview" data-scroll="" data-scroll-speed="1">
               <div class="arrow big"><!--?xml version="1.0" encoding="UTF-8"?-->
<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>arrow-up-right</title>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Artboard" transform="translate(-1019.000000, -279.000000)" stroke="#FFFFFF" stroke-width="1.5">
            <g id="arrow-up-right" transform="translate(1026.000000, 286.000000) rotate(90.000000) translate(-1026.000000, -286.000000) translate(1020.000000, 280.000000)">
                <polyline id="Path" points="2.76923077 0 12 0 12 9.23076923"></polyline>
                <line x1="12" y1="0" x2="0" y2="12" id="Path"></line>
            </g>
        </g>
    </g>
</svg></div>
            </div>
            <h4><span>Student</span>Amateur Programmer</h4>
         </div>
      </div>
   </div>
   <div class="big-name">
      <div class="name-h1 is-inview" data-scroll="" data-scroll-direction="horizontal" data-scroll-speed="4" data-scroll-position="top">
         <div class="name-wrap" style="transform: translate(-8.1167%, 0%) translate3d(0px, 0px, 0px);">
            <h1 class="no-select once-in once-in-secondary" style="transform: translate(0px, 50vh);">&nbsp; Anson<span class="spacer">—</span>Ng</h1>
         </div>
      <div class="name-wrap" style="left: 950px; top: 0px; position: absolute; transform: translate(-8.1167%, 0%) translate3d(0px, 0px, 0px);">
            <h1 class="no-select once-in once-in-secondary" style="transform: translate(0px, 50vh);">&nbsp; Anson<span class="spacer">—</span>Ng</h1>
         </div></div>
   </div>
   <div class="white-block"></div>
</header>
<section class="section home-intro" data-scroll-section="">
   <div class="container medium">
      <div class="row">
         <div class="flex-col">
            <h4 class="span-lines animate"><span class="span-line"><span class="span-line-inner" style="transform: translate(0px, 100%);">Greetings</span></span> <span class="span-line"><span class="span-line-inner" style="transform: translate(0px, 100%);">from</span></span> <span class="span-line"><span class="span-line-inner" style="transform: translate(0px, 100%);">my</span></span> <span class="span-line"><span class="span-line-inner" style="transform: translate(0px, 100%);">website.</span></span></h4>
            <p class="text-wrap fade-in animate" style="opacity: 0; transform: translate(0px, 2em);">That's dope !</p>
         </div>
         <div class="flex-col">
            <div class="text-wrap fade-in animate" style="opacity: 0; transform: translate(0px, 2em);">
               <p font-size="40">I'm currently working on my website...
                <br>Please stay tuned!<br> </p>
                
            </div>
            <div class="btn btn-round" data-scroll="" data-scroll-speed="2">
               <a href="" class="btn-click magnetic " data-strength="100" data-strength-text="50">
                  <div class="btn-fill"></div>
                  <span class="btn-text">
                     <span class="btn-text-inner">About me</span>
                  </span>
               </a>
            </div>
         </div>
      </div>
   </div>
</section>

                                <div class="footer-rounded-div" data-scroll-section="">
                    <div class="rounded-div-wrap">
                        <div class="rounded-div"></div>
                    </div>
                </div>
                <div class="footer-wrap footer-footer-wrap theme-dark" data-scroll-section="">
                    <footer class="section footer" data-scroll="" data-scroll-speed="-4" data-scroll-position="bottom">
                        <div class="container medium">
                            <div class="row">
                                <div class="flex-col">
                                    <div class="arrow" style="transform: rotate(15deg);"><!--?xml version="1.0" encoding="UTF-8"?-->
<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>arrow-up-right</title>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Artboard" transform="translate(-1019.000000, -279.000000)" stroke="#FFFFFF" stroke-width="1.5">
            <g id="arrow-up-right" transform="translate(1026.000000, 286.000000) rotate(90.000000) translate(-1026.000000, -286.000000) translate(1020.000000, 280.000000)">
                <polyline id="Path" points="2.76923077 0 12 0 12 9.23076923"></polyline>
                <line x1="12" y1="0" x2="0" y2="12" id="Path"></line>
            </g>
        </g>
    </g>
</svg></div>
                                    <h2><span><div class="profile-picture"></div> Let's find out</span><span>more</span></h2>
                                </div>
                            </div>
                            <div class="row">
                                <div class="flex-col">
                                    <div class="stripe"></div>
                                    <div class="btn-fixed">
                                        <div class="btn btn-round" data-scroll="" data-scroll-speed="-1" data-scroll-direction="horizontal" data-scroll-position="bottom" data-scroll-offset="-50%, 0">
                                            <a href="" class="btn-click magnetic " data-strength="100" data-strength-text="50">
                                                <div class="btn-fill"></div>
                                                <span class="btn-text">
                                                    <span class="btn-text-inner">Get in touch</span>
                                                </span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="flex-col">
                                    <div class="btn btn-normal">
                                        <a href="mailto:[email protected]" class="btn-click magnetic" data-strength="25" data-strength-text="15">
                                        <div class="btn-fill"></div>
                                        <span class="btn-text">
                                            <span class="btn-text-inner change">Email</span>
                                        </span>
                                        </a>
                                    </div>
                                    <div class="btn btn-normal">
                                        <a href="https://www.instagram.com/ansonng1515" class="btn-click magnetic" data-strength="25" data-strength-text="15">
                                        <div class="btn-fill"></div>
                                        <span class="btn-text">
                                            <span class="btn-text-inner change">Instagram</span>
                                        </span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="container no-padding">
                            <div class="row bottom-footer">
                                <div class="flex-col">
                                    <div class="credits">
                                        <h5>Version</h5>
                                        <p>2024 © Edition</p>
                                    </div>
                                        <div class="time">
                                            <h5>Local time</h5>
                                            <p><span id="timeSpan">11:21 PM GMT+8</span></p>
                                    </div>
                                </div>
                                <div class="flex-col">
                                    <div class="socials">
                                        <h5>Socials</h5>
                                        <ul>
                                            
                                            <li class="btn btn-link btn-link-external">
                                                <a href="https://www.instagram.com/ansonng1515/" target="_blank" class="btn-click magnetic" data-strength="20" data-strength-text="10">
                                                    <span class="btn-text">
                                                        <span class="btn-text-inner">Instagram</span>
                                                    </span>
                                                </a>
                                            </li>
                                            
                                                
                                            
                                        </ul>
                                        <div class="stripe"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </footer>
                    <div class="overlay overlay-gradient"></div>
                </div>
                            </div>
        </main>
<script async="" type="text/javascript" src="https://cdn.ywxi.net/js/1.js"></script>
        <script src="https://code.jquery.com/jquery-3.5.1.min.js" type="text/javascript"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.2.0/js.cookie.min.js" type="text/javascript"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js" type="text/javascript"></script> 
        <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/ScrollTrigger.min.js" type="text/javascript"></script>
        <script src="https://cdn.jsdelivr.net/npm/@barba/core" type="text/javascript"></script>
        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/lazyload.min.js" type="text/javascript"></script>
        
         <script src="https://ansonngsite1.pages.dev/css/locomotive-scroll.min.js" type="text/javascript"></script>        <script defer="" src="https://ansonngsite1.pages.dev/index-new.js" type="text/javascript"></script>    <!-- Cloudflare Pages Analytics --><script defer="" src="https://static.cloudflareinsights.com/beacon.min.js" data-cf-beacon="{&quot;token&quot;: &quot;eece42e59aab4955b070d44fb992f947&quot;}" type="text/javascript"></script><!-- Cloudflare Pages Analytics --><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8d93ac652f91215f',t:'MTczMDA0MjQ2MS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe>
</body></html>