+
+
+
+
diff --git a/src/routes/(site)/genuary/collage.ts b/src/routes/(site)/genuary/collage.ts
new file mode 100644
index 000000000..3fd25f822
--- /dev/null
+++ b/src/routes/(site)/genuary/collage.ts
@@ -0,0 +1,38 @@
+/**
+ * This is the output of the Genuary page.
+ */
+export interface CollagePageData {
+ pieces: CollagePiece[];
+}
+
+/**
+ * This is a piece on the Genuary page.
+ */
+export interface CollagePiece {
+ src: string;
+ during_challenge?: boolean;
+ view?: 'normal' | 'wide' | 'tall' | 'big';
+ alt?: string;
+}
+
+/**
+ * pageDataFrom is a helper function to create a page data object from a list of
+ * pieces.
+ */
+export function pageDataFrom(pieces: CollagePiece[]): CollagePageData {
+ return {
+ pieces: pieces.map(({ src, alt, view, during_challenge }) => {
+ const data: CollagePiece = { src, alt, during_challenge: during_challenge ?? false };
+ switch (view) {
+ case 'normal':
+ case 'wide':
+ case 'tall':
+ case 'big': {
+ data.view = view;
+ }
+ }
+
+ return data;
+ }),
+ };
+}
diff --git a/src/routes/(site)/genuary/dialog.svelte b/src/routes/(site)/genuary/dialog.svelte
new file mode 100644
index 000000000..ed36b0cf5
--- /dev/null
+++ b/src/routes/(site)/genuary/dialog.svelte
@@ -0,0 +1,44 @@
+
+
+
+
+ {#each data as d, i}
+ {@const alt = d.alt || d.src}
+ {@const ext = d.src.split('.').pop()}
+
+
+
+
+
+
+ {/each}
+ Genuary {year}
+
+ Our chapter members' take on the Genuary challenge.
+
+
+
+ Genuary is a challenge to create a piece of generative art every day in January.
+
+
+ The artworks shared by members of our club throughout the course of Genuary 2023 are listed below.
+
+
+
+ Last updated January 31st, 2023
+
+
+
- 
+ 
+