search

Poniverse / Ponyville-Live

The flagship web application for the Ponyville Live! fan radio, video, podcast, and convention media network.
http://ponyvillelive.com/
Apache License 2.0
14 stars 9 forks source link

Serve a larger title-logo #14

Open AmonBune opened 7 years ago

AmonBune commented 7 years ago

By opening PVL on a 4K screen or simply zooming in you get a blurred title picture presented.

I could fix that simple issue it by replacing the blurry logo served at /static/mid2013/logo_light.png with your high-res variant from poniverse:

<img id="logo-header" alt="Ponyville Live! Logo" src="https://poniverse.net/img/logos/pvl_logo.gif">

After that you have to add these CSS tags for the new, larger logo to show up correctly:

.logo-header {
    width: 310px;
    margin-left: 10px;
}

Before: currentlogo

After: newlogo

After; Looks even nice when zoomed in: newlogo_zoomed

omnicons commented 7 years ago

The only issue I have with this is that it removes the other part of our branding, though I suppose that's fine?

omnicons commented 7 years ago

Oh that and we don't have two versions of the high res one made. You can really start to see the age of the assets we're working with at this point 😛

The logo you're pulling there doesn't work on the dark theme.

AmonBune commented 7 years ago

I'm not asking you to place THAT image there. I just found it on your website. I don't have your assets. I ask you to take the original asset (Because this one is larger, I think?) you created some years ago and a export this in high definition. :D

Yes, I only tested it on my desktop with the light theme. It has to be tested on mobile also. For the different themes: You have to make the background transparent and when the dark theme is selected, the font color should change to white (or whatever color you want) It would also be a step into the future if you only serve the pony icon as an image and actually write the "ponyvillelive!" and "bringing pony people together" as text. (Formatted correctly with CSS of course)