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.

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

Make it look nice #1

Closed
khalillechelt opened this issue Dec 10, 2015 · 11 comments
Closed

Make it look nice #1

khalillechelt opened this issue Dec 10, 2015 · 11 comments

Comments

@khalillechelt
Copy link

Basic functionality seems to be there if I understand @cilice, so now we just have to give it a simple clean look to launch an Alpha on a free heroku account. @ollicle did you want to maybe look into this?

@ollicle
Copy link
Contributor

ollicle commented Dec 12, 2015

Sure, although I can’t make any promises on timeliness. So all other efforts are welcome :)

Looking nice requires a good structure, so as a start I spent some time thinking about the HTML: http://output.jsbin.com/rukepe

The basic thought is that the query is expressed as a single phrase with form elements inserted at appropriate points in the sentence. In one line we get the interface and immediate purpose of the app.

Included is http://leaverou.github.io/stretchy/ to minimises the width of the form elements – making them behave more like words.

Also added some additional details to the reviews themselves.

@ollicle
Copy link
Contributor

ollicle commented Dec 13, 2015

With some basic styling: http://output.jsbin.com/qozece/3

@ollicle
Copy link
Contributor

ollicle commented Dec 13, 2015

Played some more today: http://output.jsbin.com/qozece/10
That round button is supposed to be a ball – think of it as a rough CSS sketch.

@khalillechelt
Copy link
Author

Great start! Thanks Ollie!

Von meinem iPhone gesendet

Am 13.12.2015 um 11:34 schrieb Oliver Boermans notifications@github.com:

Played some more today: http://output.jsbin.com/qozece/10


Reply to this email directly or view it on GitHub.

@cilice
Copy link
Contributor

cilice commented Dec 14, 2015

Could you help me out, which components should I pick there? http://www.material-ui.com/#/components/appbar

Otherwise I'd just go without material design, as I'm not a big fan of it.

@cilice
Copy link
Contributor

cilice commented Dec 14, 2015

And I started deploying it on http://fido.surge.sh/

@khalillechelt
Copy link
Author

@cilice No need to use material design since we already have a rudimentary UI thanks to @ollicle (see above). Can you use that? I'd like to iterate the design in the details a little later on but for starters its fine I'd say.

@cilice
Copy link
Contributor

cilice commented Dec 14, 2015

Sure, could do :)

@cilice
Copy link
Contributor

cilice commented Dec 14, 2015

@ollicle We need a simple way to add podcasts, selecting one in the dropdown has no way to add or delete one from the dropdown.

@ollicle
Copy link
Contributor

ollicle commented Dec 15, 2015

@cilice Indeed, would be nice to have a welcome with a somewhat different view for adding your first podcast. Does a separate view fall within simple?

@khalillechelt
Copy link
Author

I am closing this ticket. Enhancements on the UI should be discussed in their own respective tickets.
The improvement for adding podcasts is being addressed in #4.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants