code of conduct dedicated page

.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:

.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 }}

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;
+        }
+    }
+}

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

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:[email protected]">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>