---
# System prepended metadata

title: Tournaments QA

---

# Tournaments QA

## General
**Background colour**
- The background colour of the screen should be Cool Gray 50 (#F8FAFC). If we have time, I think we should also implement this background colour on every page in the web app apart from the Projects page.

![](https://i.imgur.com/uCmwzX4.png)

**Navigation**
- Nagivation modal should have a divider both above and below to give visual distinction between the top nav. As you can see below it doesn't have a top divider so the area begins to merge with the white above.

![](https://i.imgur.com/DDZPTCw.png)

---

## Overview page

**Register card**
This card should have a border width of 1px, not 2. It gives an extra element of depth to the card within a card...

![](https://i.imgur.com/Ix8amNg.png)

**Registration button** 
Once a maker has successfullu registered, we should show the disabled state of the Tertiary (light grey) button, like below:

![](https://i.imgur.com/b4MmWm7.png)

**Sponsors**
Since we only have one sponsor for this tournament currently, we could just dispplay their logo as opposed to a small avatar. Considering they're paying $$$ for the prizes it would be nice to have something slightly more prominent. See below:

![](https://i.imgur.com/dNywBDp.png)

**Judges**
- Add correct animojis for the judges
- Add the following judges:
    - Nicolas Burtey
    - Bumi

**FAQs**
Could we please reduce the heading size of the questions? They seem a bit too big for both web and mobile! Perhaps the same weight but with font-size 18...

## Events page
- Insert the correct images for the different events
- Insert the correct times for the events (I think I got this wrong in the .js file)
- Make sure we can include the full event description in the modals...
- Add a "List an event" button which leads to: https://airtable.com/shrjVx8MjLfl8zyXD

MTG can you see the info in this Airtable form? This is where we store the data (event names, descriptions, etc)
https://airtable.com/appmFLKztNo03p253/tblYjG3rIY0J0GDjL/viwv4i3oVQxwVzOAL?blocks=hide


## Makers page
**Personal hacker card**
- Reduce the text size of the Hacking Status chips so they match the other skills, roles, etc. This should be Body 2 (14px)

![](https://i.imgur.com/1MnWpia.png)

## Registration

**New maker**
After loggin in with my new profile and confirming my details, I was shown this display. 
- Kern/clip the maker's username so that it fits in the modal's content width
- The padding of this modal should be the same as the other 2, which should be 24px on web, 16px on mobile
- If the maker has filled out their name, roles, skills, and a social media link, should we prompt them to "Complete maker profile" as the main CTA? Instead these two buttons could be switched around in terms of the CTA priority.

![](https://i.imgur.com/ofev6rE.png)


## Other

**Hackathons page design**
- We will eventually need to fully redesign this page, however for the time being if we can redesign it to the following it should work for the forseable future.
- The tournament we're currently hosting can be displayed as a big banner across the top. Below is a list of all hackathons and events.

![](https://i.imgur.com/shYbx14.png)

![](https://i.imgur.com/fp38cNP.png)
