moved bot to discord-bot

added playbook to deploy dev machine added playbook to deploy dev machine added next.js font module, updated fonts, updated login page replaced logos, changed logo on login and header added 404 and email confirmation pages, changed discord and github buttons to show conditionally also removed unused imports, fixed one spelling error, and minor styling changes Quick format to the authenticated user page, updated header with user profile, styling updates fixed html encoding added checkout for release re-vamped release config and ports
2026-06-27 16:10:30 +08:00 · 2022-12-24 23:59:21 +01:00
parent 5284e30202
commit 6452bb860d
60 changed files with 512 additions and 784 deletions
@@ -26,3 +26,22 @@ jobs:
      context: .
      dockerfile: docker/Dockerfile.discord-bot
      build-args: ""
+  deploy-dev:
+    needs: [build-backend, build-web, build-bot]
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: Run playbook
+        uses: dawidd6/action-ansible-playbook@v2
+        with:
+          # Required, playbook filepath
+          playbook: dev.yaml
+          # Optional, directory where playbooks live
+          directory: ansible
+          # Optional, SSH private key
+          key: ${{secrets.DEV_NODE_PRIVATE_KEY}}
+          # Optional, literal inventory file contents
+          inventory: |
+            [dev]
+            dev01 ansible_host=${{secrets.DEV_NODE_IP}} ansible_connection=ssh ansible_user=web-team
@@ -43,6 +43,10 @@ Install `pre-commit` and run `pre-commit install` to install the pre-commit hook

 In case you haven't done this, have already committed, and CI is failing, you can run `pre-commit run --all-files` to run the pre-commit hooks on all files.

+### Deployment
+
+Upon making a release on GitHub, all docker images are automatically built and pushed to ghcr.io. The docker images are tagged with the release version, and the `latest` tag. Further, the ansible playbook in `ansible/dev.yaml` is run to automatically deploy the built release to the dev machine.
+
 # (Older version of the readme below)

 ## How do I start helping out?
@@ -0,0 +1 @@
+*.local.yaml
@@ -0,0 +1,77 @@
+# ansible playbook to set up some docker containers
+
+- name: Set up a dev node
+  hosts: dev
+  gather_facts: true
+  tasks:
+    - name: Create network
+      community.docker.docker_network:
+        name: oasst
+        state: present
+        driver: bridge
+
+    - name: Create postgres containers
+      community.docker.docker_container:
+        name: "{{ item.name }}"
+        image: postgres:15
+        state: started
+        restart_policy: always
+        network_mode: oasst
+        env:
+          POSTGRES_USER: postgres
+          POSTGRES_PASSWORD: postgres
+          POSTGRES_DB: postgres
+        volumes:
+          - "{{ item.name }}:/var/lib/postgresql/data"
+        healthcheck:
+          test: ["CMD", "pg_isready", "-U", "postgres"]
+          interval: 2s
+          timeout: 2s
+          retries: 10
+      loop:
+        - name: oasst-postgres
+        - name: oasst-postgres-web
+
+    - name: Set up maildev
+      community.docker.docker_container:
+        name: oasst-maildev
+        image: maildev/maildev
+        state: started
+        restart_policy: always
+        network_mode: oasst
+
+    - name: Run the oasst oasst-backend
+      community.docker.docker_container:
+        name: oasst-backend
+        image: ghcr.io/laion-ai/open-assistant/oasst-backend
+        state: started
+        pull: true
+        restart_policy: always
+        network_mode: oasst
+        env:
+          POSTGRES_HOST: oasst-postgres
+          ALLOW_ANY_API_KEY: "true"
+          MAX_WORKERS: "1"
+        ports:
+          - 8080:8080
+
+    - name: Run the oasst oasst-web frontend
+      community.docker.docker_container:
+        name: oasst-web
+        image: ghcr.io/laion-ai/open-assistant/oasst-web
+        state: started
+        pull: true
+        restart_policy: always
+        network_mode: oasst
+        env:
+          FASTAPI_URL: http://oasst-backend:8080
+          FASTAPI_KEY: "123"
+          DATABASE_URL: postgres://postgres:postgres@oasst-postgres-web/postgres
+          NEXTAUTH_SECRET: O/M2uIbGj+lDD2oyNa8ax4jEOJqCPJzO53UbWShmq98=
+          EMAIL_SERVER_HOST: oasst-maildev
+          EMAIL_SERVER_PORT: "25"
+          EMAIL_FROM: info@example.com
+          NEXTAUTH_URL: http://localhost:3000
+        ports:
+          - 3000:3000
+        command: bash wait-for-postgres.sh node server.js
@@ -1,3 +0,0 @@
-:robot:  **Challenge: Assistant Reply** 
-
-:point_down: Work on it here (:fire: Thread will self-destruct at {{ expiry_time }}, {{ expiry_relative }}).
@@ -1,3 +0,0 @@
-:microphone2:  **Challenge: Initial Prompt** 
-
-:point_down: Work on it here (:fire: Thread will self-destruct at {{ expiry_time }}, {{ expiry_relative }}).
@@ -1,7 +1,6 @@
 # -*- coding: utf-8 -*-
-from bot_settings import settings
-
 from bot import OpenAssistantBot
+from bot_settings import settings

 # invite bot url: https://discord.com/api/oauth2/authorize?client_id=1054078345542910022&permissions=1634235579456&scope=bot

@@ -10,6 +10,6 @@ Commands for bot owners:

 `!sync`
 `!sync.guild`
-`!sync.copy_global` 
+`!sync.copy_global`
 `!sync.clear_guild`
-{% endif %}
+{% endif %}
@@ -9,4 +9,4 @@ Here is the conversation so far:
 **{{ message.text }}**"
 {% endif %}
 {% endfor %}
-:robot: Assistant: { human, pls help me! ... }
+:robot: Assistant: { human, pls help me! ... }
@@ -1,4 +1,4 @@
 Please provide an initial prompt to the assistant.
 {% if task.hint is not none %}
 Hint: {{task.hint}}
-{% endif %}
+{% endif %}
@@ -10,4 +10,4 @@ Rank the following replies:
 {% for reply in task.replies %}
 {{loop.index}}: {{reply}}{% endfor %}

-:scroll: Reply with the numbers of best to worst prompts separated by commas (example: "4,1,3,2").
+:scroll: Reply with the numbers of best to worst prompts separated by commas (example: "4,1,3,2").
@@ -2,4 +2,4 @@ Rank the following prompts:
 {% for prompt in task.prompts %}
 {{loop.index}}: {{prompt}}{% endfor %}

-:scroll: Reply with the numbers of best to worst prompts separated by commas (example: "4,1,3,2").
+:scroll: Reply with the numbers of best to worst prompts separated by commas (example: "4,1,3,2").
@@ -9,4 +9,4 @@ Here is the conversation so far:
 {% endif %}{% endfor %}
 {% if task.hint %}
 Hint: {{ task.hint }}
-{% endif %}
+{% endif %}
@@ -0,0 +1,3 @@
+:robot:  **Challenge: Assistant Reply**
+
+:point_down: Work on it here (:fire: Thread will self-destruct at {{ expiry_time }}, {{ expiry_relative }}).
@@ -0,0 +1,3 @@
+:microphone2:  **Challenge: Initial Prompt**
+
+:point_down: Work on it here (:fire: Thread will self-destruct at {{ expiry_time }}, {{ expiry_relative }}).
@@ -1,3 +1,3 @@
 :bar_chart:  **Challenge: Rank Replies**

-:point_down: Work on it here (:fire: Thread will self-destruct at {{ expiry_time }}, {{ expiry_relative }}).
+:point_down: Work on it here (:fire: Thread will self-destruct at {{ expiry_time }}, {{ expiry_relative }}).
@@ -1,3 +1,3 @@
 :bar_chart:  **Challenge: Rank Initial Prompts**

-:point_down: Work on it here (:fire: Thread will self-destruct at {{ expiry_time }}, {{ expiry_relative }}).
+:point_down: Work on it here (:fire: Thread will self-destruct at {{ expiry_time }}, {{ expiry_relative }}).
@@ -1,3 +1,3 @@
 :ballot_box:  **Challenge: Rate Summary**

-:point_down: Work on it here (:fire: Thread will self-destruct at {{ expiry_time }}, {{ expiry_relative }}).
+:point_down: Work on it here (:fire: Thread will self-destruct at {{ expiry_time }}, {{ expiry_relative }}).
@@ -1,3 +1,3 @@
 :books:  **Challenge: Summarize Story**

-:point_down: Work on it here (:fire: Thread will self-destruct at {{ expiry_time }}, {{ expiry_relative }}).
+:point_down: Work on it here (:fire: Thread will self-destruct at {{ expiry_time }}, {{ expiry_relative }}).
@@ -1,3 +1,3 @@
 :person_red_hair:  **Challenge: User Reply**

-:point_down: Work on it here (:fire: Thread will self-destruct at {{ expiry_time }}, {{ expiry_relative }}).
+:point_down: Work on it here (:fire: Thread will self-destruct at {{ expiry_time }}, {{ expiry_relative }}).
@@ -14,11 +14,8 @@
        "@headlessui/react": "^1.7.7",
        "@heroicons/react": "^2.0.13",
        "@next-auth/prisma-adapter": "^1.0.5",
