Introduction

This task is to take the high fidelity mockups created in Issue #1 and implement them.

This task is blocked by that one, so it cannot be started until the mockups are completed. Once mockups are completed to satisfaction, I'll create another bounty for this issue.

Requirements

• Please don't use any external dependencies (frameworks etc). This is a simple page, and I'd like to keep any dependencies out of the equation.
• Clean, well factored, easy to understand html and css.

Deliverables

An implemented version of the mockups created in Github Issue #1.

Local dev setup

Let me know if you run into any issues with the instructions in the main README.md file while getting the project setup locally. I have express setup as a dev-dependency so you can run this site locally. Don't worry about getting the javascript hooked up to the html. I just want all of the html and css elements implemented and I can hook up the javascript events.

Introduction

The burner-signer is a web page on xdai.io which allows users to sign into other websites using their burner wallet identity. A demo of this functionality is here: Demo Site.

Right now, the burner-signer page is completely unstyled, and is confusing for people to use.

We want to mockup this page to:

• Look good
• Thematically match xdaio.io (as well another theme for burnerwallet.io and buffiDai.io)
• Clearly explain what the user is agreeing to
• Handle the case where the user doesn't yet have a burner wallet setup.

Notes about different domains

xdai.io, burnerwallet.io and buffiDai.io are all skins of the burner wallet. They each have slightly different use cases, but at a high level are the same. Style-wise, burnerwallet.io and buffiDai.io are essentially identical, the only difference is the logo.

xdai.io

burnerwallet.io

buffiDai.io

Requirements

1. Create high fidelity design mockup (psd or image) of the login screen. This should include screens for each situation:
   • For each theme: xdaio.io, burnerwallet.io, and buffiDai.io
   • Where the user has an account, or not.

This means there should be 6 screens.
(xdaio.io, signed in)
(xdai.io, signed out)
(burnerwallet.io, signed in)
(burnerwallet.io, signed out)
(buffiDai.io signed in)
(buffiDai.io signed out)

Expected Deliverables

6 psd or image files for the above cases.

Additional Information

The design process often involves multiple iterations. Therefore, please do not expect the task to be closed after the first version is submitted. We do understand the value of every contributors time, which is why we strive to make the task descriptions as detailed as possible. If you have any questions, please don't hesitate to comment on the task.

There is an associated implementation task if you are also a programmer, or are good at turning mockups into html and css code. Implementation Issue