Add tab for press releases to eyeo.com/press

[greiner]

Background

We'd like to have a press releases page on the Eyeo press page to be able to link to our press releases. This ticket was originally part of #2106.

What to change

On eyeo.com/press:

• Remove the right column that contains "Recent coverage" (make sure that the center column occupies the freed-up space)
• Add a new tab "Press releases" right next to the tab "Images"
  • Add two sections "English" and "German" - one after the other - and deep-link to them from the top of the tab content
  • Add the attached (English and German) PDFs to the "Press releases" tab based on the attached design​
    • Press releases should be sorted by date in descending order
    • The date can be taken directly from the PDF file names
    • The shown title can be taken directly from within the PDF documents

[greiner]

Note that I also included the "Remove right sidebar" change in this ticket to avoid the line break in the tab group.

[saroyanm]

Press releases (English)

[saroyanm]

Add two sections "English" and "German" - one after the other - and deep-link to them from the top of the tab content

We do not have TOC implemented for the eyeo.com, not sure if it's really necessary on current stage, because it won't look nice IMO, also people will not be able to share the link, even to the press page I do not mind to tackle this issue within current ticket, but maybe we can leave it for later on because of tight schedule.

[greiner]

Replying to saroyanm:

We do not have TOC implemented for the eyeo.com, not sure if it's really necessary on current stage, because it won't look nice IMO, also people will not be able to share the link, even to the press page I do not mind to tackle this issue within current ticket, but maybe we can leave it for later on because of tight schedule.

The links can be added manually. There's no need to go through the trouble of adding support for automated creation of a table of contents.

The idea behind it is that visitors see - independent of how long the list of press releases is - that there are press releases in different languages without having to discover it by scrolling past the English press releases. However, if there's consent that the list titles (namely "English" and "German") are already a good indicator for that we can skip that one.

[saroyanm]

long titles

[saroyanm]

@ben don't you mind if I'll use short names for some titles ? ex.:
Adblock Plus Builds First Mobile Browser From the Ground Up and First Free Ad Blocker on the Apple App Store Arrives
So they will look better on desktop version of the website (see screenshot)

[greiner]

Replying to saroyanm:

@ben don't you mind if I'll use short names for some titles ? ex.:
Adblock Plus Builds First Mobile Browser From the Ground Up and First Free Ad Blocker on the Apple App Store Arrives
So they will look better on desktop version of the website (see screenshot)

I'd suggest that those titles should rather create a second line. Thereby we could also ensure forwards-compatibility.

[saroyanm]

Replying to greiner:

Replying to saroyanm:

@ben don't you mind if I'll use short names for some titles ? ex.:
Adblock Plus Builds First Mobile Browser From the Ground Up and First Free Ad Blocker on the Apple App Store Arrives
So they will look better on desktop version of the website (see screenshot)

I'd suggest that those titles should rather create a second line. Thereby we could also ensure forwards-compatibility.

Okey, in that case I will suggest create second line on desktop and have new line for smaller screens.

[saroyanm]

Just uploaded screenshot for both versions on mobile Iphone4 I guess both looks okey, so IMO we can have multi line for the titles on mobile as well. Just will add small bottom margin.

[greiner]

Replying to saroyanm:

Just uploaded screenshot for both versions on mobile Iphone4 I guess both looks okey, so IMO we can have multi line for the titles on mobile as well. Just will add small bottom margin.

Let's go with the one on the right side in the screenshot because it looks cleaner and is much more flexible in regards to varying screen sizes.

[ben]

Replying to greiner:

Replying to saroyanm:

Just uploaded screenshot for both versions on mobile Iphone4 I guess both looks okey, so IMO we can have multi line for the titles on mobile as well. Just will add small bottom margin.

Let's go with the one on the right side in the screenshot because it looks cleaner and is much more flexible in regards to varying screen sizes.

Agreed.

@saroyanm, I also agree that the shortened headlines are better. Let me know if you have any questions as to how to shorten them.

[ben]

Small change:

In the Google Drive folder with all the PDFs, I removed one document entitled "2013_8-13_ABP-for-IE_POST"
and added another one: "15-01-27 - Maxthon - US - WEB."

[saroyanm]

Hey @Ben what is the status of the German PDFs ?

[ben]

Replying to saroyanm:

Hey @Ben what is the status of the German PDFs ?

They're in teh same Drive folder. The English ones are in the folder named "EN" and the German ones in the folder labeled "DE."

​https://drive.google.com/drive/u/0/folders/0B8lYM5symyZjZmVmcm1iVHdYVkU

[saroyanm]

Press releases (English)

[saroyanm]

Press releases (German)

[saroyanm]

Changeset:
​https://hg.adblockplus.org/web.eyeo.com/rev/70ee47739d8e