3 Commits

Author SHA1 Message Date
b85247d8b4 Fix missing prose styles in production by converting Tailwind config to JS
The production Docker build (node:22-alpine) was failing to load the
TypeScript Tailwind config via jiti, causing Tailwind to silently fall
back to a default config with no plugins. This meant the
@tailwindcss/typography plugin never ran, so no .prose CSS rules were
generated. Tailwind's preflight reset (p { margin: 0 }) was still
applied with nothing to override it, making all blog post paragraphs
run together with zero spacing.

Converting tailwind.config.ts and typography.ts to plain JS files
removes the dependency on jiti for config loading. Also adds .mdx to
the Tailwind content glob so utility classes used directly in MDX files
(not-prose, flex, etc.) are included in the production CSS.
2026-04-02 21:09:53 -07:00
db31ef84cf Replace Endurance image 2026-04-02 21:08:00 -07:00
54bc09a082 Add blog post about Endurance screening
Some checks failed
Build Production Image / Build Production Image (push) Failing after 3m40s
2026-04-02 20:18:46 -07:00
4 changed files with 60 additions and 10 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

View File

@@ -0,0 +1,52 @@
import { ArticleLayout } from '@/components/ArticleLayout'
import {MdxImage as Image } from '@/components/MdxImage'
import endurance from './endurance.png'
export const article = {
author: 'Leslie Brown',
date: '2026-04-02',
title: 'Orcas Island ENDURANCE Screening',
description: "Join us for a screening of the National Geographic documentary ENDURANCE at The Seaview Theatre, hosted by producer Ruth Johnston. All proceeds benefit the West Sound Community Club.",
}
export const metadata = {
title: article.title,
description: article.description,
}
export default (props) => <ArticleLayout article={article} {...props} />
Excitement is in the air! Get ready to be part of something extraordinary supporting
The West Sound Community Club. It's an event like no other, and we want you to be there!
<Image src={endurance} />
Orcas Island's own Ruth Johnston, Producer on the documentary ENDURANCE will host a
screening of the film at The Seaview Theatre: In a legendary feat of leadership an
perseverance, polar explorer Sir Ernest Shackleton kept his crew of 27 men alive for
over a year despite the loss of their ship in frigid pack ice. Over a century later,
a team of modern-day explorers sets out to find the sunken ship. From National
Geographic Documentary Films and directed by Chai Vasarhelyi, Jimmy Chin and Natalie
Hewit, ENDURANCE tells the inspiring stories of these two landmark expeditions,
bound by their shared grit and determination.
Join Ruth and others before the film for a drink and after the film for a Q&A and
more. Doors will open at 1:15. All proceeds from the evening are being generously
donated to the West Sound Community Club. The event is free, so please donate as
generously as you are able (Minimum suggested donation $25 pp) to help out this
beloved community club and hall.
Following the screening, the after party will commence at the Lower Tavern (21+ only)
with Sea Shanties and Endurance-themed food and drink. The Lower is generously donating
a portion of beverage sales to the Community Club.
The event is kindly sponsored by The Orcas Island Film Festival, The Explorers Club
(PNW chapter), The Lower Tavern and Consequential. Every donation from this event
will bring us closer to achieving our goal to continue to be a vital part of the
Orcas community. Thank you for supporting our mission, your support is invaluable.
Please consider a company match for your donation.
West Sound Community Club operates as a 501c 3 non profit corporation tax
ID number 91-1283768.

View File

@@ -1,11 +1,11 @@
import typographyPlugin from '@tailwindcss/typography' const typographyPlugin = require('@tailwindcss/typography')
import formsPlugin from '@tailwindcss/forms'; const formsPlugin = require('@tailwindcss/forms')
import { type Config } from 'tailwindcss'
import typographyStyles from './typography' const typographyStyles = require('./typography')
export default { /** @type {import('tailwindcss').Config} */
content: ['./src/**/*.{js,jsx,ts,tsx}'], module.exports = {
content: ['./src/**/*.{js,jsx,mdx,ts,tsx}'],
darkMode: 'class', darkMode: 'class',
plugins: [ plugins: [
typographyPlugin, typographyPlugin,
@@ -29,4 +29,4 @@ export default {
}, },
typography: typographyStyles, typography: typographyStyles,
}, },
} satisfies Config }

View File

@@ -1,6 +1,4 @@
import { type PluginUtils } from 'tailwindcss/types/config' module.exports = function typographyStyles({ theme }) {
export default function typographyStyles({ theme }: PluginUtils) {
return { return {
invert: { invert: {
css: { css: {