Cosmetic changes discussed by email

[guicoelho]

1. Add headline
2. Add tmrow's favicon
3. Add tmrow's watermark
4. Attempt to simplify initial text/state & make screen cleaner by:
   4.1. Place contribute (exclusively) text under main panel
   4.2 Text changes on initial text

BTW: I've done all this changes without being able to load the map. It's possible that I've overlooked some layout issues since I couldn't test some of the states.

[corradio]

I fixed the build steps so that it's easier to contribute: 1a22538
Can you rebase/merge upstream? Then you will be able to run your test, and I'll be able to test your version.

Command: git merge upstream/master. You can also rebase if you wish.

Thanks!!

[guicoelho]

@corradio should be good to go

[corradio]

I don't like clean vs. dirty.. What did you dislike about the original title?
I liked the fact it had "realtime visualisation" and "climate footprint" (for google searches mostly)

[guicoelho]

My thoughts regarding the original were:

a) Main message that comes through is "This is real-time", while IMO it should be "different countries have different climate footprints related to energy production". Being real-time is a neat detail, definitely helps with PR and is a good show-off but for the average User it doesn't matter that much. In other words, it's important that we mention it but I don't think it has to be on the headline.

b) Felt a little too long. I think titles should be shorter whenever possible but, in this case, the long title also had some visual impact. When I added it on the map it was taking too much space.

Other suggestions could be:

• Climate impact of electricity production in Europe
• CO2 footprint of electricity production in Europe

In any case, I don't think this is something worth discussing further. Here's my opinion but I trust you to make a good judgment.

Let me know what I should change in the PR.

Cheers,
Gui

[corradio]

OK makes sense. About real-time, I'd add one important aspect, which is that with wind and solar, I'd like to emphasise that the real-time component is important because of the fluctuating availability. Energy systems are conventionally thought to be "static", so the distinction was important. Maybe indeed we don't need it.

What about

• Real-time climate impact of the European electricity production?

[guicoelho]

Fine for me!

[corradio]

👍

[guicoelho]

@corradio ping

[corradio]

Nice! Almost there I think. I'll try not to go too much into details and be a perfectionist. That being I said, there's two issues still:

1. I think the title is a bit too big. It makes the panel bigger than necessary (more than 1/3 of the width)
   
2. There's something unbalanced about the logo part
   

• There's an unwanted bottom margin, under the "yellow" part
  
• The logo is a bit too big
• The top block with "an open source project from" having a white background is a bit hard to the eye. Maybe we could make the logo same width as that block, and remove the background?
• The whole (logo + block + contribute) part lights up on hover. Maybe only hover (logo + block)?

Thanks so much!! Once we fix those small issues I'll merge!

[guicoelho]

Hey Oli,

1. No sure if the headline being big is a problem or plus. Anyway, we can easily reduce the font.

• The margin is there to avoid this:
• Sure, let's make it a bit smaller
• We can, be it becomes a little boring... I feel. There's no hierarchy between the text over "Tomorrow" and the one under it.
• Sure, we can do that as well. But I honestly don't see it as an inconvenient atm - the bottom left is like the "Open-source section" that light's up when you hover.

[corradio]

Hey Gui,

1. ok, so let's reduce it a bit.
   2a) Good catch with the link overlay! Let's then add the same margin left and right so they are equal.
   2b,2c,2d) If you don't see any problems with it, I suggest we make the logo smaller so that it has the same width as the "An open-source project from" text. No need to remove the background. Also I'd be happy if we made the hover change. That way we have one independant block which we can re-use, and it will feel like a separate entity.

I won't bother you more :) We can always change it later if needed.

[guicoelho]

Made some changes - to make the bottom left corner more balanced, it's maybe better to go back to the solution you had initially. I've reverted it.

Regarding changing the "open source project" block, it looks huge if I make it as large as the Tomorrow word:

I like the previous style better, looks more like a "tag", it's a bit more subtle:

EDIT: To be clear, I don't think any of these options are particularly good. We definitely have to revisit this later and come up with a proper identity and branding. This is something done in 5min, which is enough for now. That being said, full-width or not, I'm really neutral.. fine with both

[corradio]

Roger that.

All sizes are perfect now - except the "tag" which is too small and hard to read.

My final suggestion is that we use "A project by" and increase a bit the size so it's readable when it's shown on the page. No strong opinion however if you prefer "An open source project by" (instead of from). I'm not sure I understood which version you preferred?

Also we need a target="_blank" for the logo link, but I can add that.

[corradio]

Superb! Merging 🎉 !!