+        "@next/font": "^13.1.0",
        "@prisma/client": "^4.7.1",
-        "@supabase/auth-helpers-nextjs": "^0.5.2",
-        "@supabase/auth-helpers-react": "^0.3.1",
-        "@supabase/auth-ui-react": "^0.2.6",
-        "@supabase/supabase-js": "^2.1.4",
        "@tailwindcss/forms": "^0.5.3",
        "autoprefixer": "^10.4.13",
        "axios": "^1.2.1",
@@ -1965,6 +1962,11 @@
        "glob": "7.1.7"
      }
    },
+    "node_modules/@next/font": {
+      "version": "13.1.0",
+      "resolved": "https://registry.npmjs.org/@next/font/-/font-13.1.0.tgz",
+      "integrity": "sha512-9+c2eWoeLftcGAul1fiXD8lL4o4/0beQrz2/0h0B0VV5AWrqCCfj/204quUxdp541ab+NCWVX/m49qjbqFMaFA=="
+    },
    "node_modules/@next/swc-android-arm-eabi": {
      "version": "13.0.6",
      "resolved": "https://registry.npmjs.org/@next/swc-android-arm-eabi/-/swc-android-arm-eabi-13.0.6.tgz",
@@ -2265,117 +2267,6 @@
      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.2.0.tgz",
      "integrity": "sha512-sXo/qW2/pAcmT43VoRKOJbDOfV3cYpq3szSVfIThQXNt+E4DfKj361vaAt3c88U5tPUxzEswam7GW48PJqtKAg=="
    },
-    "node_modules/@stitches/core": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@stitches/core/-/core-1.2.8.tgz",
-      "integrity": "sha512-Gfkvwk9o9kE9r9XNBmJRfV8zONvXThnm1tcuojL04Uy5uRyqg93DC83lDebl0rocZCfKSjUv+fWYtMQmEDJldg=="
-    },
-    "node_modules/@stitches/react": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@stitches/react/-/react-1.2.8.tgz",
-      "integrity": "sha512-9g9dWI4gsSVe8bNLlb+lMkBYsnIKCZTmvqvDG+Avnn69XfmHZKiaMrx7cgTaddq7aTPPmXiTsbFcUy0xgI4+wA==",
-      "peerDependencies": {
-        "react": ">= 16.3.0"
-      }
-    },
-    "node_modules/@supabase/auth-helpers-nextjs": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/@supabase/auth-helpers-nextjs/-/auth-helpers-nextjs-0.5.2.tgz",
-      "integrity": "sha512-B+sQFVEImAYOJKyyNX1DWqTF2qVf9SocOM1GD4eGHon6ulvLOo2a8V+v1jZAuLOBF6yzVIYnZucuYKZCiNP/Eg==",
-      "dependencies": {
-        "@supabase/auth-helpers-shared": "0.2.3"
-      },
-      "peerDependencies": {
-        "@supabase/supabase-js": "^2.0.4"
-      }
-    },
-    "node_modules/@supabase/auth-helpers-react": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/@supabase/auth-helpers-react/-/auth-helpers-react-0.3.1.tgz",
-      "integrity": "sha512-g3SFv08Dz9FapNif/ZY1b7qKGlMJDyTLSayHBz3kb3FuYxg7aLWgQtydDhm5AGbc0XtvpIBuhGTIOVevwpdosA==",
-      "peerDependencies": {
-        "@supabase/supabase-js": "^2.0.4"
-      }
-    },
-    "node_modules/@supabase/auth-helpers-shared": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/@supabase/auth-helpers-shared/-/auth-helpers-shared-0.2.3.tgz",
-      "integrity": "sha512-Xwnd2UQ/VTjTKIuVg1Xl/ryrElbSccOJhC11jbVPHOs7Y6yxzy9APxQs//jj4IpbDH4uOEDCdpMIJ0tzRxj9DQ==",
-      "peerDependencies": {
-        "@supabase/supabase-js": "^2.0.4"
-      }
-    },
-    "node_modules/@supabase/auth-ui-react": {
-      "version": "0.2.6",
-      "resolved": "https://registry.npmjs.org/@supabase/auth-ui-react/-/auth-ui-react-0.2.6.tgz",
-      "integrity": "sha512-N2qxgsjxPQZPdDotVumzruj4RHaKNFb9ZRecttMeGOvrYFbMWRQVpWT/rYkTPsRW2phKiGXQlMwha6YxUE+t6Q==",
-      "dependencies": {
-        "@stitches/core": "^1.2.8",
-        "@stitches/react": "^1.2.8",
-        "prop-types": "^15.7.2"
-      },
-      "optionalDependencies": {
-        "fsevents": "^2.3.2"
-      },
-      "peerDependencies": {
-        "react": "^16.13.1 || ^17.0.1 || ^18.0.0",
-        "react-dom": "^16.13.1 || ^17.0.1 || ^18.0.0"
-      }
-    },
-    "node_modules/@supabase/functions-js": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@supabase/functions-js/-/functions-js-2.0.0.tgz",
-      "integrity": "sha512-ozb7bds2yvf5k7NM2ZzUkxvsx4S4i2eRKFSJetdTADV91T65g4gCzEs9L3LUXSrghcGIkUaon03VPzOrFredqg==",
-      "dependencies": {
-        "cross-fetch": "^3.1.5"
-      }
-    },
-    "node_modules/@supabase/gotrue-js": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/@supabase/gotrue-js/-/gotrue-js-2.6.0.tgz",
-      "integrity": "sha512-vU0rSLUIp3mRSGnBYTx0dBc/1gqiEgX1nrw5ewRd1fvld91KeuCyKOnTXFLppFrv5t1+96Lq45g/BaV27lnzig==",
-      "dependencies": {
-        "cross-fetch": "^3.1.5"
-      }
-    },
-    "node_modules/@supabase/postgrest-js": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@supabase/postgrest-js/-/postgrest-js-1.1.1.tgz",
-      "integrity": "sha512-jhdBah1JIxkZUp+5QH5JS7Uq9teGwh0Bs3FzbhnVlH619FSUFquTpHuNDxLsJmqEe8r3Wcnw19Dz0t3wEpkfug==",
-      "dependencies": {
-        "cross-fetch": "^3.1.5"
-      }
-    },
-    "node_modules/@supabase/realtime-js": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@supabase/realtime-js/-/realtime-js-2.1.0.tgz",
-      "integrity": "sha512-iplLCofTeYjnx9FIOsIwHLhMp0+7UVyiA4/sCeq40VdOgN9eTIhjEno9Tgh4dJARi4aaXoKfRX1DTxgZaOpPAw==",
-      "dependencies": {
-        "@types/phoenix": "^1.5.4",
-        "websocket": "^1.0.34"
-      }
-    },
-    "node_modules/@supabase/storage-js": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@supabase/storage-js/-/storage-js-2.1.0.tgz",
-      "integrity": "sha512-bRMLWCbkkx84WDAtHAAMN7FAWuayrGZtTHj/WMUK6PsAWuonovvEa5s34a5iux61qJSn+ls3tFkyQgqxunl5ww==",
-      "dependencies": {
-        "cross-fetch": "^3.1.5"
-      }
-    },
-    "node_modules/@supabase/supabase-js": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/@supabase/supabase-js/-/supabase-js-2.2.1.tgz",
-      "integrity": "sha512-gHm0bYu8NXCVlKIOcuUT9s/izbNlrwIw+UCKTT9sj2gR9QcYoz4jjIWnvNF8Uwtp5Mq1444NI7OH1yK70yJykQ==",
-      "dependencies": {
-        "@supabase/functions-js": "^2.0.0",
-        "@supabase/gotrue-js": "^2.5.0",
-        "@supabase/postgrest-js": "^1.1.1",
-        "@supabase/realtime-js": "^2.1.0",
-        "@supabase/storage-js": "^2.1.0",
-        "cross-fetch": "^3.1.5"
-      }
-    },
    "node_modules/@swc/helpers": {
      "version": "0.4.14",
      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.14.tgz",
@@ -2424,11 +2315,6 @@
      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
    },
-    "node_modules/@types/phoenix": {
-      "version": "1.5.4",
-      "resolved": "https://registry.npmjs.org/@types/phoenix/-/phoenix-1.5.4.tgz",
-      "integrity": "sha512-L5eZmzw89eXBKkiqVBcJfU1QGx9y+wurRIEgt0cuLH0hwNtVUxtx+6cu0R2STwWj468sjXyBYPYDtGclUd1kjQ=="
-    },
    "node_modules/@types/prop-types": {
      "version": "15.7.5",
      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
@@ -2908,18 +2794,6 @@
        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
      }
    },
-    "node_modules/bufferutil": {
-      "version": "4.0.7",
-      "resolved": "https://registry.npmjs.org/bufferutil/-/bufferutil-4.0.7.tgz",
-      "integrity": "sha512-kukuqc39WOHtdxtw4UScxF/WVnMFVSQVKhtx3AjZJzhd0RGZZldcrfSEbVsWWe6KNH253574cq5F+wpv0G9pJw==",
-      "hasInstallScript": true,
-      "dependencies": {
-        "node-gyp-build": "^4.3.0"
-      },
-      "engines": {
-        "node": ">=6.14.2"
-      }
-    },
    "node_modules/call-bind": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
