{"id":2,"date":"2026-08-01T18:58:31","date_gmt":"2026-08-01T18:58:31","guid":{"rendered":"https:\/\/alon-cnd53.click\/?page_id=2"},"modified":"2026-08-10T21:32:25","modified_gmt":"2026-08-10T21:32:25","slug":"live-status","status":"publish","type":"page","link":"https:\/\/alon-cnd53.click\/index.php\/live-status\/","title":{"rendered":"Live Status"},"content":{"rendered":"<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\"><defs>\n  <linearGradient id=\"pulseGrad\"  x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0%\" stop-color=\"#FF2D6B\"\/><stop offset=\"100%\" stop-color=\"#FF4A4A\"\/><\/linearGradient>\n  <linearGradient id=\"pulseGrad2\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0%\" stop-color=\"#FF2D6B\"\/><stop offset=\"100%\" stop-color=\"#FF4A4A\"\/><\/linearGradient>\n  <linearGradient id=\"pulseGrad3\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0%\" stop-color=\"#FF2D6B\"\/><stop offset=\"100%\" stop-color=\"#FF4A4A\"\/><\/linearGradient>\n  <linearGradient id=\"pulseGrad4\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0%\" stop-color=\"#FF2D6B\"\/><stop offset=\"100%\" stop-color=\"#FF4A4A\"\/><\/linearGradient>\n<\/defs><\/svg>\n<header class=\"site-header\">\n  <div class=\"wrap\">\n    <a class=\"brand\" href=\"https:\/\/alon-cnd53.click\/\">\n      <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/alon-cnd53.click\/wp-content\/uploads\/2026\/08\/lovely-logo.png?v=1786425014\" alt=\"\" width=\"40\" height=\"40\">\n      <span>lovelyweb<\/span>\n    <\/a>\n    <nav class=\"nav\">\n      <a href=\"https:\/\/alon-cnd53.click\/\">Home<\/a>\n      <a href=\"https:\/\/alon-cnd53.click\/index.php\/live-status\/\" class=\"is-current\">Live Status<\/a>\n    <\/nav>\n        <span class=\"live-pill\"><span class=\"live-dot\"><\/span>Updating every 4s<\/span>\n      <\/div>\n<\/header>\n    <main class=\"lovely-main\">\n\n\n  <!-- ============ HERO ============ -->\n  <section class=\"status-hero\">\n    <div class=\"wrap\">\n      <p class=\"eyebrow\">Live \u00b7 not cached<\/p>\n      <p class=\"status-kicker\">You are being served by<\/p>\n      <h1 class=\"status-host\"><span id=\"host\">ip-10-10-16-107.ec2.internal<\/span><\/h1>\n      <p class=\"status-sub\"><span id=\"az\">us-east-1a<\/span> \u00b7 <span id=\"region\">us-east-1<\/span> \u00b7 generated in <span id=\"gen\">29.8<\/span> ms<\/p>\n    <\/div>\n\n    <div class=\"pulse-wrap\">\n      <svg class=\"pulse\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n        <path class=\"trace-base\" d=\"M0,60 H560 q20,0 26,-12 t26,12 H660 l18,7 l12,-56 l16,102 l14,-60 l12,7 H820 q30,-30 52,0 H1200\"\/>\n        <path class=\"trace-live\" id=\"trace\" d=\"M0,60 H560 q20,0 26,-12 t26,12 H660 l18,7 l12,-56 l16,102 l14,-60 l12,7 H820 q30,-30 52,0 H1200\"\/>\n      <\/svg>\n      <span class=\"pulse-heart\"><img decoding=\"async\" src=\"https:\/\/alon-cnd53.click\/wp-content\/uploads\/2026\/08\/lovely-logo.png?v=1786425014\" alt=\"\"><\/span>\n    <\/div>\n    <p class=\"status-sub\" style=\"text-align:center\">the heart beats faster as CPU rises<\/p>\n  <\/section>\n\n  <!-- ============ TILES ============ -->\n  <section class=\"section\" style=\"padding-top:56px\">\n    <div class=\"wrap\">\n      <div class=\"tiles\">\n\n        <div class=\"tile\">\n          <div class=\"tile-k\">CPU<\/div>\n          <div class=\"tile-v\" id=\"cpu\">6.5%<\/div>\n          <div class=\"tile-s\">scale-out threshold 55%<\/div>\n          <div class=\"threshold-bar\"><div class=\"threshold-fill\" id=\"cpu-bar\" style=\"width:6.5%\"><\/div><div class=\"threshold-mark\"><\/div><\/div>\n        <\/div>\n\n        <div class=\"tile\">\n          <div class=\"tile-k\">Response time<\/div>\n          <div class=\"tile-v\"><span id=\"ms\">29.8<\/span><span style=\"font-size:18px;color:var(--ink-3)\"> ms<\/span><\/div>\n          <div class=\"tile-s\">last 20 samples<\/div>\n          <svg class=\"spark\" id=\"spark-ms\" viewBox=\"0 0 200 40\" preserveAspectRatio=\"none\"><path class=\"area\"\/><path\/><\/svg>\n        <\/div>\n\n        <div class=\"tile\">\n          <div class=\"tile-k\">Load average<\/div>\n          <div class=\"tile-v\" id=\"load\">0.13<\/div>\n          <div class=\"tile-s\">1-minute, per core<\/div>\n          <svg class=\"spark\" id=\"spark-load\" viewBox=\"0 0 200 40\" preserveAspectRatio=\"none\"><path class=\"area\"\/><path\/><\/svg>\n        <\/div>\n\n        <div class=\"tile\">\n          <div class=\"tile-k\">Live Status views<\/div>\n          <div class=\"tile-v\" id=\"req\">164<\/div>\n          <div class=\"tile-s\"><span id=\"today\">0<\/span> today<\/div>\n          <svg class=\"spark\" id=\"spark-req\" viewBox=\"0 0 200 40\" preserveAspectRatio=\"none\"><path class=\"area\"\/><path\/><\/svg>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ REQUEST FEED ============ -->\n  <section class=\"section section-tint section-edge\">\n    <div class=\"wrap\">\n      <div class=\"section-head\">\n        <p class=\"eyebrow\">Proof of life<\/p>\n        <h2 class=\"section-title\">Watch the load balancer<br>hand you around.<\/h2>\n        <p class=\"section-lede\">Each row is a real request this page just made. When the Availability Zone changes, a different server answered \u2014 that is high availability, happening in front of you.<\/p>\n      <\/div>\n\n      <div class=\"feed\">\n        <div class=\"feed-head\">\n          <span>Time<\/span><span>Server<\/span><span>Availability Zone<\/span><span>Took<\/span>\n        <\/div>\n        <div id=\"feed-body\"><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ REGIONS \/ DR ============ -->\n  <section class=\"section\">\n    <div class=\"wrap\">\n      <div class=\"section-head\">\n        <p class=\"eyebrow\">Disaster recovery<\/p>\n        <h2 class=\"section-title\">Two regions.<br>One of them is serving you.<\/h2>\n        <p class=\"section-lede\">Route 53 watches the primary and decides which region answers. Data travels the other way \u2014 continuously, so the standby is never cold. The badges below are not decoration: they are read from whichever region actually rendered this page.<\/p>\n      <\/div>\n\n      <div class=\"dr\">\n        <div class=\"dr-router\">\n          <div class=\"dr-router-card\">\n            <div class=\"dr-router-name\">Route 53<\/div>\n            <div class=\"dr-router-sub\">global service \u00b7 not tied to a region<\/div>\n            <div class=\"dr-router-live mono\"><span class=\"live-dot\"><\/span><span id=\"r53-ago\">checking\u2026<\/span><\/div>\n          <\/div>\n        <\/div>\n\n        <svg class=\"dr-fan\" viewBox=\"0 0 800 70\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n          <path id=\"fan-us\" class=\"dr-fan-line is-live\" d=\"M400,0 V30 H120 V70\"\/>\n          <path id=\"fan-eu\" class=\"dr-fan-line\"         d=\"M400,0 V30 H680 V70\"\/>\n        <\/svg>\n\n        <div class=\"dr-regions\">\n          <div class=\"region\" id=\"region-us\">\n            <span class=\"badge badge-ok\" id=\"badge-us\"><span class=\"d\"><\/span>Active<\/span>\n            <h4>us-east-1<\/h4>\n            <p class=\"region-role\" id=\"role-us\">Serving all traffic<\/p>\n            <ul class=\"region-parts\">\n              <li>Auto Scaling group across 2 Availability Zones<\/li>\n              <li>Aurora writer \u00b7 EFS primary<\/li>\n              <li>WAF at the CloudFront edge<\/li>\n            <\/ul>\n          <\/div>\n\n          <div class=\"region is-standby\" id=\"region-eu\">\n            <span class=\"badge badge-warn\" id=\"badge-eu\"><span class=\"d\"><\/span>Warm standby<\/span>\n            <h4>eu-central-1<\/h4>\n            <p class=\"region-role\" id=\"role-eu\">Ready to take over<\/p>\n            <ul class=\"region-parts\">\n              <li>1 &times; EC2 running \u00b7 scales out on promotion<\/li>\n              <li>Aurora Global replica \u00b7 EFS replica<\/li>\n              <li>WAF on its own regional Web ACL<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n        <div class=\"dr-repl\">\n          <svg class=\"dr-repl-rail\" viewBox=\"0 0 800 26\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n            <path class=\"rail\" d=\"M60,13 H740\"\/>\n            <circle class=\"car\" cx=\"60\" cy=\"13\" r=\"4.5\">\n              <animate attributeName=\"cx\" from=\"60\" to=\"740\" dur=\"3s\" repeatCount=\"indefinite\"\/>\n              <animate attributeName=\"opacity\" values=\"0;1;1;0\" keyTimes=\"0;0.1;0.9;1\" dur=\"3s\" repeatCount=\"indefinite\"\/>\n            <\/circle>\n          <\/svg>\n          <div class=\"dr-repl-label\">data replication \u2014 Aurora Global Database &amp; EFS \u2014 us-east-1 &rarr; eu-central-1<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ HEALTH CHECKS ============ -->\n  <section class=\"section section-tint section-edge\">\n    <div class=\"wrap\">\n      <div class=\"section-head\">\n        <p class=\"eyebrow\">Health checks<\/p>\n        <h2 class=\"section-title\">Something is always<br>checking on us.<\/h2>\n        <p class=\"section-lede\">Two independent watchdogs probe this server around the clock. They are ordinary HTTP requests with their own signatures, so we can count them as they land \u2014 these are the real ones, not a simulation.<\/p>\n      <\/div>\n\n      <div class=\"checks\">\n        <div class=\"check\">\n          <div class=\"check-k\">Route 53 \u00b7 decides which region<\/div>\n          <div class=\"check-v mono\" id=\"r53-last\">\u2014<\/div>\n          <div class=\"check-s\"><span id=\"r53-count\">\u2014<\/span> probes recorded today, from AWS checkers worldwide<\/div>\n        <\/div>\n        <div class=\"check\">\n          <div class=\"check-k\">Load balancer \u00b7 decides which server<\/div>\n          <div class=\"check-v mono\" id=\"elb-last\">\u2014<\/div>\n          <div class=\"check-s\"><span id=\"elb-count\">\u2014<\/span> probes recorded today, every 30 seconds per target<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ WAF ============ -->\n  <section class=\"section\">\n    <div class=\"wrap\">\n      <div class=\"section-head\">\n        <p class=\"eyebrow\">Firewall<\/p>\n        <h2 class=\"section-title\">Inspected before it<br>ever reaches us.<\/h2>\n        <p class=\"section-lede\">AWS WAF guards both paths \u2014 at the CloudFront edge for the primary, and on a regional Web ACL for the standby. You don't have to take that on trust either.<\/p>\n      <\/div>\n\n      <div class=\"waf\">\n        <div class=\"waf-state\">\n          <div class=\"check-k\">Guarding this request<\/div>\n          <div class=\"check-v\" id=\"waf-scope\">\u2014<\/div>\n          <div class=\"check-s\" id=\"waf-detail\">\u2014<\/div>\n        <\/div>\n        <div class=\"waf-test\">\n          <div class=\"check-k\">Try it yourself<\/div>\n          <p class=\"check-s\" style=\"margin:10px 0 14px\">Each button sends a real request carrying that attack. The firewall should refuse it before it ever reaches WordPress.<\/p>\n          <div class=\"waf-buttons\">\n            <button class=\"waf-attack\" type=\"button\" data-attack=\"xss\">\n              <span class=\"waf-attack-name\">Cross-site scripting<\/span>\n              <span class=\"waf-attack-desc\">Smuggles JavaScript into the page so it runs in other visitors\u2019 browsers<\/span>\n            <\/button>\n            <button class=\"waf-attack\" type=\"button\" data-attack=\"traversal\">\n              <span class=\"waf-attack-name\">Path traversal<\/span>\n              <span class=\"waf-attack-desc\">Climbs out of the site folder to read files elsewhere on the server<\/span>\n            <\/button>\n            <button class=\"waf-attack\" type=\"button\" data-attack=\"ssrf\">\n              <span class=\"waf-attack-name\">SSRF &rarr; EC2 metadata<\/span>\n              <span class=\"waf-attack-desc\">Tricks the server into fetching its own AWS credentials endpoint<\/span>\n            <\/button>\n            <button class=\"waf-attack\" type=\"button\" data-attack=\"log4shell\">\n              <span class=\"waf-attack-name\">Log4Shell<\/span>\n              <span class=\"waf-attack-desc\">The 2021 flaw \u2014 makes a logging library pull down and run remote code<\/span>\n            <\/button>\n          <\/div>\n          <div class=\"waf-result mono\" id=\"waf-result\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ CACHE PROOF ============ -->\n  <section class=\"section section-tint section-edge\">\n    <div class=\"wrap\">\n      <div class=\"section-head\">\n        <p class=\"eyebrow\">Caching<\/p>\n        <h2 class=\"section-title\" id=\"edge-heading\">This page is deliberately<br>never cached.<\/h2>\n        <p class=\"section-lede\" id=\"edge-lede\">The home page is served from the CloudFront edge for speed. This one bypasses it entirely, so every number above comes straight from the server that answered you.<\/p>\n      <\/div>\n\n      <div class=\"proof\">\n        <div class=\"proof-card is-live\" id=\"edge-card\">\n          <h4>This page &mdash; Live Status<\/h4>\n          <p id=\"edge-verdict\">Reading the response headers&hellip;<\/p>\n          <div class=\"hdr\">\n            x-cache: <b id=\"edge-xcache\">&mdash;<\/b><br>\n            <span id=\"edge-agelabel\">age at the edge<\/span>: <b id=\"edge-age\">&mdash;<\/b>\n          <\/div>\n        <\/div>\n        <div class=\"proof-card\">\n          <h4 id=\"edge-other-title\">Home page<\/h4>\n          <p id=\"edge-other-note\">Cached at the edge by CloudFront&rsquo;s cache policy &mdash; the origin sends no Cache-Control of its own.<\/p>\n          <div class=\"hdr\">\n            x-cache: <b id=\"edge-live-xcache\">&mdash;<\/b><br>\n            <span id=\"edge-other-agelabel\">age at the edge<\/span>: <b id=\"edge-other-age\">&mdash;<\/b>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n<\/main>\n<footer class=\"site-footer\">\n  <div class=\"wrap\">\n    <div class=\"footer-grid\">\n      <div>\n        <div class=\"footer-brand\"><img decoding=\"async\" src=\"https:\/\/alon-cnd53.click\/wp-content\/uploads\/2026\/08\/lovely-logo.png?v=1786425014\" alt=\"\"><span>lovelyweb<\/span><\/div>\n        <p>The infrastructure is built, tested and running. Ready to launch the real thing.<\/p>\n      <\/div>\n      <div class=\"footer-col\">\n        <h5>Architecture<\/h5>\n        <ul><li>Global edge<\/li><li>Multi-AZ compute<\/li><li>Managed data tier<\/li><\/ul>\n      <\/div>\n      <div class=\"footer-col\">\n        <h5>Resilience<\/h5>\n        <ul><li>Warm standby DR<\/li><li>Automatic failover<\/li><li>Cross-region replication<\/li><\/ul>\n      <\/div>\n      <div class=\"footer-col\">\n        <h5>Live<\/h5>\n        <ul><li><a href=\"https:\/\/alon-cnd53.click\/index.php\/live-status\/\">Status page<\/a><\/li><li>Uncached by design<\/li><\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"footer-base\">\n      <span>Built on AWS \u00b7 <span id=\"f-az\">us-east-1a<\/span><\/span>\n      <span>\u00a9 2026 lovelyweb<\/span>\n    <\/div>\n  <\/div>\n<\/footer>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alon-cnd53.click\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alon-cnd53.click\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alon-cnd53.click\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alon-cnd53.click\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alon-cnd53.click\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":2,"href":"https:\/\/alon-cnd53.click\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/alon-cnd53.click\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/alon-cnd53.click\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}