Build Landing Page

[Nneka]

Stuff for home page

• Navigation (this probably could come later)
• General event info (name, dates, location)
• Featured keynote
• Subscribe for updates
• News list (1-5 items long)
• Social media links/icons
• Session tracks (pane there, waiting on icons)
• Diamond sponsors in top (pane there, needs styling)
• Become a sponsor
• Submit a session
• Apply for scholarship

The old site home page was controlled/built using a mix of:

• Drupal theming (for the large banner with the name)
• Drupal's default blocks interface (to place the "nice" menu at the top, main page content and footer)
• and the system node page/panel for the bulk of the page contents with some basic visibility rules for certain panes (rendered node, news view block, tweets pane, sponsors view side-bar & sponsors view footer)

The node page panel was also used for all other nodes, except for session nodes, which had it's own variant in the panel.

So what do we want to do with the new site? What do we want on the new site? Lets think out the structure of the page, so we can decide how best to build it.

[timwood]

@jonraedeke @Nneka @alisonjo2786
What do we think should go on the homepage to begin with? How's this list for starters?

• Navigation (this probably could come later)
• General event info (name, dates, location, featured keynote)
• Subscribe for updates
• News list (1-5 items long)
• Social media links/icons
• Become a sponsor
• Submit a session
• Apply for scholarship

[jonraedeke]

@timwood This looks like a good list. I can't think of anything else. I'm working on a home page mockup. Feel free to add raw info to the site in the mean time.

[timwood]

I'd like to have a discussion and perhaps consensus about how we should manage the home page (and others) in COD. Certain elements that are common for all pages (navigation/banner, footer, sponsors) should be in the theme, placed via context, the default block system or other site-wide mechanism/module.

But we should also consider that we plan to use this COD install for future events as it supports doing that. Each event is an Organic Group (on steroids) so multiple events can exist in one Drupal install, either as archives of past events or even concurrent events. The home page can be one, active event or provide info about multiple. Looks like the Drupal Association has started doing this with DrupalCon LA https://events.drupal.org/losangeles2015 although the Barcelona 2015 event isn't on that site yet and only appears to be a static, one-pager, so maybe the plan is to put it on events.drupal.org after LA or sometime sooner than that.

I'm also thinking about how the development, staging and production workflow will work. Do we have time & effort to codify all changes, overrides or modifications to COD that we make?

[jonraedeke]

multiple events can exist in one Drupal install

@timwood Can we make this event url be http://drupalgovcon.org/2015 and have http://drupalgovcon.org/ point there? That way users would logically type a different year to access previous or upcoming events. Maybe this is what you were already alluding to.

From a theming perspective, we'll probably want to change up the look and feel each year. But given the timing, we could address that after the event with the themekey module per path or per OG and just make sub-sub-themes each year to tweak the look but not start from scratch. I will try to separate styling that is very event specific so we can keep overall layout grid etc.

codify all changes, overrides or modifications to COD that we make?

I think we should try to do really broad features to codify the site. It's really harsh when changes have to be made on production due to the fact that there will be many users and multiple events.

[timwood]

I've added the redirect module and configured one redirect for / to the 2015 event node.

[alisonjo315]

That sounds awesome. I'd be happy to help start the hp if there's even
just a very rough mockup to start -- or are we wanting to discuss more
first?
On Mar 12, 2015 3:37 AM, "Tim Wood" [email protected] wrote:

I've added the redirect module and configured one redirect for / to the
2015 event node.

—
Reply to this email directly or view it on GitHub
#22 (comment)
.

[timwood]

I started working on this because I was also working on some stuff for the registration page, but got hung up when my features overrides started to make default COD features overridden. ugh!

[timwood]

Okay. Got it to work! The home page (and any other event added later) is now rendered by a panelizer panel. COD came with a default panelizer panel, even though it wasn't enabled, so I left that alone and allowed selection of panelizer panel for conference/event content type and added a new panelizer panel called DGC 2015.

I disabled the output of the event description (body) and dates, but we can add them later. I just thought they didn't fit very well without some additional styling.

There is a place for Sponsors, News, the session tracks are output via a view (and need styling).

[alisonjo315]

Sounds fantastic!
On Mar 14, 2015 2:35 AM, "Tim Wood" [email protected] wrote:

Okay. Got it to work! The home page (and any other event added later) is
now rendered by a panelizer panel. COD came with a default panelizer panel,
even though it wasn't enabled, so I left that alone and allowed selection
of panelizer panel for conference/event content type and added a new
panelizer panel called DGC 2015.

I disabled the output of the event description (body) and dates, but we
can add them later. I just thought they didn't fit very well without some
additional styling.

There is a place for Sponsors, News, the session tracks are output via a
view (and need styling).

—
Reply to this email directly or view it on GitHub
#22 (comment)
.

[timwood]

@jonraedeke is going to add big buttons for tickets and sessions submissions to the home page panelizer via simple link and styling.

[jonraedeke]

@timwood I decided to style the Diamond sponsors in a big beveled box full width above the News on the homepage and show only the other sponsors at the bottom. I might still change my mind and put it up to the right of the date.

[alisonjo315]

