+ {#if config.showSubmitForm}
+
+ Submit
+
+ {/if}
+
+More catalog context.
') + }) + + it('returns null when published is false', () => { + expect(parsePageSection('hero.md', join(FIXTURES, 'unpublished'))).toBeNull() + }) +}) diff --git a/src/lib/page-sections.ts b/src/lib/page-sections.ts new file mode 100644 index 0000000..003f65e --- /dev/null +++ b/src/lib/page-sections.ts @@ -0,0 +1,26 @@ +import { existsSync, readFileSync } from 'node:fs' +import { join } from 'node:path' +import matter from 'gray-matter' +import { marked } from 'marked' + +export interface PageSection { + html: string +} + +export function parsePageSection(filename: 'hero.md' | 'body.md', root = '.'): PageSection | null { + const filepath = join(root, filename) + if (!existsSync(filepath)) return null + + try { + const { data, content } = matter(readFileSync(filepath, 'utf-8')) + if (data.published === false) return null + + const body = content.trim() + if (!body) return null + + return { html: String(marked(body)) } + } catch (e) { + console.warn(`[oddments] skipping ${filename}:`, e) + return null + } +} diff --git a/src/lib/socials.ts b/src/lib/socials.ts new file mode 100644 index 0000000..74958d6 --- /dev/null +++ b/src/lib/socials.ts @@ -0,0 +1,70 @@ +import type { IconName } from './icons.js' + +export type SocialKey = + | 'instagram' + | 'tiktok' + | 'facebook' + | 'twitter' + | 'bluesky' + | 'mastodon' + | 'itch' + | 'github' + | 'deviantart' + | 'behance' + | 'discord' + | 'signal' + | 'drivethrurpg' + | 'youtube' + | 'patreon' + | 'kofi' + | 'twitch' + | 'tumblr' + | 'reddit' + | 'threads' + | 'substack' + | 'kickstarter' + | 'backerkit' + | 'gumroad' + | 'email' + | 'website' + +export interface SocialDefinition { + key: SocialKey + label: string + icon: IconName +} + +export const socialDefinitions: SocialDefinition[] = [ + { key: 'instagram', label: 'Instagram', icon: 'instagram' }, + { key: 'tiktok', label: 'TikTok', icon: 'tiktok' }, + { key: 'facebook', label: 'Facebook', icon: 'facebook' }, + { key: 'twitter', label: 'Twitter', icon: 'twitter' }, + { key: 'bluesky', label: 'Bluesky', icon: 'bluesky' }, + { key: 'mastodon', label: 'Mastodon', icon: 'mastodon' }, + { key: 'itch', label: 'itch.io', icon: 'itch' }, + { key: 'github', label: 'GitHub', icon: 'github' }, + { key: 'deviantart', label: 'DeviantArt', icon: 'deviantart' }, + { key: 'behance', label: 'Behance', icon: 'behance' }, + { key: 'discord', label: 'Discord', icon: 'discord' }, + { key: 'signal', label: 'Signal', icon: 'signal' }, + { key: 'drivethrurpg', label: 'DriveThruRPG', icon: 'drivethrurpg' }, + { key: 'youtube', label: 'YouTube', icon: 'youtube' }, + { key: 'patreon', label: 'Patreon', icon: 'patreon' }, + { key: 'kofi', label: 'Ko-fi', icon: 'kofi' }, + { key: 'twitch', label: 'Twitch', icon: 'twitch' }, + { key: 'tumblr', label: 'Tumblr', icon: 'tumblr' }, + { key: 'reddit', label: 'Reddit', icon: 'reddit' }, + { key: 'threads', label: 'Threads', icon: 'threads' }, + { key: 'substack', label: 'Substack', icon: 'substack' }, + { key: 'kickstarter', label: 'Kickstarter', icon: 'kickstarter' }, + { key: 'backerkit', label: 'BackerKit', icon: 'backerkit' }, + { key: 'gumroad', label: 'Gumroad', icon: 'gumroad' }, + { key: 'email', label: 'Email', icon: 'email' }, + { key: 'website', label: 'Website', icon: 'website' }, +] + +export function normalizeSocialHref(key: SocialKey, value: string): string { + if (key !== 'email') return value + if (value.startsWith('mailto:')) return value + return `mailto:${value}` +} diff --git a/src/routes/+page.server.ts b/src/routes/+page.server.ts index 50d3c96..1984e00 100644 --- a/src/routes/+page.server.ts +++ b/src/routes/+page.server.ts @@ -1,12 +1,16 @@ import { parseOddments } from '$lib/oddments.js' import { config } from '$lib/catalog.js' +import { parsePageSection } from '$lib/page-sections.js' export const prerender = true export function load() { const exhibits = parseOddments(process.env.ODDMENTS_DIR ?? 'oddments', config.customFields) + const root = process.env.ODDMENTS_ROOT ?? '.' return { totalExhibits: exhibits.length, config, + hero: parsePageSection('hero.md', root), + body: parsePageSection('body.md', root), } } diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 20f6cda..837c195 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -5,6 +5,8 @@ import type { ImageOrientation } from '$lib/config.js' import CardGrid from '$lib/CardGrid.svelte' import FilterBar from '$lib/FilterBar.svelte' + import Icon from '$lib/Icon.svelte' + import MarkdownSection from '$lib/MarkdownSection.svelte' import TagCloud from '$lib/TagCloud.svelte' import Pagination from '$lib/Pagination.svelte' import { sortExhibits } from '$lib/filters.js' @@ -191,6 +193,10 @@ {/snippet}ChevronLeft
+ chevron-left
Pagination
ChevronRight
+ chevron-right
Pagination
ArrowRight
- Button
- Check
- Chip
- X
+ x
Chip
Heart
- Badge
- Search
+ search
SearchInput
ExternalLink
+ external-link
[slug]/+page
FilterActive
+ filter-active
FilterBar dirty
FilterIdle
+ filter
FilterBar clean
Sun
+ sun
+layout light
Moon
+ moon
+layout dark
14px
badge / chip icon
16px
icon-only (btn-icon)
18px
btn with label
20px
reference / display
24px
inline SVG (FilterBar)