diff --git a/web/src/routes/about/about-content.ts b/web/src/routes/about/about-content.ts index c25ccf4..0c641a1 100644 --- a/web/src/routes/about/about-content.ts +++ b/web/src/routes/about/about-content.ts @@ -7,6 +7,12 @@ export const intro = [ All edits are then reviewed by maintainers before being merged and going live. `]; +export const contributing = [ + `This project is only possible thanks to contributors like you!`, + `You can make changes to any of the checklist content, by editing ` + + `[\`personal-security-checklist.yml\`](https://github.com/Lissy93/personal-security-checklist/blob/master/personal-security-checklist.yml)`, +]; + export const projects = [ { title: 'Web-Check', diff --git a/web/src/routes/about/index.tsx b/web/src/routes/about/index.tsx index d905070..830fed7 100644 --- a/web/src/routes/about/index.tsx +++ b/web/src/routes/about/index.tsx @@ -2,7 +2,8 @@ import { component$, useResource$, Resource } from "@builder.io/qwik"; import type { DocumentHead } from "@builder.io/qwik-city"; import Icon from "~/components/core/icon"; -import { projects, socials, intro, license } from './about-content'; +import { projects, socials, intro, contributing, license } from './about-content'; +import { marked } from "marked"; export default component$(() => { @@ -15,6 +16,9 @@ export default component$(() => { name: string; } + const parseMarkdown = (text: string | undefined): string => { + return marked.parse(text || '', { async: false }) as string || ''; + }; const contributorsResource = useResource$(async () => { const url = 'https://api.github.com/repos/lissy93/personal-security-checklist/contributors?per_page=100'; @@ -46,7 +50,15 @@ export default component$(() => {
-

Credits

+

Contributing

+ {contributing.map((paragraph, index) => ( +

+ ))} +
+
+ +
+

Acknowledgments

Sponsors