cloudflare
tcp/443 tcp/80 tcp/8443
Open service 2606:4700:310c::ac42:2c9e:80 · testweb-25z.pages.dev
2026-01-12 17:32
HTTP/1.1 301 Moved Permanently
Date: Mon, 12 Jan 2026 17:32:44 GMT
Content-Length: 0
Connection: close
Location: https://testweb-25z.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=g%2BunUyTmabLhjYgsBbleh4KGBNPiKAs5bs8JOp2y9LulcaDQpszyMiJNane%2Bs0Evt21oKt2T1dW6jAt9I15xmzqTxuirI%2BoNBnprCRn8BrPnF0kuu3IByGfT%2B299iOWdwA%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bce6517f926d56a-SJC
alt-svc: h3=":443"; ma=86400
Open service 172.66.47.98:443 · testweb-25z.pages.dev
2026-01-12 17:32
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 17:32:45 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 41946
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "f26676db9624c685e69a0d0b76873237"
Link: <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=ZaU8cm9bWbSJHCBXz1NqQHHCgd7kLPwsrnZrRy%2FDcqL4%2FkyQLnaULOfPuFKDsSDNlTAVJG4myqf4EX4tuaMcVgp%2BCdv4lS6RRfZl75lN%2BBvZ%2BsxuBg%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bce651d7f0bc4af-SIN
alt-svc: h3=":443"; ma=86400
Page title: Masandigital.com
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Masandigital.com</title>
<meta name="description" id="meta-description" content="A personal blog about technology, design, and life adventures—told through inspiring stories and stunning visuals. Explore ideas, works, and journeys.">
<meta property="og:title" id="og-title" content="Masandigital.com">
<meta property="og:description" id="og-description" content="A personal blog about technology, design, and life adventures. Explore stories, creativity, and inspiration.">
<meta property="og:image" id="og-image" content="https://i.pravatar.cc/150?img=32">
<meta property="og:url" id="og-url" content="https://Masandigital.com">
<meta property="og:type" id="og-type" content="website">
<meta name="google-site-verification" content="4iOW_hDD8B-IRUAm7keHj2sZFwbLoXV_jQCJV-4CWsY" />
<meta name="google-site-verification" content="QV9FBw9pHOPWT746Ft1PLsRHIv-2KZwr0dAOEt6YmYQ" />
<script id="schema-markup" type="application/ld+json"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Inter:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
:root {
--bg-dark: #0d0d1a;
--bg-surface: rgba(255, 255, 255, 0.07);
--bg-surface-hover: rgba(255, 255, 255, 0.12);
--glass-border: rgba(255, 255, 255, 0.1);
--primary-glow: #ff00c1;
--secondary-glow: #9a00ff;
--accent-color: #00e5ff;
--text-light: #e0e0e0;
--text-medium: #a0a0a0;
--text-dark: #ffffff;
--danger-color: #ff4d6d;
--font-heading: 'Poppins', sans-serif;
--font-body: 'Inter', sans-serif;
--border-radius: 16px;
--shadow-glow: 0 0 15px rgba(var(--primary-glow-rgb), 0.3), 0 0 30px rgba(var(--secondary-glow-rgb), 0.2);
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
font-family: var(--font-body);
color: var(--text-light);
background-color: var(--bg-dark);
line-height: 1.7;
overflow-x: hidden;
position: relative;
}
body::before {
content: '';
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: linear-gradient(-45deg, var(--secondary-glow), var(--primary-glow), #00e5ff, #ff8c00);
background-size: 400% 400%;
animation: gradient-flow 20s ease infinite;
z-index: -1;
opacity: 0.4;
filter: blur(100px);
}
@keyframes gradient-flow {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.container { max-width: 1280px; margin: 0 auto; padding: 0 20px; }
a { color: var(--accent-color); text-decoration: none; transition: color 0.3s ease; }
a:hover { color: var(--text-dark); }
h1, h2, h3, h4 { font-family: var(--font-heading); font-weight: 700; color: var(--text-dark); line-height: 1.3; }
.glass-effect {
background: var(--bg-surface);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid var(--glass-border);
border-radius: var(--border-radius);
transition: background 0.3s ease, border 0.3s ease;
}
.glass-effect:hover { background: var(--bg-surface-hover); border-color: rgba(255, 255, 255, 0.2); }
.site-header {
padding: 1.5rem 0;
position: sticky;
top: 0;
z-index: 1000;
background: rgba(13, 13, 26, 0.8);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-bottom
Open service 172.66.44.158:80 · testweb-25z.pages.dev
2026-01-12 17:32
HTTP/1.1 301 Moved Permanently
Date: Mon, 12 Jan 2026 17:32:44 GMT
Content-Length: 0
Connection: close
Location: https://testweb-25z.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=G4o9CkpjaC9WyUbvHaiMRFYVLtsxmjTiVq6j9ljj6owSDMKC%2Fn%2Fkr%2Bd6OBFPcaZ12yioEwc28LIXOKgbExU8%2F47dcy4tBILwiojg64ZDNmjNB4vzCg%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bce6517ad3f9c51-SIN
alt-svc: h3=":443"; ma=86400
Open service 172.66.44.158:443 · testweb-25z.pages.dev
2026-01-12 17:32
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 17:32:44 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 41946
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "f26676db9624c685e69a0d0b76873237"
Link: <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=czPJ0ofot8HsQJbosZJ5v%2B%2Fy1lWSmekpvAbs%2BrViL%2FVb%2BIC8Jj4HYET8fEi2otthUoOW2%2BQHXQLQYRb1eRJYWHpLuKPbTI%2BBLfcK8b2AUsMgs5IFKQ%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bce6517ef6ca01d-FRA
alt-svc: h3=":443"; ma=86400
Page title: Masandigital.com
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Masandigital.com</title>
<meta name="description" id="meta-description" content="A personal blog about technology, design, and life adventures—told through inspiring stories and stunning visuals. Explore ideas, works, and journeys.">
<meta property="og:title" id="og-title" content="Masandigital.com">
<meta property="og:description" id="og-description" content="A personal blog about technology, design, and life adventures. Explore stories, creativity, and inspiration.">
<meta property="og:image" id="og-image" content="https://i.pravatar.cc/150?img=32">
<meta property="og:url" id="og-url" content="https://Masandigital.com">
<meta property="og:type" id="og-type" content="website">
<meta name="google-site-verification" content="4iOW_hDD8B-IRUAm7keHj2sZFwbLoXV_jQCJV-4CWsY" />
<meta name="google-site-verification" content="QV9FBw9pHOPWT746Ft1PLsRHIv-2KZwr0dAOEt6YmYQ" />
<script id="schema-markup" type="application/ld+json"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Inter:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
:root {
--bg-dark: #0d0d1a;
--bg-surface: rgba(255, 255, 255, 0.07);
--bg-surface-hover: rgba(255, 255, 255, 0.12);
--glass-border: rgba(255, 255, 255, 0.1);
--primary-glow: #ff00c1;
--secondary-glow: #9a00ff;
--accent-color: #00e5ff;
--text-light: #e0e0e0;
--text-medium: #a0a0a0;
--text-dark: #ffffff;
--danger-color: #ff4d6d;
--font-heading: 'Poppins', sans-serif;
--font-body: 'Inter', sans-serif;
--border-radius: 16px;
--shadow-glow: 0 0 15px rgba(var(--primary-glow-rgb), 0.3), 0 0 30px rgba(var(--secondary-glow-rgb), 0.2);
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
font-family: var(--font-body);
color: var(--text-light);
background-color: var(--bg-dark);
line-height: 1.7;
overflow-x: hidden;
position: relative;
}
body::before {
content: '';
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: linear-gradient(-45deg, var(--secondary-glow), var(--primary-glow), #00e5ff, #ff8c00);
background-size: 400% 400%;
animation: gradient-flow 20s ease infinite;
z-index: -1;
opacity: 0.4;
filter: blur(100px);
}
@keyframes gradient-flow {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.container { max-width: 1280px; margin: 0 auto; padding: 0 20px; }
a { color: var(--accent-color); text-decoration: none; transition: color 0.3s ease; }
a:hover { color: var(--text-dark); }
h1, h2, h3, h4 { font-family: var(--font-heading); font-weight: 700; color: var(--text-dark); line-height: 1.3; }
.glass-effect {
background: var(--bg-surface);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid var(--glass-border);
border-radius: var(--border-radius);
transition: background 0.3s ease, border 0.3s ease;
}
.glass-effect:hover { background: var(--bg-surface-hover); border-color: rgba(255, 255, 255, 0.2); }
.site-header {
padding: 1.5rem 0;
position: sticky;
top: 0;
z-index: 1000;
background: rgba(13, 13, 26, 0.8);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-bottom
Open service 2606:4700:310c::ac42:2f62:80 · testweb-25z.pages.dev
2026-01-12 17:32
HTTP/1.1 301 Moved Permanently
Date: Mon, 12 Jan 2026 17:32:43 GMT
Content-Length: 0
Connection: close
Location: https://testweb-25z.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=pFGklb3gntEay5A0DgUKv%2Fb%2BHCPQeCcA2oro8bfqq6TkDij5R7aX566RzvgVmbqy%2F5gvLFOhGy0sqSubYN94HFRZJwiyepYekUSJVqVhxPux5%2BHKVHo8xO%2FNU5%2FvAdmarQ%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bce6516a8cbbd78-FRA
alt-svc: h3=":443"; ma=86400
Open service 2606:4700:310c::ac42:2f62:8443 · testweb-25z.pages.dev
2026-01-12 17:32
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 17:32:44 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 41946
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "f26676db9624c685e69a0d0b76873237"
Link: <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=PkZ35dhDfwzdo4j69kFY%2BrHXWO5Zdk1MqWQNAUYM%2Bu%2FDiY%2Br8ew703qawobDa5KFb7R%2BuXHkwRbTHWf3hKNpqGmRJXpVFMgG8D%2BOBuvNlQ%2BLKDV5mARs%2BDOoJn3varhfwQ%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bce65183db5feb8-AMS
alt-svc: h3=":8443"; ma=86400
Page title: Masandigital.com
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Masandigital.com</title>
<meta name="description" id="meta-description" content="A personal blog about technology, design, and life adventures—told through inspiring stories and stunning visuals. Explore ideas, works, and journeys.">
<meta property="og:title" id="og-title" content="Masandigital.com">
<meta property="og:description" id="og-description" content="A personal blog about technology, design, and life adventures. Explore stories, creativity, and inspiration.">
<meta property="og:image" id="og-image" content="https://i.pravatar.cc/150?img=32">
<meta property="og:url" id="og-url" content="https://Masandigital.com">
<meta property="og:type" id="og-type" content="website">
<meta name="google-site-verification" content="4iOW_hDD8B-IRUAm7keHj2sZFwbLoXV_jQCJV-4CWsY" />
<meta name="google-site-verification" content="QV9FBw9pHOPWT746Ft1PLsRHIv-2KZwr0dAOEt6YmYQ" />
<script id="schema-markup" type="application/ld+json"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Inter:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
:root {
--bg-dark: #0d0d1a;
--bg-surface: rgba(255, 255, 255, 0.07);
--bg-surface-hover: rgba(255, 255, 255, 0.12);
--glass-border: rgba(255, 255, 255, 0.1);
--primary-glow: #ff00c1;
--secondary-glow: #9a00ff;
--accent-color: #00e5ff;
--text-light: #e0e0e0;
--text-medium: #a0a0a0;
--text-dark: #ffffff;
--danger-color: #ff4d6d;
--font-heading: 'Poppins', sans-serif;
--font-body: 'Inter', sans-serif;
--border-radius: 16px;
--shadow-glow: 0 0 15px rgba(var(--primary-glow-rgb), 0.3), 0 0 30px rgba(var(--secondary-glow-rgb), 0.2);
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
font-family: var(--font-body);
color: var(--text-light);
background-color: var(--bg-dark);
line-height: 1.7;
overflow-x: hidden;
position: relative;
}
body::before {
content: '';
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: linear-gradient(-45deg, var(--secondary-glow), var(--primary-glow), #00e5ff, #ff8c00);
background-size: 400% 400%;
animation: gradient-flow 20s ease infinite;
z-index: -1;
opacity: 0.4;
filter: blur(100px);
}
@keyframes gradient-flow {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.container { max-width: 1280px; margin: 0 auto; padding: 0 20px; }
a { color: var(--accent-color); text-decoration: none; transition: color 0.3s ease; }
a:hover { color: var(--text-dark); }
h1, h2, h3, h4 { font-family: var(--font-heading); font-weight: 700; color: var(--text-dark); line-height: 1.3; }
.glass-effect {
background: var(--bg-surface);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid var(--glass-border);
border-radius: var(--border-radius);
transition: background 0.3s ease, border 0.3s ease;
}
.glass-effect:hover { background: var(--bg-surface-hover); border-color: rgba(255, 255, 255, 0.2); }
.site-header {
padding: 1.5rem 0;
position: sticky;
top: 0;
z-index: 1000;
background: rgba(13, 13, 26, 0.8);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-bottom
Open service 172.66.47.98:80 · testweb-25z.pages.dev
2026-01-12 17:32
HTTP/1.1 301 Moved Permanently
Date: Mon, 12 Jan 2026 17:32:43 GMT
Content-Length: 0
Connection: close
Location: https://testweb-25z.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=dKrfJhQf23MQXTkpXrCSg%2BDEQuPjG5a4Ukal3%2FSFiig9GQD%2BhUJUc3HjeX6%2BUm6Bc1hwYdrsY%2Bax9jsBI2zA7WhzKnF8wPRPkhhGh4ZjhTDYFqq3xw%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bce6516addcab12-YYZ
alt-svc: h3=":443"; ma=86400
Open service 2606:4700:310c::ac42:2c9e:443 · testweb-25z.pages.dev
2026-01-12 17:32
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 17:32:44 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 41946
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "f26676db9624c685e69a0d0b76873237"
Link: <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=tGGIuGxtqLouB53xivSfbfmHxAj%2BIAQwzieRWa%2F75MJ5NtP30c%2B4gUYUEPTQjLTdQVGMg5sMs9uYnUeBVNILA7xhhmQOEOOtRNb6M7Thh0nyvtXmGguVHnCiT5ShA5gWyA%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bce651749c192c6-YYZ
alt-svc: h3=":443"; ma=86400
Page title: Masandigital.com
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Masandigital.com</title>
<meta name="description" id="meta-description" content="A personal blog about technology, design, and life adventures—told through inspiring stories and stunning visuals. Explore ideas, works, and journeys.">
<meta property="og:title" id="og-title" content="Masandigital.com">
<meta property="og:description" id="og-description" content="A personal blog about technology, design, and life adventures. Explore stories, creativity, and inspiration.">
<meta property="og:image" id="og-image" content="https://i.pravatar.cc/150?img=32">
<meta property="og:url" id="og-url" content="https://Masandigital.com">
<meta property="og:type" id="og-type" content="website">
<meta name="google-site-verification" content="4iOW_hDD8B-IRUAm7keHj2sZFwbLoXV_jQCJV-4CWsY" />
<meta name="google-site-verification" content="QV9FBw9pHOPWT746Ft1PLsRHIv-2KZwr0dAOEt6YmYQ" />
<script id="schema-markup" type="application/ld+json"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Inter:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
:root {
--bg-dark: #0d0d1a;
--bg-surface: rgba(255, 255, 255, 0.07);
--bg-surface-hover: rgba(255, 255, 255, 0.12);
--glass-border: rgba(255, 255, 255, 0.1);
--primary-glow: #ff00c1;
--secondary-glow: #9a00ff;
--accent-color: #00e5ff;
--text-light: #e0e0e0;
--text-medium: #a0a0a0;
--text-dark: #ffffff;
--danger-color: #ff4d6d;
--font-heading: 'Poppins', sans-serif;
--font-body: 'Inter', sans-serif;
--border-radius: 16px;
--shadow-glow: 0 0 15px rgba(var(--primary-glow-rgb), 0.3), 0 0 30px rgba(var(--secondary-glow-rgb), 0.2);
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
font-family: var(--font-body);
color: var(--text-light);
background-color: var(--bg-dark);
line-height: 1.7;
overflow-x: hidden;
position: relative;
}
body::before {
content: '';
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: linear-gradient(-45deg, var(--secondary-glow), var(--primary-glow), #00e5ff, #ff8c00);
background-size: 400% 400%;
animation: gradient-flow 20s ease infinite;
z-index: -1;
opacity: 0.4;
filter: blur(100px);
}
@keyframes gradient-flow {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.container { max-width: 1280px; margin: 0 auto; padding: 0 20px; }
a { color: var(--accent-color); text-decoration: none; transition: color 0.3s ease; }
a:hover { color: var(--text-dark); }
h1, h2, h3, h4 { font-family: var(--font-heading); font-weight: 700; color: var(--text-dark); line-height: 1.3; }
.glass-effect {
background: var(--bg-surface);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid var(--glass-border);
border-radius: var(--border-radius);
transition: background 0.3s ease, border 0.3s ease;
}
.glass-effect:hover { background: var(--bg-surface-hover); border-color: rgba(255, 255, 255, 0.2); }
.site-header {
padding: 1.5rem 0;
position: sticky;
top: 0;
z-index: 1000;
background: rgba(13, 13, 26, 0.8);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-bottom
Open service 172.66.44.158:8443 · testweb-25z.pages.dev
2026-01-12 17:32
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 17:32:44 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 41946
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "f26676db9624c685e69a0d0b76873237"
Link: <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=r52nA4yOhZf7oB3vh46XMsUp%2BvrP%2B%2BNhna3MGtSusq1SamMcBxtdypq8PWxNQh66EG2RDNFPmMbRn4U%2FiYSnaNliAIzTzb%2BO4I67fHEFGKP%2F6FT61Q%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bce6516ce54381b-FRA
alt-svc: h3=":8443"; ma=86400
Page title: Masandigital.com
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Masandigital.com</title>
<meta name="description" id="meta-description" content="A personal blog about technology, design, and life adventures—told through inspiring stories and stunning visuals. Explore ideas, works, and journeys.">
<meta property="og:title" id="og-title" content="Masandigital.com">
<meta property="og:description" id="og-description" content="A personal blog about technology, design, and life adventures. Explore stories, creativity, and inspiration.">
<meta property="og:image" id="og-image" content="https://i.pravatar.cc/150?img=32">
<meta property="og:url" id="og-url" content="https://Masandigital.com">
<meta property="og:type" id="og-type" content="website">
<meta name="google-site-verification" content="4iOW_hDD8B-IRUAm7keHj2sZFwbLoXV_jQCJV-4CWsY" />
<meta name="google-site-verification" content="QV9FBw9pHOPWT746Ft1PLsRHIv-2KZwr0dAOEt6YmYQ" />
<script id="schema-markup" type="application/ld+json"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Inter:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
:root {
--bg-dark: #0d0d1a;
--bg-surface: rgba(255, 255, 255, 0.07);
--bg-surface-hover: rgba(255, 255, 255, 0.12);
--glass-border: rgba(255, 255, 255, 0.1);
--primary-glow: #ff00c1;
--secondary-glow: #9a00ff;
--accent-color: #00e5ff;
--text-light: #e0e0e0;
--text-medium: #a0a0a0;
--text-dark: #ffffff;
--danger-color: #ff4d6d;
--font-heading: 'Poppins', sans-serif;
--font-body: 'Inter', sans-serif;
--border-radius: 16px;
--shadow-glow: 0 0 15px rgba(var(--primary-glow-rgb), 0.3), 0 0 30px rgba(var(--secondary-glow-rgb), 0.2);
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
font-family: var(--font-body);
color: var(--text-light);
background-color: var(--bg-dark);
line-height: 1.7;
overflow-x: hidden;
position: relative;
}
body::before {
content: '';
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: linear-gradient(-45deg, var(--secondary-glow), var(--primary-glow), #00e5ff, #ff8c00);
background-size: 400% 400%;
animation: gradient-flow 20s ease infinite;
z-index: -1;
opacity: 0.4;
filter: blur(100px);
}
@keyframes gradient-flow {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.container { max-width: 1280px; margin: 0 auto; padding: 0 20px; }
a { color: var(--accent-color); text-decoration: none; transition: color 0.3s ease; }
a:hover { color: var(--text-dark); }
h1, h2, h3, h4 { font-family: var(--font-heading); font-weight: 700; color: var(--text-dark); line-height: 1.3; }
.glass-effect {
background: var(--bg-surface);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid var(--glass-border);
border-radius: var(--border-radius);
transition: background 0.3s ease, border 0.3s ease;
}
.glass-effect:hover { background: var(--bg-surface-hover); border-color: rgba(255, 255, 255, 0.2); }
.site-header {
padding: 1.5rem 0;
position: sticky;
top: 0;
z-index: 1000;
background: rgba(13, 13, 26, 0.8);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-bottom
Open service 2606:4700:310c::ac42:2c9e:8443 · testweb-25z.pages.dev
2026-01-12 17:32
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 17:32:44 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 41946
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "f26676db9624c685e69a0d0b76873237"
Link: <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=TCEVc%2FF8CdXnJ8qLV9gIaftLq0OFuo2vk%2BOadd9dxpiDZ7pD%2Bz%2FtLXfz%2BS%2Bjdt4z28ddxSfnsdOaqk%2F47t1mgIxWwQLLndi5e3Vff79E6pK9yNgzsDWnha7%2B3kuW5h77Ag%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bce6517beb6655b-AMS
alt-svc: h3=":8443"; ma=86400
Page title: Masandigital.com
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Masandigital.com</title>
<meta name="description" id="meta-description" content="A personal blog about technology, design, and life adventures—told through inspiring stories and stunning visuals. Explore ideas, works, and journeys.">
<meta property="og:title" id="og-title" content="Masandigital.com">
<meta property="og:description" id="og-description" content="A personal blog about technology, design, and life adventures. Explore stories, creativity, and inspiration.">
<meta property="og:image" id="og-image" content="https://i.pravatar.cc/150?img=32">
<meta property="og:url" id="og-url" content="https://Masandigital.com">
<meta property="og:type" id="og-type" content="website">
<meta name="google-site-verification" content="4iOW_hDD8B-IRUAm7keHj2sZFwbLoXV_jQCJV-4CWsY" />
<meta name="google-site-verification" content="QV9FBw9pHOPWT746Ft1PLsRHIv-2KZwr0dAOEt6YmYQ" />
<script id="schema-markup" type="application/ld+json"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Inter:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
:root {
--bg-dark: #0d0d1a;
--bg-surface: rgba(255, 255, 255, 0.07);
--bg-surface-hover: rgba(255, 255, 255, 0.12);
--glass-border: rgba(255, 255, 255, 0.1);
--primary-glow: #ff00c1;
--secondary-glow: #9a00ff;
--accent-color: #00e5ff;
--text-light: #e0e0e0;
--text-medium: #a0a0a0;
--text-dark: #ffffff;
--danger-color: #ff4d6d;
--font-heading: 'Poppins', sans-serif;
--font-body: 'Inter', sans-serif;
--border-radius: 16px;
--shadow-glow: 0 0 15px rgba(var(--primary-glow-rgb), 0.3), 0 0 30px rgba(var(--secondary-glow-rgb), 0.2);
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
font-family: var(--font-body);
color: var(--text-light);
background-color: var(--bg-dark);
line-height: 1.7;
overflow-x: hidden;
position: relative;
}
body::before {
content: '';
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: linear-gradient(-45deg, var(--secondary-glow), var(--primary-glow), #00e5ff, #ff8c00);
background-size: 400% 400%;
animation: gradient-flow 20s ease infinite;
z-index: -1;
opacity: 0.4;
filter: blur(100px);
}
@keyframes gradient-flow {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.container { max-width: 1280px; margin: 0 auto; padding: 0 20px; }
a { color: var(--accent-color); text-decoration: none; transition: color 0.3s ease; }
a:hover { color: var(--text-dark); }
h1, h2, h3, h4 { font-family: var(--font-heading); font-weight: 700; color: var(--text-dark); line-height: 1.3; }
.glass-effect {
background: var(--bg-surface);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid var(--glass-border);
border-radius: var(--border-radius);
transition: background 0.3s ease, border 0.3s ease;
}
.glass-effect:hover { background: var(--bg-surface-hover); border-color: rgba(255, 255, 255, 0.2); }
.site-header {
padding: 1.5rem 0;
position: sticky;
top: 0;
z-index: 1000;
background: rgba(13, 13, 26, 0.8);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-bottom
Open service 2606:4700:310c::ac42:2f62:443 · testweb-25z.pages.dev
2026-01-12 17:32
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 17:32:44 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 41946
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "f26676db9624c685e69a0d0b76873237"
Link: <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=Iw1ZLR%2FHx8LdmTrUE7UQFJw3ktwah3jQ3PJA6oZtmyxEJBGF53t9%2FtYlm5oqPOWrvbUYT37xGRbzaY9IupFF0WV70uoYkr5jiFSzJrd8UpEkd7Vze2xc5wkpv0QarzbDXA%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bce6517b9a49887-AMS
alt-svc: h3=":443"; ma=86400
Page title: Masandigital.com
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Masandigital.com</title>
<meta name="description" id="meta-description" content="A personal blog about technology, design, and life adventures—told through inspiring stories and stunning visuals. Explore ideas, works, and journeys.">
<meta property="og:title" id="og-title" content="Masandigital.com">
<meta property="og:description" id="og-description" content="A personal blog about technology, design, and life adventures. Explore stories, creativity, and inspiration.">
<meta property="og:image" id="og-image" content="https://i.pravatar.cc/150?img=32">
<meta property="og:url" id="og-url" content="https://Masandigital.com">
<meta property="og:type" id="og-type" content="website">
<meta name="google-site-verification" content="4iOW_hDD8B-IRUAm7keHj2sZFwbLoXV_jQCJV-4CWsY" />
<meta name="google-site-verification" content="QV9FBw9pHOPWT746Ft1PLsRHIv-2KZwr0dAOEt6YmYQ" />
<script id="schema-markup" type="application/ld+json"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Inter:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
:root {
--bg-dark: #0d0d1a;
--bg-surface: rgba(255, 255, 255, 0.07);
--bg-surface-hover: rgba(255, 255, 255, 0.12);
--glass-border: rgba(255, 255, 255, 0.1);
--primary-glow: #ff00c1;
--secondary-glow: #9a00ff;
--accent-color: #00e5ff;
--text-light: #e0e0e0;
--text-medium: #a0a0a0;
--text-dark: #ffffff;
--danger-color: #ff4d6d;
--font-heading: 'Poppins', sans-serif;
--font-body: 'Inter', sans-serif;
--border-radius: 16px;
--shadow-glow: 0 0 15px rgba(var(--primary-glow-rgb), 0.3), 0 0 30px rgba(var(--secondary-glow-rgb), 0.2);
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
font-family: var(--font-body);
color: var(--text-light);
background-color: var(--bg-dark);
line-height: 1.7;
overflow-x: hidden;
position: relative;
}
body::before {
content: '';
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: linear-gradient(-45deg, var(--secondary-glow), var(--primary-glow), #00e5ff, #ff8c00);
background-size: 400% 400%;
animation: gradient-flow 20s ease infinite;
z-index: -1;
opacity: 0.4;
filter: blur(100px);
}
@keyframes gradient-flow {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.container { max-width: 1280px; margin: 0 auto; padding: 0 20px; }
a { color: var(--accent-color); text-decoration: none; transition: color 0.3s ease; }
a:hover { color: var(--text-dark); }
h1, h2, h3, h4 { font-family: var(--font-heading); font-weight: 700; color: var(--text-dark); line-height: 1.3; }
.glass-effect {
background: var(--bg-surface);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid var(--glass-border);
border-radius: var(--border-radius);
transition: background 0.3s ease, border 0.3s ease;
}
.glass-effect:hover { background: var(--bg-surface-hover); border-color: rgba(255, 255, 255, 0.2); }
.site-header {
padding: 1.5rem 0;
position: sticky;
top: 0;
z-index: 1000;
background: rgba(13, 13, 26, 0.8);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-bottom
Open service 172.66.47.98:8443 · testweb-25z.pages.dev
2026-01-12 17:32
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 17:32:43 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 41946
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "f26676db9624c685e69a0d0b76873237"
Link: <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=AAC9oUVCCZAJVd6K1GUcnirAkkMiQnI2J9kRdEqiGbsEdEpzVcO%2Fv98HB5dngBsXMzSs%2FwADJDJ9zYRCQyI2ND0ohZlD5v%2FAJzW9a4StB7mPY1F3Sg%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bce6516a8c9d279-FRA
alt-svc: h3=":8443"; ma=86400
Page title: Masandigital.com
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Masandigital.com</title>
<meta name="description" id="meta-description" content="A personal blog about technology, design, and life adventures—told through inspiring stories and stunning visuals. Explore ideas, works, and journeys.">
<meta property="og:title" id="og-title" content="Masandigital.com">
<meta property="og:description" id="og-description" content="A personal blog about technology, design, and life adventures. Explore stories, creativity, and inspiration.">
<meta property="og:image" id="og-image" content="https://i.pravatar.cc/150?img=32">
<meta property="og:url" id="og-url" content="https://Masandigital.com">
<meta property="og:type" id="og-type" content="website">
<meta name="google-site-verification" content="4iOW_hDD8B-IRUAm7keHj2sZFwbLoXV_jQCJV-4CWsY" />
<meta name="google-site-verification" content="QV9FBw9pHOPWT746Ft1PLsRHIv-2KZwr0dAOEt6YmYQ" />
<script id="schema-markup" type="application/ld+json"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Inter:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
:root {
--bg-dark: #0d0d1a;
--bg-surface: rgba(255, 255, 255, 0.07);
--bg-surface-hover: rgba(255, 255, 255, 0.12);
--glass-border: rgba(255, 255, 255, 0.1);
--primary-glow: #ff00c1;
--secondary-glow: #9a00ff;
--accent-color: #00e5ff;
--text-light: #e0e0e0;
--text-medium: #a0a0a0;
--text-dark: #ffffff;
--danger-color: #ff4d6d;
--font-heading: 'Poppins', sans-serif;
--font-body: 'Inter', sans-serif;
--border-radius: 16px;
--shadow-glow: 0 0 15px rgba(var(--primary-glow-rgb), 0.3), 0 0 30px rgba(var(--secondary-glow-rgb), 0.2);
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
font-family: var(--font-body);
color: var(--text-light);
background-color: var(--bg-dark);
line-height: 1.7;
overflow-x: hidden;
position: relative;
}
body::before {
content: '';
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: linear-gradient(-45deg, var(--secondary-glow), var(--primary-glow), #00e5ff, #ff8c00);
background-size: 400% 400%;
animation: gradient-flow 20s ease infinite;
z-index: -1;
opacity: 0.4;
filter: blur(100px);
}
@keyframes gradient-flow {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.container { max-width: 1280px; margin: 0 auto; padding: 0 20px; }
a { color: var(--accent-color); text-decoration: none; transition: color 0.3s ease; }
a:hover { color: var(--text-dark); }
h1, h2, h3, h4 { font-family: var(--font-heading); font-weight: 700; color: var(--text-dark); line-height: 1.3; }
.glass-effect {
background: var(--bg-surface);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid var(--glass-border);
border-radius: var(--border-radius);
transition: background 0.3s ease, border 0.3s ease;
}
.glass-effect:hover { background: var(--bg-surface-hover); border-color: rgba(255, 255, 255, 0.2); }
.site-header {
padding: 1.5rem 0;
position: sticky;
top: 0;
z-index: 1000;
background: rgba(13, 13, 26, 0.8);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-bottom