{"id":14,"date":"2026-08-10T21:32:25","date_gmt":"2026-08-10T21:32:25","guid":{"rendered":"https:\/\/alon-cnd53.click\/index.php\/home\/"},"modified":"2026-08-10T21:32:25","modified_gmt":"2026-08-10T21:32:25","slug":"home","status":"publish","type":"page","link":"https:\/\/alon-cnd53.click\/","title":{"rendered":"Home"},"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\/\" class=\"is-current\">Home<\/a>\n      <a href=\"https:\/\/alon-cnd53.click\/index.php\/live-status\/\">Live Status<\/a>\n    <\/nav>\n        <a class=\"live-pill\" href=\"https:\/\/alon-cnd53.click\/index.php\/live-status\/\"><span class=\"live-dot\"><\/span>All systems operational<\/a>\n      <\/div>\n<\/header>\n    <main class=\"lovely-main\">\n\n\n  <!-- ============ HERO ============ -->\n  <section class=\"hero\">\n    <div class=\"wrap\">\n      <p class=\"eyebrow\">Lovely \u00b7 running live on AWS<\/p>\n      <h1>It's lovely to&nbsp;see&nbsp;you.<\/h1>\n      <p class=\"hero-sub\">Built to never miss a beat.<\/p>\n\n      <p class=\"hero-claim\">Lovely isn't live yet \u2014 <b>its infrastructure already is.<\/b><\/p>\n\n      <div class=\"hero-meta mono\">\n        <span>served from <b id=\"m-az\">&mdash;<\/b><\/span>\n        <span class=\"sep\">\u00b7<\/span>\n        <span><b id=\"m-ms\">&mdash;<\/b> ms<\/span>\n        <span class=\"sep\">\u00b7<\/span>\n        <span><b id=\"m-host\">&mdash;<\/b><\/span>\n      <\/div>\n      <p class=\"hero-note\" id=\"hero-note\">This line is fetched client-side, so it stays live even though this page itself is served from the CloudFront edge cache.<\/p>\n\n      <div class=\"hero-cta\">\n        <a class=\"btn btn-primary\" href=\"https:\/\/alon-cnd53.click\/index.php\/live-status\/\">Watch it beating \u2192<\/a>\n        <a class=\"btn btn-ghost\" href=\"#how\">How it's built<\/a>\n      <\/div>\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\" 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  <\/section>\n\n  <!-- ============ LIVE STRIP ============ -->\n  <section class=\"live-strip\">\n    <div class=\"wrap\">\n      <div class=\"live-cell\"><div class=\"k\">Region<\/div><div class=\"v\" id=\"s-region\">&mdash;<\/div><\/div>\n      <div class=\"live-cell\"><div class=\"k\">Availability Zone<\/div><div class=\"v\" id=\"s-az\">&mdash;<\/div><\/div>\n      <div class=\"live-cell\"><div class=\"k\">Response<\/div><div class=\"v\" id=\"s-ms\">&mdash;<\/div><\/div>\n      <div class=\"live-cell\"><div class=\"k\">Requests served<\/div><div class=\"v\" id=\"s-req\">&mdash;<\/div><\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ THREE ACTS ============ -->\n  <section class=\"section\" id=\"how\">\n    <div class=\"wrap\">\n      <div class=\"section-head\">\n        <p class=\"eyebrow\">The architecture<\/p>\n        <h2 class=\"section-title\">Three layers, one promise:<br>stay up.<\/h2>\n        <p class=\"section-lede\">Every layer below removes a way this site could go down \u2014 at the edge, inside the region, and across the world.<\/p>\n      <\/div>\n\n      <div class=\"pillars\">\n\n        <article class=\"pillar reveal\">\n          <div class=\"pillar-num\">01<\/div>\n          <h3>Global<\/h3>\n          <p>Traffic is filtered and cached at the edge before it ever reaches a server.<\/p>\n          <svg class=\"pillar-diagram\" viewBox=\"0 0 300 132\" aria-hidden=\"true\">\n            <rect class=\"n\" x=\"14\" y=\"16\" width=\"76\" height=\"30\" rx=\"8\"\/><text class=\"nl\" x=\"52\" y=\"35\" text-anchor=\"middle\">users<\/text>\n            <rect class=\"n\" x=\"112\" y=\"16\" width=\"76\" height=\"30\" rx=\"8\"\/><text class=\"nl\" x=\"150\" y=\"35\" text-anchor=\"middle\">CloudFront<\/text>\n            <rect class=\"n\" x=\"210\" y=\"16\" width=\"76\" height=\"30\" rx=\"8\"\/><text class=\"nl\" x=\"248\" y=\"35\" text-anchor=\"middle\">WAF<\/text>\n            <path class=\"ed\" d=\"M90,31 H112\"\/><path class=\"ed-live\" d=\"M188,31 H210\"\/>\n            <rect class=\"n\" x=\"62\" y=\"80\" width=\"80\" height=\"30\" rx=\"8\"\/><text class=\"nl\" x=\"102\" y=\"99\" text-anchor=\"middle\">Route 53<\/text>\n            <rect class=\"n\" x=\"162\" y=\"80\" width=\"76\" height=\"30\" rx=\"8\"\/><text class=\"nl\" x=\"200\" y=\"99\" text-anchor=\"middle\">ACM TLS<\/text>\n            <path class=\"ed\" d=\"M150,46 V64 H102 V80\"\/><path class=\"ed\" d=\"M150,46 V64 H200 V80\"\/>\n          <\/svg>\n          <div class=\"pillar-tags\"><span class=\"tag\">CloudFront<\/span><span class=\"tag\">WAF<\/span><span class=\"tag\">Route 53<\/span><span class=\"tag\">ACM<\/span><\/div>\n        <\/article>\n\n        <article class=\"pillar reveal\">\n          <div class=\"pillar-num\">02<\/div>\n          <h3>Resilient<\/h3>\n          <p>Two Availability Zones, interchangeable servers, shared storage. Lose one \u2014 nothing stops.<\/p>\n          <svg class=\"pillar-diagram\" viewBox=\"0 0 300 132\" aria-hidden=\"true\">\n            <rect class=\"n\" x=\"112\" y=\"10\" width=\"76\" height=\"28\" rx=\"8\"\/><text class=\"nl\" x=\"150\" y=\"28\" text-anchor=\"middle\">ALB<\/text>\n            <path class=\"ed-live\" d=\"M150,38 V52 H64 V64\"\/><path class=\"ed-live\" d=\"M150,38 V52 H236 V64\"\/>\n            <rect class=\"n\" x=\"18\" y=\"64\" width=\"92\" height=\"28\" rx=\"8\"\/><text class=\"nl\" x=\"64\" y=\"82\" text-anchor=\"middle\">AZ-a \u00b7 EC2<\/text>\n            <rect class=\"n\" x=\"190\" y=\"64\" width=\"92\" height=\"28\" rx=\"8\"\/><text class=\"nl\" x=\"236\" y=\"82\" text-anchor=\"middle\">AZ-b \u00b7 EC2<\/text>\n            <path class=\"ed\" d=\"M64,92 V106 H150 V116\"\/><path class=\"ed\" d=\"M236,92 V106 H150 V116\"\/>\n            <rect class=\"n\" x=\"98\" y=\"100\" width=\"104\" height=\"26\" rx=\"8\"\/><text class=\"nl\" x=\"150\" y=\"117\" text-anchor=\"middle\">Aurora \u00b7 EFS<\/text>\n          <\/svg>\n          <div class=\"pillar-tags\"><span class=\"tag\">ALB<\/span><span class=\"tag\">Auto Scaling<\/span><span class=\"tag\">Aurora<\/span><span class=\"tag\">RDS Proxy<\/span><span class=\"tag\">EFS<\/span><\/div>\n        <\/article>\n\n        <article class=\"pillar reveal\">\n          <div class=\"pillar-num\">03<\/div>\n          <h3>Recoverable<\/h3>\n          <p>A second region in Europe stays warm and continuously fed, ready to take over.<\/p>\n          <svg class=\"pillar-diagram\" viewBox=\"0 0 300 132\" aria-hidden=\"true\">\n            <rect class=\"n\" x=\"16\" y=\"26\" width=\"106\" height=\"46\" rx=\"10\"\/>\n            <text class=\"nl\" x=\"69\" y=\"46\" text-anchor=\"middle\">us-east-1<\/text><text class=\"nl\" x=\"69\" y=\"60\" text-anchor=\"middle\">active<\/text>\n            <rect class=\"n\" x=\"178\" y=\"26\" width=\"106\" height=\"46\" rx=\"10\"\/>\n            <text class=\"nl\" x=\"231\" y=\"46\" text-anchor=\"middle\">eu-central-1<\/text><text class=\"nl\" x=\"231\" y=\"60\" text-anchor=\"middle\">warm standby<\/text>\n            <path class=\"ed-live\" d=\"M122,49 H178\"\/>\n            <text class=\"nl\" x=\"150\" y=\"92\" text-anchor=\"middle\">Aurora Global DB<\/text>\n            <text class=\"nl\" x=\"150\" y=\"108\" text-anchor=\"middle\">EFS replication<\/text>\n            <text class=\"nl\" x=\"150\" y=\"124\" text-anchor=\"middle\">Route 53 failover<\/text>\n          <\/svg>\n          <div class=\"pillar-tags\"><span class=\"tag\">Multi-Region<\/span><span class=\"tag\">Aurora Global<\/span><span class=\"tag\">Health checks<\/span><\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ FIGURES ============ -->\n  <section class=\"section section-tint section-edge\">\n    <div class=\"wrap\">\n      <div class=\"section-head\">\n        <p class=\"eyebrow\">By the numbers<\/p>\n        <h2 class=\"section-title\">No single point of failure.<\/h2>\n      <\/div>\n      <div class=\"figures\">\n        <div class=\"figure reveal\"><div class=\"n\" data-count=\"2\">0<\/div><div class=\"l\">Regions<\/div><div class=\"s\">US East \u00b7 EU Central<\/div><\/div>\n        <div class=\"figure reveal\"><div class=\"n\" data-count=\"4\">0<\/div><div class=\"l\">Availability Zones<\/div><div class=\"s\">Two per region<\/div><\/div>\n        <div class=\"figure reveal\"><div class=\"n\" data-count=\"0\">0<\/div><div class=\"l\">Single points of failure<\/div><div class=\"s\">Every tier redundant<\/div><\/div>\n        <div class=\"figure reveal\"><div class=\"n\" data-count=\"100\" data-suffix=\"%\">0<\/div><div class=\"l\">Infrastructure as code<\/div><div class=\"s\">Reproducible from scratch<\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ CAPABILITIES ============ -->\n  <section class=\"section\">\n    <div class=\"wrap\">\n      <div class=\"section-head\">\n        <p class=\"eyebrow\">Security &amp; operations<\/p>\n        <h2 class=\"section-title\">Locked down by default.<\/h2>\n      <\/div>\n      <div class=\"caps\">\n        <div class=\"cap reveal\">\n          <div class=\"ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3l7 4v5c0 4.5-3 8-7 9-4-1-7-4.5-7-9V7z\"\/><\/svg><\/div>\n          <h4>Managed WAF rules<\/h4><p>Common exploits and bad bots filtered before the origin.<\/p>\n        <\/div>\n        <div class=\"cap reveal\">\n          <div class=\"ic\"><svg viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"10\" width=\"16\" height=\"10\" rx=\"2\"\/><path d=\"M8 10V7a4 4 0 018 0v3\"\/><\/svg><\/div>\n          <h4>Encrypted end to end<\/h4><p>TLS in transit, encryption at rest on every volume and database.<\/p>\n        <\/div>\n        <div class=\"cap reveal\">\n          <div class=\"ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 12a9 9 0 11-3-6.7\"\/><path d=\"M21 4v5h-5\"\/><\/svg><\/div>\n          <h4>Secrets rotate themselves<\/h4><p>Database credentials cycle automatically, with no downtime.<\/p>\n        <\/div>\n        <div class=\"cap reveal\">\n          <div class=\"ic\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M3 10h18M9 4v16\"\/><\/svg><\/div>\n          <h4>Private by design<\/h4><p>Servers and databases sit in private subnets, never exposed directly.<\/p>\n        <\/div>\n        <div class=\"cap reveal\">\n          <div class=\"ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 7h16M4 12h16M4 17h10\"\/><\/svg><\/div>\n          <h4>Golden image pipeline<\/h4><p>Every server launches from one hardened, versioned machine image.<\/p>\n        <\/div>\n        <div class=\"cap reveal\">\n          <div class=\"ic\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18M12 3a15 15 0 010 18 15 15 0 010-18\"\/><\/svg><\/div>\n          <h4>Private link to on-prem<\/h4><p>An encrypted site-to-site tunnel joins the office network to the cloud.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ EDGE CACHE ============ -->\n  <section class=\"section section-tint section-edge\">\n    <div class=\"wrap\">\n      <div class=\"section-head\">\n        <p class=\"eyebrow\">Edge cache<\/p>\n        <h2 class=\"section-title\" id=\"edge-heading\">This page is cached.<br>Its numbers are not.<\/h2>\n        <p class=\"section-lede\" id=\"edge-lede\">The words you are reading were handed to you by a CloudFront edge near you \u2014 our servers were never involved. The live readings above still change, because the browser goes and gets those separately. Both facts are read from this page's own response headers, below.<\/p>\n      <\/div>\n\n      <div class=\"proof\">\n        <div class=\"proof-card\" id=\"edge-card\">\n          <h4>This page &mdash; the HTML<\/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 is-live\">\n          <h4>The live readings<\/h4>\n          <p>Fetched straight from the origin every four seconds, so the cache never gets to hold them.<\/p>\n          <div class=\"hdr\">cache-control: no-cache, must-revalidate<br>x-cache: <b id=\"edge-live-xcache\">Miss from cloudfront<\/b><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ CLOSER ============ -->\n  <section class=\"closer\">\n    <div class=\"wrap-narrow\">\n      <h2>Don't take our word&nbsp;for&nbsp;it.<\/h2>\n      <p>Open the live page and watch the load balancer hand you between servers, in real time.<\/p>\n      <a class=\"btn btn-primary\" href=\"https:\/\/alon-cnd53.click\/index.php\/live-status\/\">See it live \u2192<\/a>\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":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alon-cnd53.click\/index.php\/wp-json\/wp\/v2\/pages\/14","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"}],"replies":[{"embeddable":true,"href":"https:\/\/alon-cnd53.click\/index.php\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":0,"href":"https:\/\/alon-cnd53.click\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"wp:attachment":[{"href":"https:\/\/alon-cnd53.click\/index.php\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}