landing page: add GitHub+Cite buttons, rename codebook

codebooks/{news-topics.json → demo_codebook.json}

@@ -11,5 +11,5 @@
     "options": ["Local", "State", "National", "Global"],
     "context_definition": "Judge by where the event's effects are felt, not where the article was published."
   },
-  "_name": "News Topics"
+  "_name": "demo_codebook"
 }

gui/src/pages/LandingPage.tsx

@@ -3,9 +3,26 @@
  * Rendered when the user clicks the "Academic Pipeline" title in the NavBar.
  */
 
+import { useState } from "react";
 import { NavLink } from "react-router-dom";
 
+const CITATION_BIBTEX = `@software{zhao2026academicpipeline,
+  author       = {Xingyuan Zhao},
+  title        = {Academic Pipeline: A No-Code Application for LLM-Powered Structured Text Processing},
+  year         = {2026},
+  url          = {https://github.com/xingyuanzhao-project/academic-pipeline-public}
+}`;
+
 export default function LandingPage(): JSX.Element {
+  const [copied, setCopied] = useState(false);
+
+  function handleCite() {
+    navigator.clipboard.writeText(CITATION_BIBTEX).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2000);
+    });
+  }
+
   return (
     <div className="mx-auto max-w-3xl px-6 py-10">
       <h1 className="mb-2 text-3xl font-bold tracking-tight">
@@ -16,7 +33,7 @@ export default function LandingPage(): JSX.Element {
         processing.
       </p>
 
-      <div className="mb-8 flex gap-3">
+      <div className="mb-8 flex flex-wrap gap-3">
         <NavLink
           to="/flows"
           className="rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90"
@@ -31,6 +48,20 @@ export default function LandingPage(): JSX.Element {
         >
           Documentation
         </a>
+        <a
+          href="https://github.com/xingyuanzhao-project/academic-pipeline-public"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="rounded-md border px-4 py-2 text-sm font-medium transition-colors hover:bg-accent"
+        >
+          GitHub
+        </a>
+        <button
+          onClick={handleCite}
+          className="rounded-md border px-4 py-2 text-sm font-medium transition-colors hover:bg-accent"
+        >
+          {copied ? "Copied!" : "Cite this work"}
+        </button>
       </div>
 
       <hr className="my-6" />

workflows/demo_codebook_guided_classification.yml

@@ -40,7 +40,7 @@ flow:
     - id: codebook_1
       type: codebook
       config:
-        codebook_id: news-topics
+        codebook_id: demo_codebook
 
     - id: output_1
       type: csv_output