add banner to snowpack.dev

www/src/pages/index.astro

@@ -15,6 +15,9 @@ let description = 'Snowpack is a lightning-fast frontend build tool, designed fo
   <style lang="scss">
     @use '../../public/styles/var' as *;
 
+blockquote a {
+  font-weight: bold;
+}
     .layout {
       display: grid;
       grid-template-areas: "main";
@@ -102,10 +105,11 @@ let description = 'Snowpack is a lightning-fast frontend build tool, designed fo
         </aside>
 
         <article class="layout-main">
-          <a class="img-banner" href="https://osawards.com/javascript/2020" target="_blank"
-            rel="noopener noreferrer">
-            <img src="/img/JSAwardWinner.png" alt="2020 JavaScript Open Source Award Winner banner" />
-          </a>
+          <blockquote>
+            <p><strong>Update (April 20, 2022):</strong> Snowpack is no longer actively maintained and is not recommended for new projects.</p>
+            <p>Check out <a href="https://vitejs.dev/" rel="nofollow">Vite</a> for a well-maintained Snowpack alternative.<br>
+            See also: <a href="https://esbuild.github.io/" rel="nofollow">esbuild</a>, <a href="https://parceljs.org/" rel="nofollow">parcel</a></p>
+          </blockquote>
 
           <div class="markdown-body feature-list">
             <div class={'t' + 'o' + 'p'}>