Added pre-release automation and beta ribbon

Yanik Kumar · Yanik Kumar · commit 6ca2c83a016b · 2025-07-17T15:45:33.000+05:30
diff --git a/about.html b/about.html
@@ -218,6 +218,19 @@
         font-size: 0.98em;
         color: var(--muted);
       }
+      .beta-ribbon {
+        position: absolute;
+        top: 0;
+        right: 0;
+        background: #ff9800;
+        color: white;
+        padding: 5px 10px;
+        font-weight: bold;
+        font-size: 14px;
+        text-decoration: none;
+        border-bottom-left-radius: 5px;
+        z-index: 999;
+      }
       @media (max-width: 600px) {
         header {
           flex-direction: column;
@@ -273,6 +286,7 @@
     </style>
   </head>
   <body>
+    <a href="#" class="beta-ribbon"> Beta </a>
     <header>
       <div class="logo-row">
         <img
diff --git a/index.html b/index.html
@@ -4,18 +4,36 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>SproutPHP</title>
-    <meta name="description" content="SproutPHP is a modern, minimalist PHP framework for rapid web development. Batteries-included, HTMX-ready, and developer-happy." />
-    <meta name="keywords" content="PHP, framework, SproutPHP, HTMX, web development, minimal, open source" />
+    <meta
+      name="description"
+      content="SproutPHP is a modern, minimalist PHP framework for rapid web development. Batteries-included, HTMX-ready, and developer-happy."
+    />
+    <meta
+      name="keywords"
+      content="PHP, framework, SproutPHP, HTMX, web development, minimal, open source"
+    />
     <meta name="author" content="Yanik Kumar, SproutPHP" />
     <meta property="og:title" content="SproutPHP - Minimal PHP Framework" />
-    <meta property="og:description" content="SproutPHP is a modern, minimalist PHP framework for rapid web development. Batteries-included, HTMX-ready, and developer-happy." />
+    <meta
+      property="og:description"
+      content="SproutPHP is a modern, minimalist PHP framework for rapid web development. Batteries-included, HTMX-ready, and developer-happy."
+    />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://sproutphp.github.io/" />
-    <meta property="og:image" content="https://sproutphp.github.io/img/SproutPHP_Logo.png" />
+    <meta
+      property="og:image"
+      content="https://sproutphp.github.io/img/SproutPHP_Logo.png"
+    />
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content="SproutPHP - Minimal PHP Framework" />
-    <meta name="twitter:description" content="SproutPHP is a modern, minimalist PHP framework for rapid web development. Batteries-included, HTMX-ready, and developer-happy." />
-    <meta name="twitter:image" content="https://sproutphp.github.io/img/SproutPHP_Logo.png" />
+    <meta
+      name="twitter:description"
+      content="SproutPHP is a modern, minimalist PHP framework for rapid web development. Batteries-included, HTMX-ready, and developer-happy."
+    />
+    <meta
+      name="twitter:image"
+      content="https://sproutphp.github.io/img/SproutPHP_Logo.png"
+    />
     <meta name="twitter:site" content="@SproutPHP" />
     <link rel="canonical" href="https://sproutphp.github.io/" />
     <link rel="icon" type="image/png" href="img/SproutPHP_Logo.png" />
@@ -66,6 +84,19 @@
         background: transparent;
         box-shadow: none;
       }
+      .beta-ribbon {
+        position: absolute;
+        top: 0;
+        right: 0;
+        background: #ff9800;
+        color: white;
+        padding: 5px 10px;
+        font-weight: bold;
+        font-size: 14px;
+        text-decoration: none;
+        border-bottom-left-radius: 5px;
+        z-index: 999;
+      }
       .logo-row {
         display: flex;
         align-items: center;
@@ -313,6 +344,7 @@
     </style>
   </head>
   <body>
+    <a href="#" class="beta-ribbon"> Beta </a>
     <header>
       <div class="logo-row">
         <img
@@ -378,7 +410,7 @@
         class="main-logo"
       />
       <div class="main-title">SproutPHP</div>
-      <div class="main-version">v0.1.7-beta.1 (pre-release)</div>
+      <code class="main-version sproutphp-version"> ... </code>
       <div class="main-desc">
         Welcome to <b>SproutPHP</b>, the seed-to-plant minimal PHP framework
         🌱<br />
@@ -401,6 +433,11 @@
           >❤️ Sponsor</a
         >
       </div>
+      <div class="alert warning">
+        🚧 SproutPHP is currently in beta (<code class="sproutphp-version"
+          >...</code
+        >). Expect changes and improvements.
+      </div>
     </main>
     <footer
       class="footer"
@@ -494,6 +531,25 @@
         .catch(() => {
           document.getElementById("star-count").textContent = "—";
         });
+
+      // Fetch latest release version
+      fetch("https://api.github.com/repos/SproutPHP/framework/releases")
+        .then((response) => response.json())
+        .then((data) => {
+          if (Array.isArray(data) && data.length > 0 && data[0].tag_name) {
+            var version = data[0].tag_name;
+            if (data[0].prerelease) {
+              version += " (pre-release)";
+            }
+            var versionSpans = document.querySelectorAll(".sproutphp-version");
+            versionSpans.forEach(function (span) {
+              span.textContent = version;
+            });
+          }
+        })
+        .catch(() => {
+          // Optionally handle error
+        });
     </script>
   </body>
 </html>
