Redo front page to support multiple upcoming events

[shrayasr]

Right now only 1 upcoming event can be shown

[astronomersiva]

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]

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]

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

`

Upcoming Events:

Event 1: Timing Google Maps link

Event 2: Timing Google Maps link

Event 3: Timing Google Maps link

`

Screenshot attached below:

[shrayasr]

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]

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.

[shrayasr]

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]

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]

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]

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]

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

[shrayasr]

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! 👍 from me

[whiletruelearn]

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. 👍

Off topic but +1 for Hackathons too 😃

[bravegnu]

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.