Add blog permalink

static/style.css

@@ -104,15 +104,16 @@ body {
 }
 
 .citation-note {
-  font-size: 13px;
-  color: var(--google-grey-600);
-  background: #f8f9fa;
+  font-size: 14px;
+  color: var(--google-grey-700);
+  background: #fafbfc;
   border: 1px solid var(--google-grey-200);
   border-radius: 8px;
-  padding: 10px 16px;
+  padding: 12px 16px;
   margin: 12px 0 0 0;
   line-height: 1.5;
   text-align: center;
+  box-shadow: 0 1px 2px rgba(60, 64, 67, 0.05);
 }
 
 .how-to-use {
@@ -158,6 +159,46 @@ body {
   opacity: 1;
 }
 
+/* Blog link in attribution section */
+.blog-link-container {
+  margin-top: 16px;
+  margin-bottom: 8px;
+}
+
+.blog-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 10px 18px;
+  background: #e8f0fe;
+  color: var(--google-blue-dark);
+  text-decoration: none;
+  border-radius: 20px;
+  border: 1px solid #d2e3fc;
+  font-family: 'Google Sans Text', sans-serif;
+  font-size: 14px;
+  font-weight: 500;
+  transition: all 0.2s ease;
+  box-shadow: 0 1px 3px rgba(26, 115, 232, 0.15);
+}
+
+.blog-link:hover {
+  background: #d2e3fc;
+  color: var(--google-blue-dark);
+  transform: translateY(-1px);
+  box-shadow: 0 2px 4px rgba(26, 115, 232, 0.2);
+  text-decoration: none;
+}
+
+.blog-link .blog-icon {
+  font-size: 16px;
+}
+
+.blog-link .external-icon {
+  font-size: 14px;
+  opacity: 0.8;
+}
+
 /* Disclaimer */
 .disclaimer-container {
   margin-top: 8px;

templates/index.html

@@ -122,6 +122,21 @@
             tabindex="-1"
           />
         </div>
+
+        <!-- Blog link -->
+        <div class="blog-link-container">
+          <a
+            class="blog-link"
+            href="https://developers.googleblog.com/en/introducing-langextract-a-gemini-powered-information-extraction-library"
+            target="_blank"
+            rel="noopener noreferrer"
+            aria-label="Read about LangExtract on Google for Developers"
+          >
+            <span class="material-symbols-outlined blog-icon">article</span>
+            See the LangExtract Blog Post in Google for Developers
+            <span class="material-symbols-outlined external-icon">open_in_new</span>
+          </a>
+        </div>
       </div>
 
       <div class="disclaimer-container">