@@ -3116,14 +2990,6 @@
        "node": ">=10"
      }
    },
-    "node_modules/cross-fetch": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.1.5.tgz",
-      "integrity": "sha512-lvb1SBsI0Z7GDwmuid+mU3kWVBwTVUbe7S0H52yaaAdQOXq2YktTCZdlAcNKFzE6QtRz0snpw9bNiPeOIkkQvw==",
-      "dependencies": {
-        "node-fetch": "2.6.7"
-      }
-    },
    "node_modules/cross-spawn": {
      "version": "7.0.3",
      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
@@ -3161,15 +3027,6 @@
      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz",
      "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw=="
    },
-    "node_modules/d": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/d/-/d-1.0.1.tgz",
-      "integrity": "sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==",
-      "dependencies": {
-        "es5-ext": "^0.10.50",
-        "type": "^1.0.1"
-      }
-    },
    "node_modules/damerau-levenshtein": {
      "version": "1.0.8",
      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
@@ -3380,39 +3237,6 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
-    "node_modules/es5-ext": {
-      "version": "0.10.62",
-      "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.62.tgz",
-      "integrity": "sha512-BHLqn0klhEpnOKSrzn/Xsz2UIW8j+cGmo9JLzr8BiUapV8hPL9+FliFqjwr9ngW7jWdnxv6eO+/LqyhJVqgrjA==",
-      "hasInstallScript": true,
-      "dependencies": {
-        "es6-iterator": "^2.0.3",
-        "es6-symbol": "^3.1.3",
-        "next-tick": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/es6-iterator": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.3.tgz",
-      "integrity": "sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==",
-      "dependencies": {
-        "d": "1",
-        "es5-ext": "^0.10.35",
-        "es6-symbol": "^3.1.1"
-      }
-    },
-    "node_modules/es6-symbol": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.3.tgz",
-      "integrity": "sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==",
-      "dependencies": {
-        "d": "^1.0.1",
-        "ext": "^1.1.2"
-      }
-    },
    "node_modules/escalade": {
      "version": "3.1.1",
      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
@@ -3863,19 +3687,6 @@
        "node": ">=0.10.0"
      }
    },
-    "node_modules/ext": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/ext/-/ext-1.7.0.tgz",
-      "integrity": "sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==",
-      "dependencies": {
-        "type": "^2.7.2"
-      }
-    },
-    "node_modules/ext/node_modules/type": {
-      "version": "2.7.2",
-      "resolved": "https://registry.npmjs.org/type/-/type-2.7.2.tgz",
-      "integrity": "sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw=="
-    },
    "node_modules/fast-deep-equal": {
      "version": "3.1.3",
      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -4623,11 +4434,6 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
-    "node_modules/is-typedarray": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
-      "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA=="
-    },
    "node_modules/is-weakref": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
@@ -4990,40 +4796,6 @@
        }
      }
    },
-    "node_modules/next-tick": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.1.0.tgz",
-      "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ=="
-    },
-    "node_modules/node-fetch": {
-      "version": "2.6.7",
-      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
-      "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
-      "dependencies": {
-        "whatwg-url": "^5.0.0"
-      },
-      "engines": {
-        "node": "4.x || >=6.0.0"
-      },
-      "peerDependencies": {
-        "encoding": "^0.1.0"
-      },
-      "peerDependenciesMeta": {
-        "encoding": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/node-gyp-build": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.5.0.tgz",
-      "integrity": "sha512-2iGbaQBV+ITgCz76ZEjmhUKAKVf7xfY1sRl4UiKQspfZMH2h06SyhNsnSVy50cwkFQDGLyif6m/6uFXHkOZ6rg==",
-      "bin": {
-        "node-gyp-build": "bin.js",
-        "node-gyp-build-optional": "optional.js",
-        "node-gyp-build-test": "build-test.js"
-      }
-    },
    "node_modules/node-releases": {
      "version": "2.0.8",
      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.8.tgz",
@@ -6253,11 +6025,6 @@
      "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
      "integrity": "sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ=="
    },
-    "node_modules/tr46": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
-      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="
-    },
    "node_modules/tsconfig-paths": {
      "version": "3.14.1",
      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.1.tgz",
@@ -6293,11 +6060,6 @@
      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
    },
-    "node_modules/type": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/type/-/type-1.2.0.tgz",
-      "integrity": "sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg=="
-    },
    "node_modules/type-check": {
      "version": "0.4.0",
      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
@@ -6320,14 +6082,6 @@
        "url": "https://github.com/sponsors/sindresorhus"
      }
    },
-    "node_modules/typedarray-to-buffer": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
-      "integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==",
-      "dependencies": {
-        "is-typedarray": "^1.0.0"
-      }
-    },
    "node_modules/typescript": {
      "version": "4.9.4",
      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.4.tgz",
@@ -6448,18 +6202,6 @@
        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
      }
    },
-    "node_modules/utf-8-validate": {
-      "version": "5.0.10",
-      "resolved": "https://registry.npmjs.org/utf-8-validate/-/utf-8-validate-5.0.10.tgz",
-      "integrity": "sha512-Z6czzLq4u8fPOyx7TU6X3dvUZVvoJmxSQ+IcrlmagKhilxlhZgxPK6C5Jqbkw1IDUmFTM+cz9QDnnLTwDz/2gQ==",
-      "hasInstallScript": true,
-      "dependencies": {
-        "node-gyp-build": "^4.3.0"
-      },
-      "engines": {
-        "node": ">=6.14.2"
-      }
-    },
    "node_modules/util-deprecate": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -6473,49 +6215,6 @@
        "uuid": "dist/bin/uuid"
      }
    },
-    "node_modules/webidl-conversions": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
-      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
-    },
-    "node_modules/websocket": {
-      "version": "1.0.34",
-      "resolved": "https://registry.npmjs.org/websocket/-/websocket-1.0.34.tgz",
-      "integrity": "sha512-PRDso2sGwF6kM75QykIesBijKSVceR6jL2G8NGYyq2XrItNC2P5/qL5XeR056GhA+Ly7JMFvJb9I312mJfmqnQ==",
-      "dependencies": {
-        "bufferutil": "^4.0.1",
-        "debug": "^2.2.0",
-        "es5-ext": "^0.10.50",
-        "typedarray-to-buffer": "^3.1.5",
-        "utf-8-validate": "^5.0.2",
-        "yaeti": "^0.0.6"
-      },
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/websocket/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/websocket/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
-    },
-    "node_modules/whatwg-url": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
-      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
-      "dependencies": {
-        "tr46": "~0.0.3",
-        "webidl-conversions": "^3.0.0"
-      }
-    },
    "node_modules/which": {
      "version": "2.0.2",
      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -6566,14 +6265,6 @@
        "node": ">=0.4"
      }
    },
-    "node_modules/yaeti": {
-      "version": "0.0.6",
-      "resolved": "https://registry.npmjs.org/yaeti/-/yaeti-0.0.6.tgz",
-      "integrity": "sha512-MvQa//+KcZCUkBTIC9blM+CU9J2GzuTytsOUwf2lidtvkx/6gnEp1QvJv34t9vdjhFmha/mUiNDbN0D0mJWdug==",
-      "engines": {
-        "node": ">=0.10.32"
-      }
-    },
    "node_modules/yallist": {
      "version": "4.0.0",
      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
@@ -8084,6 +7775,11 @@
        "glob": "7.1.7"
      }
    },
+    "@next/font": {
+      "version": "13.1.0",
+      "resolved": "https://registry.npmjs.org/@next/font/-/font-13.1.0.tgz",
+      "integrity": "sha512-9+c2eWoeLftcGAul1fiXD8lL4o4/0beQrz2/0h0B0VV5AWrqCCfj/204quUxdp541ab+NCWVX/m49qjbqFMaFA=="
+    },
    "@next/swc-android-arm-eabi": {
      "version": "13.0.6",
      "resolved": "https://registry.npmjs.org/@next/swc-android-arm-eabi/-/swc-android-arm-eabi-13.0.6.tgz",
@@ -8232,102 +7928,6 @@
      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.2.0.tgz",
      "integrity": "sha512-sXo/qW2/pAcmT43VoRKOJbDOfV3cYpq3szSVfIThQXNt+E4DfKj361vaAt3c88U5tPUxzEswam7GW48PJqtKAg=="
    },
-    "@stitches/core": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@stitches/core/-/core-1.2.8.tgz",
-      "integrity": "sha512-Gfkvwk9o9kE9r9XNBmJRfV8zONvXThnm1tcuojL04Uy5uRyqg93DC83lDebl0rocZCfKSjUv+fWYtMQmEDJldg=="
-    },
-    "@stitches/react": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@stitches/react/-/react-1.2.8.tgz",
-      "integrity": "sha512-9g9dWI4gsSVe8bNLlb+lMkBYsnIKCZTmvqvDG+Avnn69XfmHZKiaMrx7cgTaddq7aTPPmXiTsbFcUy0xgI4+wA==",
-      "requires": {}
-    },
-    "@supabase/auth-helpers-nextjs": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/@supabase/auth-helpers-nextjs/-/auth-helpers-nextjs-0.5.2.tgz",
-      "integrity": "sha512-B+sQFVEImAYOJKyyNX1DWqTF2qVf9SocOM1GD4eGHon6ulvLOo2a8V+v1jZAuLOBF6yzVIYnZucuYKZCiNP/Eg==",
-      "requires": {
-        "@supabase/auth-helpers-shared": "0.2.3"
-      }
-    },
-    "@supabase/auth-helpers-react": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/@supabase/auth-helpers-react/-/auth-helpers-react-0.3.1.tgz",
-      "integrity": "sha512-g3SFv08Dz9FapNif/ZY1b7qKGlMJDyTLSayHBz3kb3FuYxg7aLWgQtydDhm5AGbc0XtvpIBuhGTIOVevwpdosA==",
-      "requires": {}
-    },
-    "@supabase/auth-helpers-shared": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/@supabase/auth-helpers-shared/-/auth-helpers-shared-0.2.3.tgz",
-      "integrity": "sha512-Xwnd2UQ/VTjTKIuVg1Xl/ryrElbSccOJhC11jbVPHOs7Y6yxzy9APxQs//jj4IpbDH4uOEDCdpMIJ0tzRxj9DQ==",
-      "requires": {}
-    },
-    "@supabase/auth-ui-react": {
-      "version": "0.2.6",
-      "resolved": "https://registry.npmjs.org/@supabase/auth-ui-react/-/auth-ui-react-0.2.6.tgz",
-      "integrity": "sha512-N2qxgsjxPQZPdDotVumzruj4RHaKNFb9ZRecttMeGOvrYFbMWRQVpWT/rYkTPsRW2phKiGXQlMwha6YxUE+t6Q==",
-      "requires": {
-        "@stitches/core": "^1.2.8",
-        "@stitches/react": "^1.2.8",
-        "fsevents": "^2.3.2",
-        "prop-types": "^15.7.2"
-      }
-    },
-    "@supabase/functions-js": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@supabase/functions-js/-/functions-js-2.0.0.tgz",
-      "integrity": "sha512-ozb7bds2yvf5k7NM2ZzUkxvsx4S4i2eRKFSJetdTADV91T65g4gCzEs9L3LUXSrghcGIkUaon03VPzOrFredqg==",
-      "requires": {
-        "cross-fetch": "^3.1.5"
-      }
-    },
-    "@supabase/gotrue-js": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/@supabase/gotrue-js/-/gotrue-js-2.6.0.tgz",
-      "integrity": "sha512-vU0rSLUIp3mRSGnBYTx0dBc/1gqiEgX1nrw5ewRd1fvld91KeuCyKOnTXFLppFrv5t1+96Lq45g/BaV27lnzig==",
-      "requires": {
-        "cross-fetch": "^3.1.5"
-      }
-    },
-    "@supabase/postgrest-js": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@supabase/postgrest-js/-/postgrest-js-1.1.1.tgz",
-      "integrity": "sha512-jhdBah1JIxkZUp+5QH5JS7Uq9teGwh0Bs3FzbhnVlH619FSUFquTpHuNDxLsJmqEe8r3Wcnw19Dz0t3wEpkfug==",
-      "requires": {
-        "cross-fetch": "^3.1.5"
-      }
-    },
-    "@supabase/realtime-js": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@supabase/realtime-js/-/realtime-js-2.1.0.tgz",
-      "integrity": "sha512-iplLCofTeYjnx9FIOsIwHLhMp0+7UVyiA4/sCeq40VdOgN9eTIhjEno9Tgh4dJARi4aaXoKfRX1DTxgZaOpPAw==",
-      "requires": {
-        "@types/phoenix": "^1.5.4",
-        "websocket": "^1.0.34"
-      }
-    },
-    "@supabase/storage-js": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@supabase/storage-js/-/storage-js-2.1.0.tgz",
-      "integrity": "sha512-bRMLWCbkkx84WDAtHAAMN7FAWuayrGZtTHj/WMUK6PsAWuonovvEa5s34a5iux61qJSn+ls3tFkyQgqxunl5ww==",
-      "requires": {
-        "cross-fetch": "^3.1.5"
-      }
-    },
-    "@supabase/supabase-js": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/@supabase/supabase-js/-/supabase-js-2.2.1.tgz",
-      "integrity": "sha512-gHm0bYu8NXCVlKIOcuUT9s/izbNlrwIw+UCKTT9sj2gR9QcYoz4jjIWnvNF8Uwtp5Mq1444NI7OH1yK70yJykQ==",
-      "requires": {
-        "@supabase/functions-js": "^2.0.0",
-        "@supabase/gotrue-js": "^2.5.0",
-        "@supabase/postgrest-js": "^1.1.1",
-        "@supabase/realtime-js": "^2.1.0",
-        "@supabase/storage-js": "^2.1.0",
-        "cross-fetch": "^3.1.5"
-      }
-    },
    "@swc/helpers": {
      "version": "0.4.14",
      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.14.tgz",
@@ -8373,11 +7973,6 @@
      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
    },
-    "@types/phoenix": {
-      "version": "1.5.4",
-      "resolved": "https://registry.npmjs.org/@types/phoenix/-/phoenix-1.5.4.tgz",
-      "integrity": "sha512-L5eZmzw89eXBKkiqVBcJfU1QGx9y+wurRIEgt0cuLH0hwNtVUxtx+6cu0R2STwWj468sjXyBYPYDtGclUd1kjQ=="
-    },
    "@types/prop-types": {
      "version": "15.7.5",
      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
@@ -8694,14 +8289,6 @@
        "update-browserslist-db": "^1.0.9"
      }
    },
-    "bufferutil": {
-      "version": "4.0.7",
-      "resolved": "https://registry.npmjs.org/bufferutil/-/bufferutil-4.0.7.tgz",
-      "integrity": "sha512-kukuqc39WOHtdxtw4UScxF/WVnMFVSQVKhtx3AjZJzhd0RGZZldcrfSEbVsWWe6KNH253574cq5F+wpv0G9pJw==",
-      "requires": {
-        "node-gyp-build": "^4.3.0"
-      }
-    },
    "call-bind": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
@@ -8841,14 +8428,6 @@
        "yaml": "^1.10.0"
      }
    },
-    "cross-fetch": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.1.5.tgz",
-      "integrity": "sha512-lvb1SBsI0Z7GDwmuid+mU3kWVBwTVUbe7S0H52yaaAdQOXq2YktTCZdlAcNKFzE6QtRz0snpw9bNiPeOIkkQvw==",
-      "requires": {
-        "node-fetch": "2.6.7"
-      }
-    },
    "cross-spawn": {
      "version": "7.0.3",
      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
@@ -8877,15 +8456,6 @@
      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz",
      "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw=="
    },
-    "d": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/d/-/d-1.0.1.tgz",
-      "integrity": "sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==",
-      "requires": {
-        "es5-ext": "^0.10.50",
-        "type": "^1.0.1"
-      }
-    },
    "damerau-levenshtein": {
      "version": "1.0.8",
      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
@@ -9046,35 +8616,6 @@
        "is-symbol": "^1.0.2"
      }
    },
-    "es5-ext": {
-      "version": "0.10.62",
-      "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.62.tgz",
-      "integrity": "sha512-BHLqn0klhEpnOKSrzn/Xsz2UIW8j+cGmo9JLzr8BiUapV8hPL9+FliFqjwr9ngW7jWdnxv6eO+/LqyhJVqgrjA==",
-      "requires": {
-        "es6-iterator": "^2.0.3",
-        "es6-symbol": "^3.1.3",
-        "next-tick": "^1.1.0"
-      }
-    },
-    "es6-iterator": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.3.tgz",
-      "integrity": "sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==",
-      "requires": {
-        "d": "1",
-        "es5-ext": "^0.10.35",
-        "es6-symbol": "^3.1.1"
-      }
-    },
-    "es6-symbol": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.3.tgz",
-      "integrity": "sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==",
-      "requires": {
-        "d": "^1.0.1",
-        "ext": "^1.1.2"
-      }
-    },
    "escalade": {
      "version": "3.1.1",
      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
@@ -9405,21 +8946,6 @@
      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g=="
    },
-    "ext": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/ext/-/ext-1.7.0.tgz",
-      "integrity": "sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==",
-      "requires": {
-        "type": "^2.7.2"
-      },
-      "dependencies": {
-        "type": {
-          "version": "2.7.2",
-          "resolved": "https://registry.npmjs.org/type/-/type-2.7.2.tgz",
-          "integrity": "sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw=="
-        }
-      }
-    },
    "fast-deep-equal": {
      "version": "3.1.3",
      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -9939,11 +9465,6 @@
        "has-symbols": "^1.0.2"
      }
    },
-    "is-typedarray": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
-      "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA=="
-    },
    "is-weakref": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
@@ -10193,24 +9714,6 @@
        "uuid": "^8.3.2"
      }
    },
-    "next-tick": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.1.0.tgz",
-      "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ=="
-    },
-    "node-fetch": {
-      "version": "2.6.7",
-      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
-      "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
-      "requires": {
-        "whatwg-url": "^5.0.0"
-      }
-    },
-    "node-gyp-build": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.5.0.tgz",
-      "integrity": "sha512-2iGbaQBV+ITgCz76ZEjmhUKAKVf7xfY1sRl4UiKQspfZMH2h06SyhNsnSVy50cwkFQDGLyif6m/6uFXHkOZ6rg=="
-    },
    "node-releases": {
      "version": "2.0.8",
      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.8.tgz",
@@ -10999,11 +10502,6 @@
      "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
      "integrity": "sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ=="
    },
