WordPress.org

Making WordPress.org

Changeset 6086


Ignore:
Timestamp:
11/07/2017 10:59:56 PM (8 months ago)
Author:
coreymckrill
Message:

WordCamp Central: Modify markup for regional promos banner

The old markup didn't properly support the mobile version of the
banner. This commit attempts to add art direction and better support
while still being cross browser compatible.

This also uses different images for the banner.

Location:
sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012/header.php

    r6079 r6086  
    6464    <section class="regional-camps-promo">
    6565        <a href="https://2017.us.wordcamp.org/tickets/">
    66             <img
    67                 src="https://s.w.org/images/home/wcus-banner-2017.png"
    68                 srcset="
    69                     https://s.w.org/images/home/wcus-banner-2017_small.png 800w,
    70                     https://s.w.org/images/home/wcus-banner-2017.png 900w,
    71                     https://s.w.org/images/home/wcus-banner-2017x2.png 1800w"
    72                 alt="WordCamp US 2017 in Nashville banner" />
     66            <picture>
     67                <source
     68                    srcset="
     69                        https://central.wordcamp.org/files/2017/11/wcc-wcus-2017.png,
     70                        https://central.wordcamp.org/files/2017/11/wcc-wcus-2017_2x.png 2x"
     71                    media="(min-width: 500px)" />
     72                <source
     73                    srcset="https://central.wordcamp.org/files/2017/11/wcc-wcus-2017_mobile.png" />
     74                <img
     75                    src="https://central.wordcamp.org/files/2017/11/wcc-wcus-2017.png"
     76                    alt="WordCamp US 2017 in Nashville banner" />
     77            </picture>
    7378        </a>
    7479    </section>
  • sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012/style.css

    r6079 r6086  
    599599
    600600.regional-camps-promo {
    601     /* background-color: #e0f5fa; */
    602601    background-color: #000000;
    603     text-align: center;
    604602}
    605603
     
    608606    max-width: 960px;
    609607    margin: 0 auto;
     608    width: 100%;
    610609}
    611610
Note: See TracChangeset for help on using the changeset viewer.