- 제출된 URL:
- https://anson.ng/
- 보고서 완료:
링크 · 2개 결과
페이지에서 식별된 외부 링크
| 링크 | 텍스트 |
|---|---|
| https://www.instagram.com/ansonng1515 | |
| https://www.instagram.com/ansonng1515/ |
JavaScript 변수 · 71개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| __cfQR | object |
| $ | function |
| jQuery | function |
| Cookies | function |
| TrustedSite | object |
| TrustedSite_done | number |
콘솔 로그 메시지 · 11개 결과
웹 콘솔에 기록된 메시지
| 유형 | 카테고리 | 로그 |
|---|---|---|
| error | network |
|
| error | network |
|
| error | network |
|
| error | security |
|
| error | network |
|
| error | network |
|
| log | other |
|
| error | network |
|
| log | other |
|
| error | network |
|
| log | other |
|
HTML
페이지의 원시 HTML 본문
<!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"> 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);"> 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);"> 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="{"token": "eece42e59aab4955b070d44fb992f947"}" 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>