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

New Landing Page #27

Open
prateekjadhwani opened this issue Jul 5, 2015 · 4 comments
Open

New Landing Page #27

prateekjadhwani opened this issue Jul 5, 2015 · 4 comments

Comments

@prateekjadhwani
Copy link
Member

Here is what I am thinking about the new landing page.
Description of all the numbers are after the image

screenshot_2015-07-05-12-38-23

Number Description
1 The Webcomponents Today Logo
2 Title
3 Subtitle
4 Contributor Title
5 Contributor circular photo
6 RSS fab icon
7 New Podcast Tab that shows the latest podcast
8 All the old podcast/ archives
9 About page
10 ....
11 soundcloud full width element
12 Podcast cover image
13 Podcast summary
14 resource list - need to work on this section
15 Panelist cards / profile images
16 Panelist name and title

There are certain things that I can't figure out. For example: footer. We definitely need a footer, but can figure out what needs to be added there. I would like to add these three lines in the footer

  • Copyright 2015 blah blah
  • Build with Polymer
  • git repo link

But I have no clue if these should be added or not.

Another thing is that, I still need to look into mobile layout. Should we move the tabs to a drawer? And hide the contributors section for mobile? If yes where should be put it?

@Nevraeka
Copy link
Member

Nevraeka commented Jul 7, 2015

#17 has the player but I placed my ideas in this general layout . What do you think?
first draft

@Nevraeka
Copy link
Member

Nevraeka commented Jul 7, 2015

@prateekjadhwani black squares are icons and this is just to show a potential layout

@prateekjadhwani
Copy link
Member Author

I like it. We can definitely replace the waveform color from pick/purple to the primary dark and light colors as per out theme. But what I loved the most is the placement of the waveform and Orange/dark red paper-material. And the footer looks cool as well.

What is the hex code for that orange/dark red section. I will work on it today, and will try to create a PR for that section,

+1 for first draft.

@Nevraeka
Copy link
Member

Nevraeka commented Jul 7, 2015

In addition to white, these are the colors I use in the logo.

  • #f16529 : light orange
  • #e44d26 : dark orange
  • #0170ba : blue

As for the wave form. Whatever colors work

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

No branches or pull requests

2 participants