aboutsummaryrefslogtreecommitdiff
path: root/lume/src/_components/XeblogPicture.tsx
diff options
context:
space:
mode:
authorXe Iaso <me@xeiaso.net>2023-11-19 14:45:53 -0500
committerXe Iaso <me@xeiaso.net>2023-11-19 14:45:53 -0500
commita957a96bfe8d01e07aa395af94256278bfee6afd (patch)
tree39c347df85326e9d7cfb4bd3c7994f6995994df9 /lume/src/_components/XeblogPicture.tsx
parente8f69ed533184d90b741695f4d49a659388b86af (diff)
downloadxesite-a957a96bfe8d01e07aa395af94256278bfee6afd.tar.xz
xesite-a957a96bfe8d01e07aa395af94256278bfee6afd.zip
videos/2023/ai-hackathon: add paper contents
Signed-off-by: Xe Iaso <me@xeiaso.net>
Diffstat (limited to 'lume/src/_components/XeblogPicture.tsx')
-rw-r--r--lume/src/_components/XeblogPicture.tsx10
1 files changed, 8 insertions, 2 deletions
diff --git a/lume/src/_components/XeblogPicture.tsx b/lume/src/_components/XeblogPicture.tsx
index 857ce9f..732b8ad 100644
--- a/lume/src/_components/XeblogPicture.tsx
+++ b/lume/src/_components/XeblogPicture.tsx
@@ -1,11 +1,16 @@
export interface XeblogPicture {
path: string;
desc?: string;
+ className?: string;
}
-export default function XeblogPicture({ path, desc }: XeblogPicture) {
+export default function XeblogPicture({
+ path,
+ desc,
+ className,
+}: XeblogPicture) {
return (
- <figure className="max-w-3xl mx-auto">
+ <figure className={`max-w-3xl mx-auto ${className}`}>
<a href={`https://cdn.xeiaso.net/file/christine-static/${path}.jpg`}>
<picture>
<source
@@ -18,6 +23,7 @@ export default function XeblogPicture({ path, desc }: XeblogPicture) {
/>
<img
alt={desc}
+ className={className}
loading="lazy"
src={`https://cdn.xeiaso.net/file/christine-static/${path}.jpg`}
/>