Skip to content

Tweak: Added Project Night to Activities and modified link validation#9

Open
aberkowitz wants to merge 1 commit into
devcongress:mainfrom
aberkowitz:main
Open

Tweak: Added Project Night to Activities and modified link validation#9
aberkowitz wants to merge 1 commit into
devcongress:mainfrom
aberkowitz:main

Conversation

@aberkowitz
Copy link
Copy Markdown

@aberkowitz aberkowitz commented Jun 2, 2026

This tweak adds "Project Night" to the Programs section of the DevCongress homepage. In addition, I added a change to the link validation in content.config.ts to permit slack URI's.

Testing

  1. Pull this branch
  2. Build the static site:
    pnpm build
  3. Run the preview
    pnpm preview
  4. Browse to Programs Section

Success: Project Night is displayed, with a working Learn more → link

Screenshot:

image

@@ -0,0 +1,6 @@
title: Project Night
description: A weekly virtual gathering to work on our personal projects, and share learnings. Message @aberkowitz your email for an invite.
link: "slack://channel?team=T0A0T7A5Q&id=D3KKP1X7A"
Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sand

This is a deeplink to message me in slack. Eventually, there will be a dedicated channel for the event.

title: Project Night
description: A weekly virtual gathering to work on our personal projects, and share learnings. Message @aberkowitz your email for an invite.
link: "slack://channel?team=T0A0T7A5Q&id=D3KKP1X7A"
color: "#735FFF"
Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Note

I thought about this color way more than I should have. Hopefully the color I have chosen will not sentence me to designer hell.

document.body.style.background = '#fff';
document.body.innerHTML = '<div id="container"> </div>';
container = document.getElementById('container');
let colors = ['#fb7185', '#22d3ee', '#34d399', '#c084fc', '#fbbf24', '#735FFF'];
colors.forEach( (color) => {
  let color_container = document.createElement('div');
    color_container.style = `height: 50px; width: 50px; background: ${color}`;
    container.appendChild(color_container);
}); 
Image

Comment thread src/content.config.ts
title: z.string().min(2),
description: z.string().min(10),
link: z.string().optional().refine(v => !v || v.startsWith('/') || v.startsWith('http'), {
link: z.string().optional().refine(v => !v || v.startsWith('/') || v.startsWith('http') || v.startsWith('slack'), {
Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sand

There's probable a better way to do this validation, but I don't care.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant