lume/blog: import a talk that I am proud of

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

2 files changed, 22 insertions, 0 deletions

diff --git a/lume/src/_components/BlockQuote.jsx b/lume/src/_components/BlockQuote.jsx
new file mode 100644
index 0000000..bf15dd5
--- /dev/null
+++ b/lume/src/_components/BlockQuote.jsx
@@ -0,0 +1,7 @@
+export default function BlockQuote({ children }) {
+  return (
+    <div className="mx-auto mt-4 mb-2 rounded-lg bg-bg-2 p-4 dark:bg-bgDark-2 md:max-w-lg xe-dont-newline">
+      &gt; {children}
+    </div>
+  );
+};
\ No newline at end of file
diff --git a/lume/src/_components/Figure.tsx b/lume/src/_components/Figure.tsx
new file mode 100644
index 0000000..99dc4e2
--- /dev/null
+++ b/lume/src/_components/Figure.tsx
@@ -0,0 +1,15 @@
+export interface FigureProps {
+  className?: string;
+  path: string;
+  desc?: string;
+  alt?: string;
+}
+
+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} />
+      {desc && <figcaption>{desc}</figcaption>}
+    </figure>
+  );
+}