From 6910f3d269592a68e0c3150896e1478a7db1e6a7 Mon Sep 17 00:00:00 2001
From: lassejaco <lasse.jacobsen@ethereum.org>
Date: Thu, 2 Nov 2023 21:22:29 +0100
Subject: [PATCH] code of conduct dedicated page

---
 .github/workflows/devcon-archive.yml          |  2 +-
 .github/workflows/devcon-db-cleanup.yml       | 27 ++++++++++++++++++
 .../src/pages/code-of-conduct.module.scss     | 18 ++++++++++++
 devconnect/src/pages/code-of-conduct.tsx      | 28 +++++++++++++++++++
 devconnect/src/pages/index.tsx                | 10 ++++---
 5 files changed, 80 insertions(+), 5 deletions(-)
 create mode 100644 .github/workflows/devcon-db-cleanup.yml
 create mode 100644 devconnect/src/pages/code-of-conduct.module.scss
 create mode 100644 devconnect/src/pages/code-of-conduct.tsx

diff --git a/.github/workflows/devcon-archive.yml b/.github/workflows/devcon-archive.yml
index f1ef73b07..cd221efe6 100644
--- a/.github/workflows/devcon-archive.yml
+++ b/.github/workflows/devcon-archive.yml
@@ -15,7 +15,7 @@ jobs:
   build:
     defaults:
       run:
-        working-directory: ./devcon
+        working-directory: ./devcon-archive
     runs-on: ubuntu-latest
 
     steps:
diff --git a/.github/workflows/devcon-db-cleanup.yml b/.github/workflows/devcon-db-cleanup.yml
new file mode 100644
index 000000000..399eb29bc
--- /dev/null
+++ b/.github/workflows/devcon-db-cleanup.yml
@@ -0,0 +1,27 @@
+name: Cleanup database
+
+on:
+  schedule:
+    - cron: "0 0 * * *"
+  workflow_dispatch:
+
+jobs:
+  build:
+    defaults:
+      run:
+        working-directory: ./devcon
+    name: Cleanup database
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@master
+      - name: Use Node.js
+        uses: actions/setup-node@v1
+        with:
+          node-version: "16.x"
+      - name: Install Dependencies
+        run: yarn install
+      - name: Cleanup database
+        run: yarn scripts:db-cleanup
+        env:
+          DB_CONNECTION_STRING: ${{ secrets.DB_CONNECTION_STRING }}
diff --git a/devconnect/src/pages/code-of-conduct.module.scss b/devconnect/src/pages/code-of-conduct.module.scss
new file mode 100644
index 000000000..c376bd6dd
--- /dev/null
+++ b/devconnect/src/pages/code-of-conduct.module.scss
@@ -0,0 +1,18 @@
+.code-of-conduct {
+    color: black;
+
+    :global(#code-of-conduct) {
+        padding: 32px 0px !important;
+
+    }
+
+    .hero {
+        background-image: linear-gradient(62deg, #6c3d89 0%, #68b99f 100%);
+        text-wrap: nowrap;
+        :global(.background-title) {
+            color: black !important;
+            -webkit-text-fill-color: unset !important;
+            -webkit-text-stroke-color: unset !important;
+        }
+    }
+}
\ No newline at end of file
diff --git a/devconnect/src/pages/code-of-conduct.tsx b/devconnect/src/pages/code-of-conduct.tsx
new file mode 100644
index 000000000..32b6bf036
--- /dev/null
+++ b/devconnect/src/pages/code-of-conduct.tsx
@@ -0,0 +1,28 @@
+import { NextPage } from 'next'
+import Hero from 'common/components/hero'
+import React from 'react'
+import css from './code-of-conduct.module.scss'
+import { CodeOfConduct } from 'pages'
+import { Footer } from 'pages'
+
+const CityGuide: NextPage = () => {
+  return (
+    <div className={css['code-of-conduct']}>
+      <Hero
+        className={css['hero']}
+        autoHeight
+        backgroundClassName={css['background']}
+        backgroundTitle="Conduct"
+        backgroundStyle="fill"
+      >
+        <></>
+      </Hero>
+      <div className="section">
+        <CodeOfConduct />
+      </div>
+      <Footer />
+    </div>
+  )
+}
+
+export default CityGuide
diff --git a/devconnect/src/pages/index.tsx b/devconnect/src/pages/index.tsx
index f3a5eed34..72380117f 100644
--- a/devconnect/src/pages/index.tsx
+++ b/devconnect/src/pages/index.tsx
@@ -356,9 +356,9 @@ const FAQ = [
   },
 ]
 
-const CodeOfConduct = () => {
+export const CodeOfConduct = () => {
   return (
-    <div className={css['code-of-conduct']}>
+    <div className={css['code-of-conduct']} id="code-of-conduct">
       <p className="large-text bold">Code of Conduct</p>
       <p className="big-text underline bold">TL;DR</p>
       <p>
@@ -565,7 +565,7 @@ export const Footer = ({ inFoldoutMenu, onClickMenuItem }: FooterProps) => {
                   <Link href="mailto:support@devconnect.org">Contact Us</Link>
                   <Link href="https://ethereum.foundation">Ethereum Foundation</Link>
 
-                  <a
+                  {/* <a
                     role="button"
                     tabIndex={0}
                     onKeyDown={e => {
@@ -580,7 +580,9 @@ export const Footer = ({ inFoldoutMenu, onClickMenuItem }: FooterProps) => {
                     }}
                   >
                     Code of Conduct
-                  </a>
+                  </a> */}
+
+                  <Link href="/code-of-conduct">Code of Conduct</Link>
 
                   <Link href="https://ethereum.org/en/privacy-policy/">Privacy policy</Link>
                   <Link href="https://ethereum.org/en/terms-of-use/">Terms of use</Link>