First Code of Conduct init

wlinator · wlinator · commit daee47db2c1b · 2024-11-09T11:43:28.000-05:00
diff --git a/.gitmodules b/.gitmodules
@@ -0,0 +1,3 @@
+[submodule "code-of-conduct"]
+path = code-of-conduct
+url = https://github.com/allthingslinux/code-of-conduct
diff --git a/app/code-of-conduct/page.mdx b/app/code-of-conduct/page.mdx
diff --git a/app/code-of-conduct/page.tsx b/app/code-of-conduct/page.tsx
@@ -0,0 +1,59 @@
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import { readFileSync } from 'fs';
+import path from 'path';
+
+export default function CodeOfConduct() {
+    // Read the contents of the README.md file
+    const readmePath = path.join(process.cwd(), 'code-of-conduct', 'README.md');
+    const readmeContent = readFileSync(readmePath, 'utf8');
+
+    // Remove header content before "Code of Conduct"
+    const contentStartIndex = readmeContent.indexOf('# Code of Conduct');
+    let cleanedContent = readmeContent.slice(contentStartIndex);
+
+    // Remove HTML comments and table of contents section
+    cleanedContent = cleanedContent.replace(/<!--[\s\S]*?-->/g, '');
+    const tocStart = cleanedContent.indexOf('**Table of Contents**');
+    const tocEnd = cleanedContent.indexOf('## Preface');
+    if (tocStart !== -1 && tocEnd !== -1) {
+        cleanedContent =
+            cleanedContent.slice(0, tocStart) +
+            cleanedContent.slice(tocEnd);
+    }
+
+    // Remove Contributors section
+    const contributorsIndex = cleanedContent.indexOf('## Contributors');
+    if (contributorsIndex !== -1) {
+        cleanedContent = cleanedContent.slice(0, contributorsIndex);
+    }
+
+    return (
+        <div className="container mx-auto px-4 py-12 prose prose-invert max-w-7xl">
+            <ReactMarkdown
+                remarkPlugins={[remarkGfm]}
+                components={{
+                    table: ({ node, ...props }) => (
+                        <div className="overflow-hidden rounded-lg border border-gray-700/50">
+                            <table {...props} className="w-full border-collapse" />
+                        </div>
+                    ),
+                    thead: ({ node, ...props }) => (
+                        <thead {...props} className="bg-gray-900/30" />
+                    ),
+                    th: ({ node, ...props }) => (
+                        <th {...props} className="p-3 text-left text-sm font-semibold text-gray-200" />
+                    ),
+                    td: ({ node, ...props }) => (
+                        <td {...props} className="p-3 text-sm text-gray-300 border-t border-gray-700/50" />
+                    ),
+                    tr: ({ node, ...props }) => (
+                        <tr {...props} className="hover:bg-gray-800/20 transition-colors" />
+                    ),
+                }}
+            >
+                {cleanedContent}
+            </ReactMarkdown>
+        </div>
+    );
+}
diff --git a/app/globals.css b/app/globals.css
@@ -118,4 +118,4 @@ body {
 .carousel-blend::after {
   right: 0;
   background: linear-gradient(to left, #111827, transparent);
-}
+}
diff --git a/components/layout/header.tsx b/components/layout/header.tsx
@@ -32,7 +32,7 @@ export default function Header() {
           </Link>
           <Link
             className="text-sm font-medium hover:text-slate-200 text-slate-400"
-            href="#">
+            href="/code-of-conduct">
             CoC
           </Link>
           <Link
@@ -79,7 +79,7 @@ export default function Header() {
                 </Link>
                 <Link
                   className="text-sm font-medium hover:text-slate-200 text-slate-400"
-                  href="#">
+                  href="/code-of-conduct">
                   CoC
                 </Link>
                 <Link
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -30,13 +30,15 @@
     "embla-carousel-auto-scroll": "^8.3.1",
     "embla-carousel-react": "^8.3.1",
     "framer-motion": "^11.11.11",
+    "github-markdown-css": "^5.7.0",
     "lucide-react": "0.456.0",
     "next": "15.0.3",
     "prettier-eslint": "16.3.0",
     "react": "18",
     "react-dom": "18",
     "react-hook-form": "7.53.2",
     "react-icons": "5.3.0",
+    "react-markdown": "^9.0.1",
     "react-use": "^17.5.1",
     "tailwind-merge": "2.5.4",
     "tailwindcss-animate": "1.0.7",
diff --git a/tsconfig.json b/tsconfig.json
@@ -1,6 +1,10 @@
 {
   "compilerOptions": {
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -18,7 +22,9 @@
       }
     ],
     "paths": {
-      "@/*": ["./*"]
+      "@/*": [
+        "./*"
+      ]
     },
     "target": "ES2017"
   },
@@ -27,7 +33,9 @@
     "**/*.ts",
     "**/*.tsx",
     ".next/types/**/*.ts",
-    "app/code-of-conduct/page.mdx"
+    "app/code-of-conduct/page.tsx"
   ],
-  "exclude": ["node_modules"]
-}
+  "exclude": [
+    "node_modules"
+  ]
+}

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+[submodule "code-of-conduct"]`
	`2`	`+path = code-of-conduct`
	`3`	`+url = https://github.com/allthingslinux/code-of-conduct`