​Pretty!​

[jonraedeke]

I do think I will move it up to the right after we get more content on the homepage. This takes up a lot of real estate. Good enough for now.

[timwood]

Looks great, Jon. I like the logos centered too.

In addition to session tracks, we are still missing Featured keynote (Dries' photo) and subscribe for updates box. I think these would be the next two most important things, after the session tracks. Thanks for working on this last night!

[timwood]

@jonraedeke Can you also apply the same styling treatment to the sponsors page view?

[timwood]

I was able to add the bevel class to the sponsors page view to style it a little. Doesn't highlight diamond over others on the page in anyway. Couldn't figure out how to make the views grouping use an H2 tag for the grouped field output. Changing the style/field of the grouped field in the field list did not help.

[jonraedeke]

I was able to add the bevel class to the sponsors page view to style it a little.

Cool, thx

Doesn't highlight diamond over others on the page in anyway.

Would you like it to?

Couldn't figure out how to make the views grouping use an H2 tag for the grouped field output.

@timwood No worries, I can just style the H3. That's what I did on the home page.

[timwood]

I guess it doesn't have to highlight Diamond any differently on the sponsors page.

[jonraedeke]

@timwood I committed styling for the sponsor level h3 headings.

[timwood]

@jonraedeke If you have time, bump for session tracks and Featured keynote (Dries' photo) on home page.

[timwood]

I tried dropping the session track attachment view onto the home page panel, which worked okay, but I didn't want to leave it w/out your input and plus the bottom sponsors box did weird things (overlaying on top of all other objects) when the session tracks view was right above it in the pane order.

[jonraedeke]

Tim, that will be a perfect way to add the tracks. Just do it in dev and I will fix the style bugs and probably display side by side.

Sent from my iPhone

On Apr 12, 2015, at 1:26 PM, Tim Wood [email protected] wrote:

I tried dropping the session track attachment view onto the home page panel, which worked okay, but I didn't want to leave it w/out your input and plus the bottom sponsors box did weird things (overlaying on top of all other objects) when the session tracks view was right above it in the pane order.

—
Reply to this email directly or view it on GitHub.

[timwood]

Side by side sounds good. Maybe just large icons with title shown on hover?
On Apr 12, 2015 3:18 PM, "Jon Raedeke" [email protected] wrote:

Tim, that will be a perfect way to add the tracks. Just do it in dev and I
will fix the style bugs and probably display side by side.

Sent from my iPhone

On Apr 12, 2015, at 1:26 PM, Tim Wood [email protected] wrote:

I tried dropping the session track attachment view onto the home page
panel, which worked okay, but I didn't want to leave it w/out your input
and plus the bottom sponsors box did weird things (overlaying on top of all
other objects) when the session tracks view was right above it in the pane
order.

—
Reply to this email directly or view it on GitHub.

—
Reply to this email directly or view it on GitHub
#22 (comment)
.

[timwood]

So I decided to try placing the Sessions attachment view in the "top right" panel region and moving the news list to the "left content" panel region. The result is pretty decent, except that the breakpoint which causes the sessions pane to jump above the news is too late. I looked at other panel layout options, including the Omega page and content options, but couldn't decide on one that would work. If we can shorten news (maybe only list two items) or get the featured keynote object in there, I think the session tracks object can stay there. The screenshot below is how it looks and this is currently in develop branch.

Whoops, meant to put the sessions pane into "bottom right". @jonraedeke Please change if you get to this.

[timwood]

Just wanted to add this screenshot from issue #21 (comment) for reference here:

[timwood]

Shifting to next milestone.

[timwood]

@jonraedeke Do you know when you might have some time to work on the home page?

[jonraedeke]

@timwood I hope to get the dries image and some news theming done tonight.

[jonraedeke]

@timwood I pushed the news styling (to include the date) and the Dries callout. Homepage still needs twitter feed, subscribe and social media links possibly.

[timwood]

Looks awesome!
On May 8, 2015 1:25 AM, "Jon Raedeke" [email protected] wrote:

@timwood https://github.com/timwood I pushed the news styling (to
include the date) and the Dries callout. Homepage still needs twitter feed,
subscribe and social media links possibly.
[image: screen shot 2015-05-08 at 1 22 24 am]
https://cloud.githubusercontent.com/assets/2054715/7531017/140470c0-f521-11e4-8130-7120999f9083.png

—
Reply to this email directly or view it on GitHub
#22 (comment)
.

[jonraedeke]

Added Twitter feed to homepage.

[timwood]

@jonraedeke Looks great. What did you use to accomplish the twitter feed? I haven't had a chance to look yet.

[jonraedeke]

I just put the Twitter embed code straight into a custom panel pane since the Twitter Block module didn't featurize.

Sent from my iPhone

On May 16, 2015, at 10:02 AM, Tim Wood [email protected] wrote:

@jonraedeke Looks great. What did you use to accomplish the twitter feed? I haven't had a chance to look yet.

—
Reply to this email directly or view it on GitHub.

[timwood]

Created separate tasks for:
Social media links/icons
Subscribe for Updates

"Become a sponsor" item ended up as a main menu item.

Calling this issue done!