keepandroidopen
diff --git a/‎public/card.html‎
Lines changed: 62 additions & 0 deletions b/‎public/card.html‎
Lines changed: 62 additions & 0 deletions
diff --git a/‎public/img/keepandroidopen.pdf‎
476 KB b/‎public/img/keepandroidopen.pdf‎
476 KB
diff --git a/‎public/img/keepandroidopen.png‎
1.48 MB b/‎public/img/keepandroidopen.png‎
1.48 MB
diff --git a/‎src/layouts/Base.astro‎
Lines changed: 2 additions & 2 deletions b/‎src/layouts/Base.astro‎
Lines changed: 2 additions & 2 deletions
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Keep Android Open</title>
+<style>
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  body { background: #111; display: flex; align-items: center; justify-content: center; min-height: 100vh; }
+  .card {
+    width: 1200px;
+    height: 630px;
+    background: linear-gradient(180deg, #d32f2f 0%, #b71c1c 100%);
+    border-bottom: 6px solid #801313;
+    color: #fff;
+    font-family: 'Arial Black', 'Arial', sans-serif;
+    font-weight: 900;
+    letter-spacing: 2px;
+    text-shadow:
+      0px 1px 0px #9e1a1a,
+      0px 2px 0px #8a1515,
+      0px 3px 0px #751111,
+      0px 4px 0px #5e0d0d,
+      0px 6px 10px rgba(0,0,0,0.5);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 60px;
+    padding: 60px 80px;
+  }
+  .card-logo {
+    flex-shrink: 0;
+    width: 240px;
+    height: 240px;
+    object-fit: contain;
+    filter: drop-shadow(0 4px 12px rgba(0,0,0,0.4));
+  }
+  .card-text {
+    font-size: 3rem;
+    text-transform: uppercase;
+    line-height: 1.25;
+    max-width: 700px;
+  }
+  .card-url {
+    position: absolute;
+    bottom: 150px;
+    right: 440px;
+    font-size: 1.1rem;
+    letter-spacing: 1px;
+    opacity: 0.85;
+    text-shadow: 0px 1px 0px #9e1a1a, 0px 2px 4px rgba(0,0,0,0.4);
+  }
+</style>
+</head>
+<body>
+<div class="card" style="position:relative;">
+  <img class="card-logo" src="/img/altered-deal.png" alt="Keep Android Open">
+  <div class="card-text">Android will become a locked-down platform in September 2026</div>
+  <div class="card-url">keepandroidopen.org</div>
+</div>
+</body>
+</html>
@@ -28,11 +28,11 @@ const dir = isRtl(lang) ? "rtl" : "ltr";
   <meta name="description" content={description}>
   <meta property="og:title" content={title}>
   <meta property="og:description" content={description}>
-  <meta property="og:image" content="https://keepandroidopen.org/img/altered-deal.png">
+  <meta property="og:image" content="https://keepandroidopen.org/img/keepandroidopen.png">
   <meta property="og:type" content="website">
   <meta name="twitter:card" content="summary">
   <meta name="twitter:title" content={title}>
-  <meta name="twitter:image" content="https://keepandroidopen.org/img/altered-deal.png">
+  <meta name="twitter:image" content="https://keepandroidopen.org/img/keepandroidopen.png">
   <link rel="me" href="https://techhub.social/@keepandroidopen">
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css">