lume/blog: xesite v4

Signed-off-by: Xe Iaso <me@xeiaso.net>

1 files changed, 12 insertions, 2 deletions

diff --git a/lume/src/_components/Figure.tsx b/lume/src/_components/Figure.tsx
index 99dc4e2..ad8d802 100644
--- a/lume/src/_components/Figure.tsx
+++ b/lume/src/_components/Figure.tsx
@@ -5,10 +5,20 @@ export interface FigureProps {
   alt?: string;
 }
 
-export default function Figure({ className, path, alt, desc = alt}: FigureProps) {
+export default function Figure(
+  { className, path, alt, desc = alt }: FigureProps,
+) {
   return (
     <figure className={`max-w-3xl mx-auto ${className}`}>
-      <img src={`https://cdn.xeiaso.net/file/christine-static/${path}`} alt={desc} />
+      <a
+        href={`https://cdn.xeiaso.net/file/christine-static/${path}`}
+        target="_blank"
+      >
+        <img
+          src={`https://cdn.xeiaso.net/file/christine-static/${path}`}
+          alt={desc}
+        />
+      </a>
       {desc && <figcaption>{desc}</figcaption>}
     </figure>
   );