feat: add code of conduct page

package.json

@@ -23,23 +23,23 @@
     "graphql": "16.8.1",
     "graphql-request": "6.1.0",
     "next": "13.5.4",
-    "next-client-cookies": "1.0.4",
+    "next-client-cookies": "1.0.5",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-google-recaptcha": "3.1.0",
     "react-hook-form": "7.47.0",
     "react-icons": "4.11.0",
     "tailwind-merge": "1.14.0",
-    "zod": "3.22.3",
-    "zod-form-data": "2.0.1"
+    "zod": "3.22.4",
+    "zod-form-data": "2.0.2"
   },
   "devDependencies": {
     "@commitlint/cli": "17.7.2",
     "@commitlint/config-conventional": "17.7.0",
     "@svgr/webpack": "8.1.0",
     "@tailwindcss/forms": "0.5.6",
     "@types/gtag.js": "0.0.14",
-    "@types/react": "18.2.24",
+    "@types/react": "18.2.25",
     "@types/react-google-recaptcha": "2.1.6",
     "@typescript-eslint/eslint-plugin": "6.7.4",
     "@typescript-eslint/parser": "6.7.4",

src/app/code-of-conduct/page.tsx

@@ -0,0 +1,244 @@
+import { Metadata } from 'next';
+
+import PrimaryLink from '@/components/common/links/PrimaryLink';
+
+export const metadata: Metadata = {
+  title: 'Code of conduct',
+};
+
+export default function CodeOfConductPage() {
+  return (
+    <div className="px-6 py-32 lg:px-8">
+      <div className="mx-auto max-w-3xl text-base leading-7 text-gray-700">
+        <h1 className="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
+          Code of conduct
+        </h1>
+        <div className="max-w-2xl">
+          <h2 className="mt-16 text-2xl font-bold tracking-tight text-gray-900">
+            Our pledge
+          </h2>
+          <p className="mt-8">
+            We as members, contributors, and leaders pledge to make
+            participation in our community a harassment-free experience for
+            everyone, regardless of age, body size, visible or invisible
+            disability, ethnicity, sex characteristics, gender identity and
+            expression, level of experience, education, socio-economic status,
+            nationality, personal appearance, race, caste, color, religion, or
+            sexual identity and orientation.
+          </p>
+          <p className="mt-8">
+            We pledge to act and interact in ways that contribute to an open,
+            welcoming, diverse, inclusive, and healthy community.
+          </p>
+          <h2 className="mt-16 text-2xl font-bold tracking-tight text-gray-900">
+            Our standards
+          </h2>
+          <p className="mt-8">
+            Examples of behavior that contributes to a positive environment for
+            our community include:
+          </p>
+          <ul
+            role="list"
+            className="ml-8 mt-8 max-w-xl list-disc space-y-4 text-gray-600"
+          >
+            <li>Demonstrating empathy and kindness toward other people</li>
+            <li>
+              Being respectful of differing opinions, viewpoints, and
+              experiences
+            </li>
+            <li>Giving and gracefully accepting constructive feedback</li>
+            <li>
+              Accepting responsibility and apologizing to those affected by our
+              mistakes, and learning from the experience
+            </li>
+            <li>
+              Focusing on what is best not just for us as individuals, but for
+              the overall community
+            </li>
+          </ul>
+          <p className="mt-8">Examples of unacceptable behavior include:</p>
+          <ul
+            role="list"
+            className="ml-8 mt-8 max-w-xl list-disc space-y-4 text-gray-600"
+          >
+            <li>
+              The use of sexualized language or imagery, and sexual attention or
+              advances of any kind
+            </li>
+            <li>
+              Trolling, insulting or derogatory comments, and personal or
+              political attacks
+            </li>
+            <li>Public or private harassment</li>
+            <li>
+              Publishing others&rsquo; private information, such as a physical
+              or email address, without their explicit permission
+            </li>
+            <li>
+              Other conduct which could reasonably be considered inappropriate
+              in a professional setting
+            </li>
+          </ul>
+          <h2 className="mt-16 text-2xl font-bold tracking-tight text-gray-900">
+            Enforcement responsibilities
+          </h2>
+          <p className="mt-8">
+            Community leaders are responsible for clarifying and enforcing our
+            standards of acceptable behavior and will take appropriate and fair
+            corrective action in response to any behavior that they deem
+            inappropriate, threatening, offensive, or harmful.
+          </p>
+          <p className="mt-8">
+            Community leaders have the right and responsibility to remove, edit,
+            or reject comments, commits, code, wiki edits, issues, and other
+            contributions that are not aligned to this Code of Conduct, and will
+            communicate reasons for moderation decisions when appropriate.
+          </p>
+          <h2 className="mt-16 text-2xl font-bold tracking-tight text-gray-900">
+            Scope
+          </h2>
+          <p className="mt-8">
+            This Code of Conduct applies within all community spaces, and also
+            applies when an individual is officially representing the community
+            in public spaces. Examples of representing our community include
+            using an official email address, posting via an official social
+            media account, or acting as an appointed representative at an online
+            or offline event.
+          </p>
+          <h2 className="mt-16 text-2xl font-bold tracking-tight text-gray-900">
+            Enforcement
+          </h2>
+          <p className="mt-8">
+            Instances of abusive, harassing, or otherwise unacceptable behavior
+            may be reported to the community leaders responsible for enforcement
+            at <PrimaryLink href="mailto:[email protected]">[email protected]</PrimaryLink>. All
+            complaints will be reviewed and investigated promptly and fairly.
+          </p>
+          <p className="mt-8">
+            All community leaders are obligated to respect the privacy and
+            security of the reporter of any incident.
+          </p>
+          <h2 className="mt-16 text-2xl font-bold tracking-tight text-gray-900">
+            Enforcement guidelines
+          </h2>
+          <p className="mt-8">
+            Community leaders will follow these Community Impact Guidelines in
+            determining the consequences for any action they deem in violation
+            of this Code of Conduct:
+          </p>
+          <ol
+            role="list"
+            className="ml-6 mt-8 max-w-xl list-outside list-decimal space-y-8 text-gray-600"
+          >
+            <li className="mt-12 text-xl font-bold">
+              <h3 className="text-xl tracking-tight text-gray-900">
+                Correction
+              </h3>
+              <ul
+                role="list"
+                className="ml-8 mt-6 max-w-xl list-disc space-y-4 text-base font-normal"
+              >
+                <li>
+                  <strong className="font-semibold text-gray-900">
+                    Community impact.
+                  </strong>{' '}
+                  Use of inappropriate language or other behavior deemed
+                  unprofessional or unwelcome in the community.
+                </li>
+                <li>
+                  <strong className="font-semibold text-gray-900">
+                    Consequence.
+                  </strong>{' '}
+                  A private, written warning from community leaders, providing
+                  clarity around the nature of the violation and an explanation
+                  of why the behavior was inappropriate. A public apology may be
+                  requested.
+                </li>
+              </ul>
+            </li>
+            <li className="mt-12 text-xl font-bold">
+              <h3 className="text-xl tracking-tight text-gray-900">Warning</h3>
+              <ul
+                role="list"
+                className="ml-8 mt-6 max-w-xl list-disc space-y-4 text-base font-normal"
+              >
+                <li>
+                  <strong className="font-semibold text-gray-900">
+                    Community impact.
+                  </strong>{' '}
+                  A violation through a single incident or series of actions.
+                </li>
+                <li>
+                  <strong className="font-semibold text-gray-900">
+                    Consequence.
+                  </strong>{' '}
+                  A warning with consequences for continued behavior. No
+                  interaction with the people involved, including unsolicited
+                  interaction with those enforcing the Code of Conduct, for a
+                  specified period of time. This includes avoiding interactions
+                  in community spaces as well as external channels like social
+                  media. Violating these terms may lead to a temporary or
+                  permanent ban.
+                </li>
+              </ul>
+            </li>
+            <li className="mt-12 text-xl font-bold">
+              <h3 className="text-xl tracking-tight text-gray-900">
+                Temporary ban
+              </h3>
+              <ul
+                role="list"
+                className="ml-8 mt-6 max-w-xl list-disc space-y-4 text-base font-normal"
+              >
+                <li>
+                  <strong className="font-semibold text-gray-900">
+                    Community impact.
+                  </strong>{' '}
+                  A serious violation of community standards, including
+                  sustained inappropriate behavior.
+                </li>
+                <li>
+                  <strong className="font-semibold text-gray-900">
+                    Consequence.
+                  </strong>{' '}
+                  A temporary ban from any sort of interaction or public
+                  communication with the community for a specified period of
+                  time. No public or private interaction with the people
+                  involved, including unsolicited interaction with those
+                  enforcing the Code of Conduct, is allowed during this period.
+                  Violating these terms may lead to a permanent ban.
+                </li>
+              </ul>
+            </li>
+            <li className="mt-12 text-xl font-bold">
+              <h3 className="text-xl tracking-tight text-gray-900">
+                Permanent ban
+              </h3>
+              <ul
+                role="list"
+                className="ml-8 mt-6 max-w-xl list-disc space-y-4 text-base font-normal"
+              >
+                <li>
+                  <strong className="font-semibold text-gray-900">
+                    Community impact.
+                  </strong>{' '}
+                  Demonstrating a pattern of violation of community standards,
+                  including sustained inappropriate behavior, harassment of an
+                  individual, or aggression toward or disparagement of classes
+                  of individuals.
+                </li>
+                <li>
+                  <strong className="font-semibold text-gray-900">
+                    Consequence.
+                  </strong>{' '}
+                  A permanent ban from any sort of public interaction within the
+                  community.
+                </li>
+              </ul>
+            </li>
+          </ol>
+        </div>
+      </div>
+    </div>
+  );
+}

src/app/cookie-policy/page.tsx

@@ -51,7 +51,10 @@ export default function CookiePolicyPage() {
           <h2 className="mt-16 text-2xl font-bold tracking-tight text-gray-900">
             The cookies we set
           </h2>
-          <ul role="list" className="mt-8 max-w-xl space-y-8 text-gray-600">
+          <ul
+            role="list"
+            className="ml-8 mt-8 max-w-xl list-disc space-y-4 text-gray-600"
+          >
             <li>
               <strong className="font-semibold text-gray-900">
                 Account-related cookies.
@@ -99,7 +102,10 @@ export default function CookiePolicyPage() {
             parties. The following section details which third-party cookies you
             might encounter through this site.
           </p>
-          <ul role="list" className="mt-8 max-w-xl space-y-8 text-gray-600">
+          <ul
+            role="list"
+            className="ml-8 mt-8 max-w-xl list-disc space-y-4 text-gray-600"
+          >
             <li>
               <strong className="font-semibold text-gray-900">
                 Google Analytics.

yarn.lock

@@ -1582,10 +1582,10 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react@*", "@types/[email protected].24":
-  version "18.2.24"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.24.tgz#3c7d68c02e0205a472f04abe4a0c1df35d995c05"
-  integrity sha512-Ee0Jt4sbJxMu1iDcetZEIKQr99J1Zfb6D4F3qfUWoR1JpInkY1Wdg4WwCyBjL257D0+jGqSl1twBjV8iCaC0Aw==
+"@types/react@*", "@types/[email protected].25":
+  version "18.2.25"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.25.tgz#99fa44154132979e870ff409dc5b6e67f06f0199"
+  integrity sha512-24xqse6+VByVLIr+xWaQ9muX1B4bXJKXBbjszbld/UEDslGLY53+ZucF44HCmLbMPejTzGG9XgR+3m2/Wqu1kw==
   dependencies:
     "@types/prop-types" "*"
     "@types/scheduler" "*"
@@ -3939,10 +3939,10 @@ natural-compare@^1.4.0:
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
   integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
 
-[email protected].4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/next-client-cookies/-/next-client-cookies-1.0.4.tgz#4de430f1bcfa3de188509a923d420f1bf8c94a80"
-  integrity sha512-WFSFMbAkAbE9I7PAMTJ2VOb9Y1DNUD0BYgqG90K6ZctK120xsAMnH6j+d02QgdaQAUTAr/U623vrXeuAezjDCQ==
+[email protected].5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/next-client-cookies/-/next-client-cookies-1.0.5.tgz#6aa2198f0b8c30b4fdfa5d6e2bc71ae99193b146"
+  integrity sha512-PqmJyJCZotR/Vg8meaqHKT2RjHoNuDkaew6JBj0gA1tlY7+6aK0Zb00KLnZSQnbGYg9OEQquk5UyWp1QACvXjQ==
   dependencies:
     js-cookie "^3.0.5"
 
@@ -5364,12 +5364,12 @@ yocto-queue@^0.1.0:
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
   integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
 
-[email protected].1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/zod-form-data/-/zod-form-data-2.0.1.tgz#b069b76ad8a47e2ee475f691db87db8afa9dd3f2"
-  integrity sha512-4jcsj3vFyFGINLLHEmehfOPKdcw+HqV65RwsV2IdyLHp9wpvGJRVXWg1yY8sq0ASEbQfTVBRtI7LcDGv3Qpj8g==
+[email protected].2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/zod-form-data/-/zod-form-data-2.0.2.tgz#ce6586ffa3d501a66a00d7b4896b6b6ec1e10404"
+  integrity sha512-sKTi+k0fvkxdakD0V5rq+9WVJA3cuTQUfEmNqvHrTzPLvjfLmkkBLfR0ed3qOi9MScJXTHIDH/jUNnEJ3CBX4g==
 
-[email protected].3:
-  version "3.22.3"
-  resolved "https://registry.yarnpkg.com/zod/-/zod-3.22.3.tgz#2fbc96118b174290d94e8896371c95629e87a060"
-  integrity sha512-EjIevzuJRiRPbVH4mGc8nApb/lVLKVpmUhAaR5R5doKGfAnGJ6Gr3CViAVjP+4FWSxCsybeWQdcgCtbX+7oZug==
+[email protected].4:
+  version "3.22.4"
+  resolved "https://registry.yarnpkg.com/zod/-/zod-3.22.4.tgz#f31c3a9386f61b1f228af56faa9255e845cf3fff"
+  integrity sha512-iC+8Io04lddc+mVqQ9AZ7OQ2MrUKGN+oIQyq1vemgt46jwCwLfhq7/pwnBnNXXXZb8VTVLKwp9EDkx+ryxIWmg==