add images of esk and dlc2action, add docs link (#16)

Author: andybonnetto

app/page.tsx

@@ -212,6 +212,14 @@ export default function Home() {
                             </a>
                           </Button>
                         )}
+                        {pub.links.docs && (
+                          <Button asChild variant="outline" size="sm">
+                            <a href={pub.links.docs} target="_blank" rel="noopener noreferrer">
+                              <FileText className="mr-2 size-3" />
+                              Docs
+                            </a>
+                          </Button>
+                        )}
                       </div>
                     )}
                   </CardContent>

app/publications/page.tsx

@@ -229,6 +229,15 @@ export default function PublicationsPage() {
                                 </a>
                               </Button>
                             )}
+                            {pub.links.docs && (
+                              <Button asChild variant="outline" size="sm">
+                                <a href={pub.links.docs} target="_blank" rel="noopener noreferrer">
+                                  <FileText className="mr-2 size-4" />
+                                  docs
+                                  <ExternalLink className="ml-2 size-3" />
+                                </a>
+                              </Button>
+                            )}
                           </div>
                         )}
                       </CardContent>

app/research/page.tsx

@@ -21,6 +21,7 @@ interface Tool {
   arxiv?: string
   paper?: string
   website?: string
+  docs?: string
 }
 
 interface ResearchArea {
@@ -133,7 +134,7 @@ function MediaMosaic({ images, title }: { images: string[]; title: string }) {
 
 // Tool card with link guards
 function ToolCard({ tool }: { tool: Tool }) {
-  const hasLinks = Boolean(tool.github || tool.arxiv || tool.paper || tool.website)
+  const hasLinks = Boolean(tool.github || tool.arxiv || tool.paper || tool.website || tool.docs)
 
   // Dev warning for tools without links
   if (!hasLinks && process.env.NODE_ENV === "development") {
@@ -194,6 +195,16 @@ function ToolCard({ tool }: { tool: Tool }) {
                 </a>
               </Button>
             )}
+            {tool.docs && (
+              <Button asChild variant="ghost" size="sm">
+                <a href={tool.docs} target="_blank" rel="noopener noreferrer">
+                  <Globe className="mr-2 size-3" aria-hidden="true" />
+                  <span>Docs</span>
+                  <ExternalLink className="ml-2 size-3" aria-hidden="true" />
+                  <span className="sr-only">Opens in new tab</span>
+                </a>
+              </Button>
+            )}
           </div>
         </CardContent>
       )}

data/publications.json

@@ -44,20 +44,23 @@
   {
     "id": "dlc2action-2025",
     "title": "DLC2Action: A Deep Learning-based Toolbox for Automated Behavior Segmentation",
+    "image": "/images/publications/dlc2action.png",
     "authors": ["E Kozlova", "A Bonnetto", "A Mathis"],
     "year": 2025,
-    "venue": "bioRxiv",
+    "venue": "bioRxiv preprint",
     "type": "preprint",
     "tags": ["behavior analysis", "deep learning", "neuroscience"],
     "links": {
       "biorxiv": "https://www.biorxiv.org/content/10.1101/2025.09.27.678941",
-      "github": "https://github.com/amathislab/DLC2action"
+      "github": "https://github.com/amathislab/DLC2action",
+      "docs": "https://amathislab.github.io/DLC2action/html_docs/dlc2action.html"
     },
     "featured": true
   },
   {
     "id": "smart-kitchen-2025",
     "title": "EPFL-Smart-Kitchen-30: Densely annotated cooking dataset with 3D kinematics to challenge video and language models",
+    "image": "/images/publications/esk.png",
     "authors": ["A Bonnetto*", "H Qi*", "F Leong", "M Tashkovska", "M Rad", "S Shokur", "F Hummel", "S Micera", "M Pollefeys", "A Mathis"],
     "year": 2025,
     "venue": "NeurIPS 2025",