Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

UX & UI design for the interactive HTML demo #953

Closed
arlimus opened this issue Aug 23, 2016 · 6 comments
Closed

UX & UI design for the interactive HTML demo #953

arlimus opened this issue Aug 23, 2016 · 6 comments
Assignees
@arlimus
Labels
Type: Chore How can you have any pudding if you don't eat your meat?
Milestone
0.33.0

Comments

@arlimus
Copy link
Contributor

arlimus commented Aug 23, 2016 •
edited
Loading

A part of #851
@arlimus arlimus added the Type: Chore How can you have any pudding if you don't eat your meat? label Aug 23, 2016
@arlimus arlimus added this to the 0.32.0 milestone Aug 23, 2016
@arlimus arlimus mentioned this issue Aug 23, 2016
Closed
16 tasks
@arlimus arlimus self-assigned this Aug 23, 2016
@arlimus
Copy link
Contributor Author

arlimus commented Aug 24, 2016

Analogous to https://www.vaultproject.io/#/demo/0

Keep:

  • Move forward via next, backward via previous

A few adjustments:

  • Max width of the console and text explaining the demo is 1200px

@chris-rock chris-rock modified the milestones: 0.33.0, 0.32.0 Aug 26, 2016
@arlimus
Copy link
Contributor Author

arlimus commented Aug 29, 2016

For the regular demo sections (i.e. interactive shell and CLI):

screenshot from 2016-08-29 15-32-08

@arlimus
Copy link
Contributor Author

arlimus commented Aug 29, 2016

For the full demo, here's the HTML with all CSS: https://gist.github.com/arlimus/9ef33433efaf0ae9cea73db43af8b831

@arlimus
Copy link
Contributor Author

arlimus commented Aug 29, 2016

For the interactive shell, it will look like this:
screenshot from 2016-08-29 16-14-09

Full html and css: https://gist.github.com/arlimus/bb89d3aea9e3154d56158e81147370bf

@arlimus
Copy link
Contributor Author

arlimus commented Aug 29, 2016

And the final one, as a stretch goal, for the full profile demo:
screenshot from 2016-08-29 17-04-42

Full html and css: https://gist.github.com/arlimus/ebc4d8207600594c600c53f5d2de8bf4

@arlimus
Copy link
Contributor Author

arlimus commented Aug 29, 2016

Completed, please reopen if anything is missing.

@arlimus arlimus closed this as completed Aug 29, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@arlimus arlimus

Labels
Type: Chore How can you have any pudding if you don't eat your meat?
Projects
None yet
Milestone
0.33.0
Development

No branches or pull requests
2 participants
@chris-rock @arlimus