-    "tr46": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
-      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="
-    },
    "tsconfig-paths": {
      "version": "3.14.1",
      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.1.tgz",
@@ -11035,11 +10533,6 @@
        }
      }
    },
-    "type": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/type/-/type-1.2.0.tgz",
-      "integrity": "sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg=="
-    },
    "type-check": {
      "version": "0.4.0",
      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
@@ -11053,14 +10546,6 @@
      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ=="
    },
-    "typedarray-to-buffer": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
-      "integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==",
-      "requires": {
-        "is-typedarray": "^1.0.0"
-      }
-    },
    "typescript": {
      "version": "4.9.4",
      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.4.tgz",
@@ -11124,14 +10609,6 @@
      "integrity": "sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==",
      "requires": {}
    },
-    "utf-8-validate": {
-      "version": "5.0.10",
-      "resolved": "https://registry.npmjs.org/utf-8-validate/-/utf-8-validate-5.0.10.tgz",
-      "integrity": "sha512-Z6czzLq4u8fPOyx7TU6X3dvUZVvoJmxSQ+IcrlmagKhilxlhZgxPK6C5Jqbkw1IDUmFTM+cz9QDnnLTwDz/2gQ==",
-      "requires": {
-        "node-gyp-build": "^4.3.0"
-      }
-    },
    "util-deprecate": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -11142,48 +10619,6 @@
      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg=="
    },
-    "webidl-conversions": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
-      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
-    },
-    "websocket": {
-      "version": "1.0.34",
-      "resolved": "https://registry.npmjs.org/websocket/-/websocket-1.0.34.tgz",
-      "integrity": "sha512-PRDso2sGwF6kM75QykIesBijKSVceR6jL2G8NGYyq2XrItNC2P5/qL5XeR056GhA+Ly7JMFvJb9I312mJfmqnQ==",
-      "requires": {
-        "bufferutil": "^4.0.1",
-        "debug": "^2.2.0",
-        "es5-ext": "^0.10.50",
-        "typedarray-to-buffer": "^3.1.5",
-        "utf-8-validate": "^5.0.2",
-        "yaeti": "^0.0.6"
-      },
-      "dependencies": {
-        "debug": {
-          "version": "2.6.9",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-          "requires": {
-            "ms": "2.0.0"
-          }
-        },
-        "ms": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-          "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
-        }
-      }
-    },
-    "whatwg-url": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
-      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
-      "requires": {
-        "tr46": "~0.0.3",
-        "webidl-conversions": "^3.0.0"
-      }
-    },
    "which": {
      "version": "2.0.2",
      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -11219,11 +10654,6 @@
      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ=="
    },
-    "yaeti": {
-      "version": "0.0.6",
-      "resolved": "https://registry.npmjs.org/yaeti/-/yaeti-0.0.6.tgz",
-      "integrity": "sha512-MvQa//+KcZCUkBTIC9blM+CU9J2GzuTytsOUwf2lidtvkx/6gnEp1QvJv34t9vdjhFmha/mUiNDbN0D0mJWdug=="
-    },
    "yallist": {
      "version": "4.0.0",
      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
@@ -16,6 +16,7 @@
    "@headlessui/react": "^1.7.7",
    "@heroicons/react": "^2.0.13",
    "@next-auth/prisma-adapter": "^1.0.5",
+    "@next/font": "^13.1.0",
    "@prisma/client": "^4.7.1",
    "@tailwindcss/forms": "^0.5.3",
    "autoprefixer": "^10.4.13",
@@ -1,48 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 715.62 494.67">
-  <defs>
-    <radialGradient id="radial-gradient" cx="375.98" cy="-12.21" fx="375.98" fy="-12.21" r="497.2" gradientTransform="translate(0 496) scale(1 -1)" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#fc00ff"/>
-      <stop offset="0" stop-color="#d327fe"/>
-      <stop offset="0" stop-color="#af4afc"/>
-      <stop offset="0" stop-color="#8f69fb"/>
-      <stop offset="0" stop-color="#7384fa"/>
-      <stop offset="0" stop-color="#5d99f9"/>
-      <stop offset="0" stop-color="#4ca9f9"/>
-      <stop offset="0" stop-color="#41b5f8"/>
-      <stop offset="0" stop-color="#3abbf8"/>
-      <stop offset="0" stop-color="#38bdf8"/>
-      <stop offset=".07" stop-color="#31a6f9"/>
-      <stop offset=".24" stop-color="#2274fb"/>
-      <stop offset=".41" stop-color="#164afc"/>
-      <stop offset=".57" stop-color="#0c2afd"/>
-      <stop offset=".73" stop-color="#0613fe"/>
-      <stop offset=".87" stop-color="#0105ff"/>
-      <stop offset="1" stop-color="blue"/>
-    </radialGradient>
-    <radialGradient id="radial-gradient-2" cx="-32.67" cy="158.04" fx="-32.67" fy="158.04" r="497.2" gradientTransform="translate(340.29 396.4) rotate(-39.31) scale(1 -1.17)" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#fc00ff"/>
-      <stop offset="0" stop-color="#fa00ff"/>
-      <stop offset="0" stop-color="#f800ff"/>
-      <stop offset="0" stop-color="#38bdf8"/>
-      <stop offset=".11" stop-color="#2f9ef9"/>
-      <stop offset=".34" stop-color="#1e66fb"/>
-      <stop offset=".55" stop-color="#113afd"/>
-      <stop offset=".74" stop-color="#081afe"/>
-      <stop offset=".89" stop-color="#0207ff"/>
-      <stop offset="1" stop-color="blue"/>
-    </radialGradient>
-    <linearGradient id="linear-gradient" x1="159.14" y1="78.07" x2="347.74" y2="266.67" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#4ba2ea"/>
-      <stop offset="1" stop-color="#235ea5"/>
-    </linearGradient>
-  </defs>
-  <g>
-    <path d="m641.06,74.17h-89.45c-8.23,0-14.91,5.54-14.91,12.37s6.68,12.37,14.91,12.37h89.45c24.66,0,44.73,16.65,44.73,37.1v222.6c0,20.45-20.07,37.1-44.73,37.1h-59.63c-8.23,0-14.91,5.54-14.91,12.37v49.47l-95.41-59.36c-2.56-1.61-5.72-2.47-8.94-2.47h-178.9c-9.24,0-18.22-2.42-25.97-7.02-6.62-3.98-15.98-2.72-20.78,2.84-4.8,5.57-3.28,13.28,3.43,17.26,12.82,7.64,27.79,11.67,43.32,11.67h173.92l115.3,71.73c2.62,1.63,5.78,2.47,8.95,2.47,2.27,0,4.56-.45,6.68-1.34,5.04-2.1,8.23-6.38,8.23-11.06v-61.83h44.73c41.12,0,74.54-27.75,74.54-61.83v-222.6c-.02-34.08-33.44-61.84-74.56-61.84Z" style="fill: url(#radial-gradient);"/>
-    <path d="m432.34,346.27c41.12,0,74.54-27.75,74.54-61.83V61.83c0-34.08-33.42-61.83-74.54-61.83H74.54C33.42,0,0,27.75,0,61.83v222.6c0,34.08,33.42,61.83,74.54,61.83h44.73v61.83c0,4.67,3.19,8.95,8.23,11.06,2.12.87,4.41,1.31,6.68,1.31,3.16,0,6.32-.84,8.95-2.47l115.3-71.73h173.91Zm-187.84-22.25l-95.41,59.36v-49.47c0-6.83-6.68-12.37-14.91-12.37h-59.64c-24.66,0-44.73-16.65-44.73-37.1V61.83c0-20.45,20.07-37.1,44.73-37.1h357.8c24.66,0,44.73,16.65,44.73,37.1v222.6c0,20.45-20.07,37.1-44.73,37.1h-178.9c-3.25,0-6.38.87-8.94,2.48Z" style="fill: url(#radial-gradient-2);"/>
-  </g>
-  <circle cx="253.44" cy="172.37" r="133.36" style="fill: url(#linear-gradient);"/>
-  <circle cx="193.83" cy="172.37" r="19.89" style="fill: #fff;"/>
-  <circle cx="253.44" cy="172.37" r="19.89" style="fill: #fff;"/>
-  <circle cx="313.05" cy="172.37" r="19.89" style="fill: #fff;"/>
-</svg>
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 266.72 266.72">
-  <defs>
-    <linearGradient id="linear-gradient" x1="39.06" y1="39.06" x2="227.66" y2="227.66" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#4ba2ea"/>
-      <stop offset="1" stop-color="#235ea5"/>
-    </linearGradient>
-  </defs>
-  <circle cx="133.36" cy="133.36" r="133.36" style="fill: url(#linear-gradient);"/>
-  <circle cx="73.75" cy="133.36" r="19.89" style="fill: #fff;"/>
-  <circle cx="133.36" cy="133.36" r="19.89" style="fill: #fff;"/>
-  <circle cx="192.96" cy="133.36" r="19.89" style="fill: #fff;"/>
-</svg>
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="512" height="512" version="1.1" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+  <linearGradient id="a" x1="374.17" x2="170.64" y1="-112.67" y2="463" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#16bbf4" offset="0"/>
+   <stop stop-color="#165ff2" offset=".99"/>
+  </linearGradient>
+  <linearGradient id="b" x1="488.28" x2="474.29" y1="112.58" y2="556.15" xlink:href="#a"/>
+  <linearGradient id="linearGradient206" x1="374.17" x2="170.64" y1="-112.67" y2="463" gradientUnits="userSpaceOnUse" xlink:href="#a"/>
+ </defs>
+ <g transform="matrix(.5796 0 0 .5796 66.717 93.438)">
+  <g>
+   <path d="m205.08 399.31h292.41a30 30 0 0 0 30-30v-339.31a30 30 0 0 0-30-30h-467.49a30 30 0 0 0-30 30v339.31a30 30 0 0 0 30 30h42a10 10 0 0 1 10 10v84.85a10 10 0 0 0 10.07 10 9.83 9.83 0 0 0 7-2.95l99-99a10 10 0 0 1 7.01-2.9z" fill="url(#linearGradient206)" style="isolation:isolate"/>
+   <g fill="#ffffff">
+    <path d="m160.43 213c-32.24-20-38.9-71.83-10.42-97.83 18.42-7.6 32.4 12.85 36.62 28.25 10.32 17.45 12.59 41-3.16 56.08a42.81 42.81 0 0 1-23.04 13.5z" style="isolation:isolate"/>
+    <path d="m348.22 213.86c-21.73-15.31-45.37-29.75-71.77-35.15-33.1-4.41-70.73 5.36-91.7 32.87-14.83 14.32-18.34 36.94-5.49 53.76 8.52 19.48 5.59 45.78 28.23 56.94 16 15.83 40 1.27 56.32 14.21a7.6 7.6 0 0 0 5.59-5.05c-4.25-31.33 29.21-16.95 45.66-14.61 19.77-11.71 25.43-36.14 34.75-55.58 12.55-13.83 15-35.25-1.59-47.39z" style="isolation:isolate"/>
+    <path d="m367 118.1c-21.87 2.52-29.89 28.17-40.34 44.42-10.67 20.94 12.26 38.77 28.48 47.89a19.63 19.63 0 0 0 13-1.07c18.86-10.12 26.86-33.43 27.34-53.79 0.24-16.78-8.3-38.93-28.48-37.45z" style="isolation:isolate"/>
+    <path d="m218.7 176c-24-14.47-25.38-45.76-27.32-70.65-0.38-24 35.23-45.5 49.43-20.14 9.8 20.9 21.47 45.47 12.47 68.66-5.68 13.77-20.93 19.73-34.58 22.13z" style="isolation:isolate"/>
+    <path d="m306.18 175.87c-28.48 0.84-43.29-32.4-35.93-56.83 0.17-19.58 7.31-53.56 33.53-48.18 28.29 10.94 34.3 49.46 20.82 74.07-6.77 10-6.2 25.11-18.42 30.94z" style="isolation:isolate"/>
+   </g>
+  </g>
+  <path d="m633.15 225.66h-80.66a10 10 0 0 0-10 10v133.65a45 45 0 0 1-45 45h-185.19a10 10 0 0 0-10 10v47a20 20 0 0 0 19.95 20h194.47a6.65 6.65 0 0 1 4.7 1.95l65.83 65.74a6.65 6.65 0 0 0 11.35-4.7v-56.43a6.65 6.65 0 0 1 6.65-6.65h27.9a20 20 0 0 0 20-20v-225.61a20 20 0 0 0-20-19.95z" fill="url(#b)" style="isolation:isolate"/>
+ </g>
+</svg>
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="512" height="512" version="1.1" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <g>
+  <g>
+   <path d="m185.58 324.88h169.48a17.388 17.388 0 0 0 17.388-17.388v-196.66a17.388 17.388 0 0 0-17.388-17.388h-270.96a17.388 17.388 0 0 0-17.388 17.388v196.66a17.388 17.388 0 0 0 17.388 17.388h24.343a5.796 5.796 0 0 1 5.796 5.796v49.179a5.796 5.796 0 0 0 5.8366 5.796 5.6975 5.6975 0 0 0 4.0572-1.7098l57.38-57.38a5.796 5.796 0 0 1 4.063-1.6808z" fill="#000000" stroke-width=".5796" style="isolation:isolate"/>
+   <g transform="matrix(.5796 0 0 .5796 66.717 93.438)" fill="#ffffff">
+    <path d="m160.43 213c-32.24-20-38.9-71.83-10.42-97.83 18.42-7.6 32.4 12.85 36.62 28.25 10.32 17.45 12.59 41-3.16 56.08a42.81 42.81 0 0 1-23.04 13.5z" style="isolation:isolate"/>
+    <path d="m348.22 213.86c-21.73-15.31-45.37-29.75-71.77-35.15-33.1-4.41-70.73 5.36-91.7 32.87-14.83 14.32-18.34 36.94-5.49 53.76 8.52 19.48 5.59 45.78 28.23 56.94 16 15.83 40 1.27 56.32 14.21a7.6 7.6 0 0 0 5.59-5.05c-4.25-31.33 29.21-16.95 45.66-14.61 19.77-11.71 25.43-36.14 34.75-55.58 12.55-13.83 15-35.25-1.59-47.39z" style="isolation:isolate"/>
+    <path d="m367 118.1c-21.87 2.52-29.89 28.17-40.34 44.42-10.67 20.94 12.26 38.77 28.48 47.89a19.63 19.63 0 0 0 13-1.07c18.86-10.12 26.86-33.43 27.34-53.79 0.24-16.78-8.3-38.93-28.48-37.45z" style="isolation:isolate"/>
+    <path d="m218.7 176c-24-14.47-25.38-45.76-27.32-70.65-0.38-24 35.23-45.5 49.43-20.14 9.8 20.9 21.47 45.47 12.47 68.66-5.68 13.77-20.93 19.73-34.58 22.13z" style="isolation:isolate"/>
+    <path d="m306.18 175.87c-28.48 0.84-43.29-32.4-35.93-56.83 0.17-19.58 7.31-53.56 33.53-48.18 28.29 10.94 34.3 49.46 20.82 74.07-6.77 10-6.2 25.11-18.42 30.94z" style="isolation:isolate"/>
+   </g>
+  </g>
+  <path d="m433.69 224.23h-46.751a5.796 5.796 0 0 0-5.796 5.796v77.464a26.082 26.082 0 0 1-26.082 26.082h-107.34a5.796 5.796 0 0 0-5.796 5.796v27.241a11.592 11.592 0 0 0 11.563 11.592h112.71a3.8543 3.8543 0 0 1 2.7241 1.1302l38.155 38.103a3.8543 3.8543 0 0 0 6.5785-2.7241v-32.707a3.8543 3.8543 0 0 1 3.8543-3.8543h16.171a11.592 11.592 0 0 0 11.592-11.592v-130.76a11.592 11.592 0 0 0-11.592-11.563z" fill="#000000" stroke-width=".5796" style="isolation:isolate"/>
+ </g>
+</svg>
@@ -1,33 +1,14 @@
 import Link from "next/link";
+import Image from "next/image";

-function BackgroundIllustration(props) {
+export function AuthLayout({ children }) {
  return (
-    <svg viewBox="0 0 1090 1090" aria-hidden="true" fill="none" preserveAspectRatio="none" {...props}>
-      <circle cx={545} cy={545} r="544.5" />
-      <circle cx={545} cy={545} r="480.5" />
-      <circle cx={545} cy={545} r="416.5" />
-      <circle cx={545} cy={545} r="352.5" />
-    </svg>
-  );
-}
-
-export function AuthLayout({ title, subtitle, children }) {
-  return (
-    <main className="flex min-h-full overflow-hidden pt-16 sm:py-28">
-      <div className="mx-auto flex w-full max-w-2xl flex-col px-4 sm:px-6">
-        <Link href="/" aria-label="Home">
-          {/* logo */}
+    <main className="flex items-center justify-center min-h-full overflow-hidden pt-16 sm:py-28 subpixel-antialiased">
+      <div className="flex items-center w-full max-w-2xl flex-col px-4 sm:px-6">
+        <Link href="/" aria-label="Home" className="flex items-center text-3xl font-bold text-black">
+          <Image src="/images/logos/logo.svg" width="100" height="100" alt="Open Assistant Logo" /> Open Assistant
        </Link>
-        <div className="relative mt-12 sm:mt-16">
-          <BackgroundIllustration
-            width="1090"
-            height="1090"
-            className="absolute -top-7 left-1/2 -z-10 h-[788px] -translate-x-1/2 stroke-gray-300/30 [mask-image:linear-gradient(to_bottom,white_20%,transparent_75%)] sm:-top-9 sm:h-auto"
-          />
-          <h1 className="text-center text-2xl font-medium tracking-tight text-gray-900">{title}</h1>
-          {subtitle && <p className="mt-3 text-center text-lg text-gray-600">{subtitle}</p>}
-        </div>
-        <div className="-mx-4 mt-10 flex-auto bg-white py-10 px-4 shadow-2xl shadow-gray-900/10 sm:mx-0 sm:flex-none sm:rounded-2xl sm:p-24">
+        <div className="flex-auto items-center justify-center w-full py-10 px-4 sm:mx-0 sm:flex-none sm:rounded-2xl sm:p-20">
          {children}
        </div>
      </div>
@@ -0,0 +1,96 @@
+import React from "react";
+import { signOut, useSession } from "next-auth/react";
+import Image from "next/image";
+import { Popover } from "@headlessui/react";
+import { AnimatePresence, motion } from "framer-motion";
+import { FaCog, FaSignOutAlt, FaGithub } from "react-icons/fa";
+
+export function Avatar() {
+  const { data: session } = useSession();
+
+  if (!session) {
+    return <></>;
+  }
+  if (session && session.user) {
+    const email = session.user.email;
+    const accountOptions = [
+      {
+        name: "Account Settings",
+        href: "#",
+        desc: "Account Settings",
+        icon: FaCog,
+        //For future use
+      },
+    ];
+    return (
+      <Popover className="relative">
+        {({ open }) => (
+          <>
+            <Popover.Button aria-label="Toggle Account Options" className="flex">
+              <div className="flex items-center gap-4 p-1 lg:pr-6 rounded-full bg-white border border-slate-300/70 hover:bg-gray-200/50 transition-colors duration-300">
+                <Image
+                  src="/images/temp-avatars/av1.jpg"
+                  alt="Profile Picture"
+                  width="40"
+                  height="40"
+                  className="rounded-full"
+                ></Image>
+                <p className="hidden lg:flex">{email}</p>
+                {/* Will be changed to username once it is implemented */}
+              </div>
+            </Popover.Button>
+            <AnimatePresence initial={false}>
+              {open && (
+                <>
+                  <Popover.Panel
+                    static
+                    as={motion.div}
+                    initial={{ opacity: 0, y: -10 }}
+                    animate={{ opacity: 1, y: 0 }}
+                    exit={{
+                      opacity: 0,
+                      y: -10,
+                      transition: { duration: 0.2 },
+                    }}
+                    className="absolute right-0 mt-3 w-screen max-w-xs p-4 rounded-md bg-white border border-slate-300/70"
+                  >
+                    <div className="flex flex-col gap-1">
+                      {accountOptions.map((item) => (
+                        <a
+                          key={item.name}
+                          href={item.href}
+                          aria-label={item.desc}
+                          className="flex items-center rounded-md hover:bg-gray-200/50"
+                        >
+                          <div className="p-4">
+                            <item.icon aria-hidden="true" />
+                          </div>
+                          <div>
+                            <p>{item.name}</p>
+                          </div>
+                        </a>
+                      ))}
+                      <a
+                        className="flex items-center rounded-md hover:bg-gray-100 cursor-pointer"
+                        onClick={() => signOut()}
+                      >
+                        <div className="p-4">
+                          <FaSignOutAlt />
+                        </div>
+                        <div>
+                          <p>Sign Out</p>
+                        </div>
+                      </a>
+                    </div>
+                  </Popover.Panel>
+                </>
+              )}
+            </AnimatePresence>
+          </>
+        )}
+      </Popover>
+    );
+  }
+}
+
+export default Avatar;
@@ -12,7 +12,7 @@ export function CallToAction() {
          <h2 className="text-3xl font-medium tracking-tight text-white sm:text-4xl">Join Us</h2>
          <p className="mt-4 text-lg text-gray-300">
            All open source projects begin with people like you. Open source is the belief that if we collaborate we can
-            together gift our knoweledge and technology to the world for the benefit of humanity. Are you in? Find us
+            together gift our knowledge and technology to the world for the benefit of humanity. Are you in? Find us
            here:
          </p>
          <div className="mt-8 flex justify-center">
@@ -27,7 +27,7 @@ export function CallToAction() {
                    d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"
                  />
                </svg>
-                <span className="text-lg ml-3">DISCORD</span>
+                <span className="text-lg ml-3">Discord</span>
              </button>
            </a>

@@ -4,7 +4,9 @@ import { AnimatePresence, motion } from "framer-motion";
 import Image from "next/image";
 import Link from "next/link";
 import { signOut, useSession } from "next-auth/react";
+import { FaUser, FaSignOutAlt } from "react-icons/fa";

+import { Avatar } from "./Avatar";
 import { Container } from "./Container";
 import { NavLinks } from "./NavLinks";

@@ -40,15 +42,13 @@ function MobileNavLink({ children, ...props }) {
 function AccountButton() {
  const { data: session } = useSession();
  if (session) {
-    return (
-      <Button variant="outline" onClick={() => signOut()}>
-        Log out
-      </Button>
-    );
+    return;
  }
  return (
-    <Link href="/auth/signin" aria-label="Home" className="flex items-center">
-      <Button variant="outline">Log in</Button>
+    <Link href="/auth/signup" aria-label="Home" className="flex items-center">
+      <Button variant="outline" leftIcon={<FaUser />}>
+        Log in
+      </Button>
    </Link>
  );
 }
@@ -57,28 +57,22 @@ export function Header() {
  return (
    <header>
      <nav>
-        <Container className="relative z-50 flex justify-between py-8">
+        <Container className="relative bg-white z-10 flex justify-between py-8">
          <div className="relative z-10 flex items-center gap-16">
            <Link href="/" aria-label="Home" className="flex items-center">
-              <Image
-                src="/images/logos/CHAT-THOUGHT-LOGO.svg"
-                className="mx-auto object-fill"
-                width="50"
-                height="50"
-                alt="logo"
-              />
+              <Image src="/images/logos/logo.svg" className="mx-auto object-fill" width="50" height="50" alt="logo" />
              <span className="text-2xl font-bold ml-3">Open Assistant</span>
            </Link>
            <div className="hidden lg:flex lg:gap-10">
              <NavLinks />
            </div>
          </div>
-          <div className="flex items-center gap-6">
+          <div className="flex items-center gap-4">
            <Popover className="lg:hidden">
              {({ open }) => (
                <>
                  <Popover.Button
-                    className="relative z-10 -m-2 inline-flex items-center rounded-lg stroke-gray-900 p-2 hover:bg-gray-200/50 hover:stroke-gray-600 active:stroke-gray-900 [&:not(:focus-visible)]:focus:outline-none"
+                    className="relative z-10 inline-flex items-center rounded-lg stroke-gray-900 p-2 hover:bg-gray-200/50 hover:stroke-gray-600 active:stroke-gray-900 [&:not(:focus-visible)]:focus:outline-none"
                    aria-label="Toggle site navigation"
                  >
                    {({ open }) => (open ? <ChevronUpIcon className="h-6 w-6" /> : <MenuIcon className="h-6 w-6" />)}
@@ -92,7 +86,7 @@ export function Header() {
                          initial={{ opacity: 0 }}
                          animate={{ opacity: 1 }}
                          exit={{ opacity: 0 }}
-                          className="fixed inset-0 z-0 bg-gray-300/60 backdrop-blur"
+                          className="fixed inset-0 z-1 bg-gray-300/60 backdrop-blur"
                        />
                        <Popover.Panel
                          static
@@ -104,15 +98,13 @@ export function Header() {
                            y: -32,
                            transition: { duration: 0.2 },
                          }}
-                          className="absolute inset-x-0 top-0 z-0 origin-top rounded-b-2xl bg-gray-50 px-6 pb-6 pt-32 shadow-2xl shadow-gray-900/20"
+                          className="absolute inset-x-0 top-0 z-0 origin-top rounded-b-2xl bg-white px-6 pb-6 pt-32 shadow-2xl shadow-gray-900/20"
                        >
                          <div className="space-y-4">
                            <MobileNavLink href="#join-us">Join Us</MobileNavLink>
                            <MobileNavLink href="#faqs">FAQs</MobileNavLink>
                          </div>
-                          <div className="mt-8 flex flex-col gap-4">
-                            <AccountButton />
-                          </div>
+                          <div className="mt-8 flex flex-col gap-4"></div>
                        </Popover.Panel>
                      </>
                    )}
@@ -121,6 +113,7 @@ export function Header() {
              )}
            </Popover>
            <AccountButton />
+            <Avatar />
          </div>
        </Container>
      </nav>
@@ -71,7 +71,7 @@ export function Hero() {
            <BackgroundIllustration className="absolute left-1/2 top-4 h-[1026px] w-[1026px] -translate-x-1/3 stroke-gray-300/70 [mask-image:linear-gradient(to_bottom,white_20%,transparent_75%)] sm:top-16 sm:-translate-x-1/2 lg:-top-16 lg:ml-12 xl:-top-14 xl:ml-0" />
            <div className="-mx-4 h-[448px] px-9 [mask-image:linear-gradient(to_bottom,white_60%,transparent)] sm:mx-0 lg:absolute lg:-inset-x-10 lg:-top-10 lg:-bottom-20 lg:h-auto lg:px-0 lg:pt-10 xl:-bottom-32">
              <Image
-                src="/images/logos/CHAT-THOUGHT-CONVO.svg"
+                src="/images/logos/logo.svg"
                className="mx-auto mr-6 object-fill"
                width="450"
                height="450"
@@ -0,0 +1,45 @@
+import { useSession } from "next-auth/react";
+import { Footer } from "../components/Footer";
+import { Header } from "../components/Header";
+import Head from "next/head";
+import Link from "next/link";
+
+export default function Error() {
+  const { data: session } = useSession();
+
+  if (!session) {
+    return (
+      <>
+        <Head>
+          <title>Open Assistant</title>
+          <meta name="404" content="Sorry, this page doesn't exist." />
+        </Head>
+        <Header />
+        <main className="flex h-3/4 items-center justify-center overflow-hidden subpixel-antialiased text-xl">
+          {"Sorry, the page you're looking for doesn't exist."}
+        </main>
+        <Footer />
+      </>
+    );
+  }
+  return (
+    <>
+      <Head>
+        <title>Open Assistant</title>
+        <meta
+          name="description"
+          content="Conversational AI for everyone. An open source project to create a chat enabled GPT LLM run by LAION and contributors around the world."
+        />
+      </Head>
+      <Header />
+      <main>
+        <h2>Open Chat Gpt</h2>
+
+        <p>You are logged in</p>
+
+        <Link href="/grading/grade-output">~Rate a prompt and output now~</Link>
+      </main>
+      <Footer />
+    </>
+  );
+}
@@ -1,12 +1,35 @@
 import { ChakraProvider } from "@chakra-ui/react";
 import { SessionProvider } from "next-auth/react";
+import { Inter } from "@next/font/google";
+import { extendTheme } from "@chakra-ui/react";

 import "../styles/globals.css";
 import "focus-visible";

+const inter = Inter({
+  subsets: ["latin"],
+  variable: "--font-inter",
+});
+
+const theme = extendTheme({
+  styles: {
+    global: {
+      body: {
+        bg: "white",
+      },
+      main: {
+        fontFamily: "Inter",
+      },
+      header: {
+        fontFamily: "Inter",
+      },
+    },
+  },
+});
+
 function MyApp({ Component, pageProps: { session, ...pageProps } }) {
  return (
-    <ChakraProvider>
+    <ChakraProvider theme={theme}>
      <SessionProvider session={session}>
        <Component {...pageProps} />
      </SessionProvider>
@@ -37,7 +37,9 @@ export const authOptions: AuthOptions = {
  adapter: PrismaAdapter(prisma),
  providers,
  pages: {
-    signIn: "/auth/signin",
+    signIn: "/auth/signup",
+    verifyRequest: "/auth/verify",
+    // error: "/auth/error", -Will be used later
  },
  session: {
    strategy: "jwt",
@@ -1,62 +0,0 @@
-import { Button, Input } from "@chakra-ui/react";
-import Head from "next/head";
-import { FaDiscord, FaGithub, FaMagic } from "react-icons/fa";
-import { getCsrfToken, getProviders, signIn } from "next-auth/react";
-import { useRef } from "react";
-
-import { AuthLayout } from "src/components/AuthLayout";
-
-export default function Signin({ csrfToken, providers }) {
-  const { discord, email } = providers;
-  const emailEl = useRef(null);
-  const signinWithEmail = () => {
-    signIn(email.id, { callbackUrl: "/", email: emailEl.current.value });
-  };
-
-  return (
-    <>
-      <Head>
-        <title>Log in</title>
-      </Head>
-      <AuthLayout title="Log In" subtitle={<></>}>
-        <div className="space-y-6 w-100 flex flex-col justify-center items-center ">
-          {discord && (
-            <Button
-              leftIcon={<FaDiscord />}
-              colorScheme="blue"
-              size="lg"
-              w="36"
-              onClick={() => signIn(discord.id, { callbackUrl: "/" })}
-            >
-              Discord
-            </Button>
-          )}
-
-          <Button w="36" leftIcon={<FaGithub />} colorScheme="blue" size="lg">
-            Github
-          </Button>
-
-          {email && (
-            <div>
-              <Input variant="outline" placeholder="Email Address" ref={emailEl} />
-              <Button w="36" leftIcon={<FaMagic />} colorScheme="blue" size="lg" onClick={signinWithEmail}>
-                Email
-              </Button>
-            </div>
-          )}
-        </div>
-      </AuthLayout>
-    </>
-  );
-}
-
-export async function getServerSideProps(context) {
-  const csrfToken = await getCsrfToken();
-  const providers = await getProviders();
-  return {
-    props: {
-      csrfToken,
-      providers,
-    },
-  };
-}
@@ -0,0 +1,103 @@
+import { Button, Input, Stack } from "@chakra-ui/react";
+import Head from "next/head";
+import { FaDiscord, FaEnvelope, FaGithub } from "react-icons/fa";
+import { getCsrfToken, getProviders, signIn } from "next-auth/react";
+import { useRef } from "react";
+import Link from "next/link";
+
+import { AuthLayout } from "src/components/AuthLayout";
+
+export default function Signin({ csrfToken, providers }) {
+  const { discord, email, github } = providers;
+  const emailEl = useRef(null);
+  const signinWithEmail = () => {
+    signIn(email.id, { callbackUrl: "/", email: emailEl.current.value });
+  };
+
+  return (
+    <>
+      <Head>
+        <title>Sign Up - Open Assistant</title>
+        <meta name="Sign Up" content="Sign up to access Open Assistant" />
+      </Head>
+      <AuthLayout>
+        <Stack spacing="2">
+          {email && (
+            <Stack>
+              <Input variant="outline" size="lg" placeholder="Email Address" ref={emailEl} />
+              <Button
+                size={"lg"}
+                leftIcon={<FaEnvelope />}
+                colorScheme="gray"
+                onClick={signinWithEmail}
+                // isDisabled="false"
+              >
+                Continue with Email
+              </Button>
+            </Stack>
+          )}
+          {discord && (
+            <Button
+              bg="#5865F2"
+              _hover={{ bg: "#4A57E3" }}
+              _active={{
+                bg: "#454FBF",
+              }}
+              size="lg"
+              leftIcon={<FaDiscord />}
+              color="white"
+              onClick={() => signIn(discord, { callbackUrl: "/" })}
+              // isDisabled="false"
+            >
+              Continue with Discord
+            </Button>
+          )}
+          {github && (
+            <Button
+              bg="#333333"
+              _hover={{ bg: "#181818" }}
+              _active={{
+                bg: "#101010",
+              }}
+              size={"lg"}
+              leftIcon={<FaGithub />}
+              colorScheme="blue"
+              // isDisabled="false"
+            >
+              Continue with Github
+            </Button>
+          )}
+        </Stack>
+        <div className="pt-10 text-center">
+          By signing up you agree to our <br></br>
+          <Link href="#" aria-label="Terms of Service" className="hover:underline underline-offset-4">
+            <b>Terms of Service</b>
+          </Link>{" "}
+          and{" "}
+          <Link href="#" aria-label="Terms of Use" className="hover:underline underline-offset-4">
+            <b>Privacy Policy</b>
+          </Link>
+          .
+        </div>
+        <hr className="mt-14 mb-4 h-px bg-gray-200 border-0" />
+        <div className="text-center">
+          Already have an account?{" "}
+          <Link href="#" aria-label="Log In" className="hover:underline underline-offset-4">
+            <b>Log In</b>
+          </Link>
+        </div>
+      </AuthLayout>
+    </>
+  );
+}
+
+export async function getServerSideProps(context) {
+  const csrfToken = await getCsrfToken();
+  const providers = await getProviders();
+  return {
+    props: {
+      csrfToken,
+      providers,
+    },
+  };
+}
@@ -0,0 +1,38 @@
+import Head from "next/head";
+import { getCsrfToken, getProviders, signIn } from "next-auth/react";
+import Link from "next/link";
+
+import { AuthLayout } from "src/components/AuthLayout";
+
+export default function Verify() {
+  return (
+    <>
+      <Head>
+        <title>Sign Up - Open Assistant</title>
+        <meta name="Sign Up" content="Sign up to access Open Assistant" />
+      </Head>
+      <AuthLayout>
+        <h1 className="text-lg">A sign-in link has been sent to your email address.</h1>
+        <hr className="mt-14 mb-4 h-px bg-gray-200 border-0" />
+        <Link
+          href="#"
+          aria-label="Log In"
+          className="flex justify-center font-medium text-black hover:underline underline-offset-4"
+        >
+          Already have an account? Log In
+        </Link>
+      </AuthLayout>
+    </>
+  );
+}
+
+export async function getServerSideProps(context) {
+  const csrfToken = await getCsrfToken();
+  const providers = await getProviders();
+  return {
+    props: {
+      csrfToken,
+      providers,
+    },
+  };
+}
@@ -2,6 +2,7 @@ import { useSession } from "next-auth/react";

 import Head from "next/head";
 import Link from "next/link";
+import { Button, Input, Stack } from "@chakra-ui/react";

 import { CallToAction } from "../components/CallToAction";
 import { Faq } from "../components/Faq";
@@ -25,7 +26,7 @@ export default function Home() {
          />
        </Head>
        <Header />
-        <main>
+        <main className="z-0">
          <Hero />
          <CallToAction />

@@ -45,12 +46,10 @@ export default function Home() {
        />
      </Head>
      <Header />
-      <main>
-        <h2>Open Chat Gpt</h2>
-
-        <p>You are logged in</p>
-
-        <Link href="/grading/grade-output">~Rate a prompt and output now~</Link>
+      <main className="h-3/4  z-0 bg-white flex items-center justify-center">
+        <Button size="lg" colorScheme="blue" className="drop-shadow">
+          <Link href="/grading/grade-output">Rate a prompt and output now</Link>
+        </Button>
      </main>
      <Footer />
    </>