Redo front page to support multiple upcoming events

Chennaipy / website

Chennaipy's website at chennaipy.org

Other

12 stars 27 forks source link

Redo front page to support multiple upcoming events #19

Open shrayasr opened 9 years ago

shrayasr commented 9 years ago

Right now only 1 upcoming event can be shown

astronomersiva commented 9 years ago

How about adding the events like this? <div class="cp-info-box">
<b>Upcoming Events:</b>
<a href="#">Event 1</a>, <a href="#">Event 2</a>, <a href="#">Event 3</a>
</div> It works well and the site remains mobile friendly too. Here are some screenshots for your reference.

shrayasr commented 9 years ago

My only concern with this is that it misses one key information and that is Time. Of course it can be arranged chronologically, but that really is just an assumption.

Though this LGTM for a first cut. Maybe on hover we can display the event date?

astronomersiva commented 9 years ago

Well, a small change will make it possible for displaying a separate line for each event.

<div class="cp-info-box"> <b>Upcoming Events:<br></b> <a href="#">Event 1:</a> Timing <a href="#">Google Maps link</a><br> <a href="#">Event 2:</a> Timing <a href="#">Google Maps link</a><br> <a href="#">Event 3:</a> Timing <a href="#">Google Maps link</a> </div>

Screenshot attached below:

shrayasr commented 9 years ago

This brings up a scroll and puts a lot of things out of first view. Can we think of a better design all together?

astronomersiva commented 9 years ago

If the scroll is really a concern, I also agree that a new design is needed. A change in the layout might be sufficient. This opens up a lot of free space in the landing page. It might not look very good if that space is not utilized though.

front

shrayasr commented 9 years ago

This looks like the events are taking up a lot of space. In the case where we will have only one event (and I assume most of the months it'll be this way) then the whitespace would just become too much, no?

astronomersiva commented 9 years ago

That is precisely what I meant in the last line of the prev comment. But going by your assumption that we have not more than one event in a month, this issue of supporting multiple events shouldn't bother us much right?

shrayasr commented 9 years ago

Fair enough. I just left this here for record purposes, that when we need to support something like this, we can discuss it here.

Initially, I think it'll be enough to comma separate it. So if need be, we'll stick to that.

bravegnu commented 9 years ago

I was just thinking, if we should have a separate landing page, rendered outside pelican, may be written in HTML + pure CSS. I have created a separate issue for this #47.

bravegnu commented 9 years ago

Have a look at this, and let me know what you guys think. https://www.dropbox.com/sh/clhl27mzz6pzris/AABnP4t3POQJa1E0bIaogp3Aa?dl=0

shrayasr commented 9 years ago

Have a look at this, and let me know what you guys think. https://www.dropbox.com/sh/clhl27mzz6pzris/AABnP4t3POQJa1E0bIaogp3Aa?dl=0

This looks killer! :+1: from me

whiletruelearn commented 9 years ago

I have seen this template before at purecss.io when i was trying to learn purecss . This looks very good as a base template upon which we can build. :+1:

Off topic but +1 for Hackathons too :smiley:

bravegnu commented 9 years ago

Yep, that was from the purecss landing page layout. http://purecss.io/layouts/marketing/

I should have posted this comment in #47 Will continue the discussion over there.