metacartel / metacartel-org-site Goto Github PK

Overview

Create a Button (and IconButton) component (or leverage the variants in theme.js) to create the buttons that are the pixel art and text

Details

• Can likely extend the Chakra Button and extend the ButtonProps so that we can have access to all of the button's functionality
• Pixel art icon, text, color and other existing button props

Overview

Create the GrantItem component card

https://www.figma.com/file/GLeuGcjfufcXH9iNCcUop7/MetaCartel-Website?node-id=1096%3A4531

Details

• Flex or HStack that takes in the following:
  • Project name, description/purpose, date, amount, View button

Overview

Let's figure out the Vercel team issues -- we can likely move into the team that the MCON site is on to prevent additional costs

• Set up Vercel staging environment
• Set up Vercel production environment
• Sort out DNS

Finish api connection to dework to pull in projects and display on the site properly.

Overview

Create the EventCard component -- can potentially overlap with the Works in Progress component

https://www.figma.com/file/GLeuGcjfufcXH9iNCcUop7/MetaCartel-Website?node-id=1096%3A4532

Details

• Flex or Box with the following props:
  • DateTime, Event name, Description, Visit button

Overview

Create the IconHeader component with a pixel art icon, heading, and color

Details

• Can extend the HeadingProps or BoxProps from Chakra
• Probably makes sense to be a HStack or Flex with the icon and the heading, which can extend HeadingProps to still have access to things such as as

Idea:
Add a link that says 'suggest a missing grant' and/or 'suggest a missing ecosystem project'
Link to a form that collects an entry.
Entry goes to airtable, where it can be approved, and added to the main airtable.

Current implementation pulls google calendar events into airtable and then to the website. Perhaps there is a cleaner flow here to pull directly from google calendar api.

Overview

Create the Grant / Member section

With SIWE wallet integration setup, we need the Manifesto page setup for users to be able to digitally sign the manifesto.

• Import Manifesto - Options here include importing a .md file of the Manifesto into repo, importing from Arweave, or importing from GitHub User Content.
• Setup a message for user to sign which includes the hash of the manifesto content.
  Note that the GitHub version is markdown and links to Arweave, and the Arweave path is actually html containing a link back to the GitHub version in the html header...

• Display Manifesto on the /manifesto page, including signing and sharing button

• Wire up signing button to sign the message
• Save signature... @jonathanprozzi Remind me, do we know where we're planning to store these?
• Wire up share on Twitter button

Describe the bug
Getting warnings about using an unsupported "style" props on all of our carousel images

image.js?82f6:414 Image with src "/images/FamilyPhotos/metacartel_paris-2021.jpg" is
using unsupported "style" property. Please use the "className" property instead.

To Reproduce
Steps to reproduce the behavior:

0. Spin up development environment, yarn dev
1. Go to 'http://localhost:3000'
2. Open console and see warnings

Expected behavior
PhotoCarousel images should be loaded and displayed without any warnings, while maintaining the styling desired.

Screenshots

Additional info
These are silenced in production

Describe the bug
Ecosystem List is currently based on 'Grant Awarded' tag from the Airtable.

Expected behavior
Many ecosystem partners haven't received a grant, so the list should only be filtered to the 'isEcosystem' tag from the Airtable.

Overview

Create a Section component that we can use for the main 'hero' type sections

Details

• Support background image, copy/heading, and min/max height -- can leverage the existing layout/section component
• Can be used in #11 and #12

Collect and sync images from mcon 2

Overview

Create the 'Our Ecosystem' section and logo grid

Details

• We'll want to think about this section a bit -- a logo grid with some offsets based on index maybe?

Description

• Create the CTA marquee for the bottom of the PageHero component.
• Should include a CTA component to be mapped against data array.
• Click button to scroll horizontally
• Button should disappear when list has reach it's limits in that direction.

Figma screenshot

Calendar functionality is currently limited and buggy with Airtable integration. Changes to events are resulting in a new event in Airtable, and this ends up displayed on the site.

• Fix calendar event storing/fetching to prevent duplicate events, and to allow events to be updated from the backend and still be displayed correctly.
• Also should have a "location" property for these events, even if it's a digital location in some cases.
• The "location" can double as our action link here, since we currently do not have one.
  Suggestion: If the event is virtual, place the URL in location, and use this as the action link. If the event is IRL, place the actual location, and link to a map.
• Make sure a few legit events are on the calendar and functioning appropriately before launch

Explore an integrate an appropriate solution. Keep it minimal and privacy-preserving as possible, while providing us some insight into how the site is being used.

Main data desires:

• general hits to site and individual routes
• IP address for rough geolocation?
• clicks/navigation through the site (which routes users visit and from where)

Overview

Create the "Recent Grants" section

https://www.figma.com/file/GLeuGcjfufcXH9iNCcUop7/MetaCartel-Website?node-id=1096%3A4531

Details

• Stack of each of the grants, using the GrantItem component
• Needs to take in the grants data and populate the components from the grants Airtable
• Utilizes the component from #8

Overview

Create an Icon component that integrates and exports the icons from the style guide

https://www.figma.com/file/GLeuGcjfufcXH9iNCcUop7/MetaCartel-Website?node-id=1115%3A1106

Finish putting in the remainder of Ecosystem projects in the Airtable

Description

• Fetch tweets from @Meta_Cartel twitter account
• Create layout based on Figma
• Wrap in "Section" component (once updated, see issue #31)

Figma screenshot

Description

The "Section" component should:

• Be wrapped in a full-width div, which accepts a color or image as the background
• Have another centered div inside restricting the max width, for content

Currently only wraps children in a single div

Overview

Create the 'If you want to go fast, go alone...' section.

The Manifesto section/component is separate, but is shown in the Figma link and screenshot

https://www.figma.com/file/GLeuGcjfufcXH9iNCcUop7/MetaCartel-Website?node-id=1123%3A1499

Details

Overview

Create the 'An ecosystem...' section

https://www.figma.com/file/GLeuGcjfufcXH9iNCcUop7/MetaCartel-Website?node-id=804%3A2960

Details

• Should be roughly 65/70% of the initial view on desktop
• Can leverage a reusable Section component