Support captions in articles

Fixes #1418

src/experimental/parser/article.nim

@@ -61,6 +61,7 @@ proc parseGraphArticle*(json: string): Article =
     of "MEDIA":
       for mi in entry.value.data.mediaItems:
         entity.mediaIds.add mi.mediaId
+      entity.caption = entry.value.data.caption
     of "TWEET": entity.tweetId = entry.value.data.tweetId
     of "MARKDOWN": entity.markdown = entry.value.data.markdown
     else: discard

src/experimental/types/article.nim

@@ -48,6 +48,7 @@ type
     mediaItems*: seq[tuple[mediaId: string]]
     tweetId*: string
     markdown*: string
+    caption*: string
 
   RawMediaEntity* = object
     mediaId*: string

src/sass/_article.scss

@@ -189,6 +189,12 @@
         max-width: 100%;
         border-radius: 12px;
       }
+
+      .article-media-caption {
+        color: var(--fg_faded);
+        font-size: 0.875rem;
+        margin-top: 6px;
+      }
     }
 
     > a,

src/types.nim

@@ -253,6 +253,7 @@ type
     mediaIds*: seq[string]
     tweetId*: string
     markdown*: string
+    caption*: string
 
   ArticleMedia* = object
     kind*: string

src/views/article.nim

@@ -32,7 +32,9 @@ proc renderAtomicParagraph(paragraph: ArticleParagraph; article: Article;
           video(src=getVidUrl(media.url), controls="")
         else:
           a(href=getOrigPicUrl(media.url), target="_blank"):
-            img(src=getSmallPic(media.url), alt="", loading="lazy")
+            img(src=getSmallPic(media.url), alt=entity.caption, loading="lazy")
+      if entity.caption.len > 0:
+        p(class="article-media-caption"): text entity.caption
   of "TWEET":
     let tweet = tweets.getOrDefault(
       try: parseBiggestInt(entity.tweetId)

src/views/general.nim

@@ -50,7 +50,7 @@ proc renderHead*(prefs: Prefs; cfg: Config; req: Request; titleText=""; desc="";
   let opensearchUrl = getUrlPrefix(cfg) & "/opensearch"
 
   buildHtml(head):
-    link(rel="stylesheet", type="text/css", href="/css/style.css?v=44")
+    link(rel="stylesheet", type="text/css", href="/css/style.css?v=45")
     link(rel="stylesheet", type="text/css", href="/css/fontello.css?v=7")
 
     if theme.len > 0: