frontend: design prototype

1 files changed, 20 insertions, 0 deletions

diff --git a/static/pages/image-viewer/index.js b/static/pages/image-viewer/index.js
new file mode 100644
index 0000000..76d720f
--- /dev/null
+++ b/static/pages/image-viewer/index.js
@@ -0,0 +1,20 @@
+import * as sfw from 'sfw';
+const { Div, Img } = sfw.element.native;
+
+const css = await sfw.css(import.meta.url, './index.css')
+
+export default class ImageViewer extends sfw.element.Container {
+	#container
+
+	constructor() {
+		super({ css });
+
+		this.body.append(
+			this.#container = Div.new({ id: 'container' })
+		);
+	}
+
+	add(url) {
+		this.#container.append(Img.new({ src: url }));
+	}
+}