Added CSS classes and HTML skeleton for announcement banner.

[Maniktherana]

The billboard's styles can now be implemented with the .banner-container and .banner classes:

<div id="billboard" class=".banner-container">{% block billboard %}
    <div class="banner">
        ...

Resolve #1035

[pauloxnet]

@Maniktherana thanks for your contribution, can you provide a screenshot of your change in dark and light mode ?

[Maniktherana]

@pauloxnet Sure thing, here's what it looks like when I apply them to a banner from a previous commit:

Currently, there's no banner so based on previous commits this is how it can be implemented:

[pauloxnet]

Thanks! I'd like to hear the opinion of @carltongibson who opened the issue #1035

[carltongibson]

Hey @Maniktherana — this looks about right.

Just one comment...

[Maniktherana]

@carltongibson how does this look?

[Maniktherana]

@carltongibson I got rid of the inner div wrapping the p block as it didn't seem to be accomplishing anything.

[Maniktherana]

@carltongibson I just realized that the styles don't make sense according to the screenshots I sent earlier. They should look like this:


In light of this, I'll be keeping the nested div and .banner-container class

[sabderemane]

@Maniktherana are you still working on this ?

[sabderemane]

I update the current branch and have done some edition on style and HTML comment.
This is the result with the current banner with light and dark mode :

@django/djangoproject-com-maintainters should be merged after the remove of the banner for Django Developer Survey

[carltongibson]

Hey @sabderemane — this looks good to me. If you're happy please do proceed!

Thanks! 🎁

[sabderemane]

Thank you for your help to contribute to this @Maniktherana 🎉