accordproject / slack-app

An app for joining the Accord Project Slack workspace
Apache License 2.0
0 stars 0 forks source link

Accord Project Slack Signup #1

Open Michael-Grover opened 4 years ago

Michael-Grover commented 4 years ago

The Accord Project's current slack signup webpage is off-brand and needs an update to match our new website.

image

The slack signup page we currently use is based off of this repo: https://github.com/outsideris/slack-invite-automation

We would like it to function the same, just look different.

State 1: https://invis.io/4WUGDRXGFD3#/389443933_Join_Slack_State_1 image

State 2: When the user clicks "submit", they will see this confirmation screen: https://projects.invisionapp.com/d/main#/console/18713732/389443934/preview image

Reference the invision link or accordproject.org or both for CSS styling. You may need to request access to use the inspect tool on invision. let me know if you need access.

Background: Make it adapt to wide screen widths by fading into a solid color background like at the top of models.accordproject.org There is a noise overlay on this background but I can't find it. Please look through the source code of the above site to find how the background works and where the noise image file is. background-image

Form field:

Like the form fields here but with a white label https://www.accordproject.org/signup

mttrbrts commented 4 years ago

I propose that we use this tool, https://github.com/rauchg/slackin