CentralNotice/Request/Czech Wiki Photo 2023

Czech Wiki Photo 2023 - open call

Richard Sekerak (WMCZ) (talk · contribs · page moves · block user · block log), primary contact (Requested at 19:40, 11 September 2023 (UTC))[reply]

Central Notice Settings

What is the campaign duration?

01.10.2023 → 28.08.2023

Which projects will you be targeting?

All projects

What languages will you be targeting?

Czech

Do you wish to show banners to Logged In users, Anonymous Users or Both? Do you want to target users with a specific number of edits or average monthly?

Both

What countries will your campaign target?

Czech republic

Banner/Campaign Diet:

To be determined by Central Notice admin

What is the purpose of the campaign? How will you measure the success of the campaign?

Description - Czech Wiki Photo 2023 is a photocontest focusing on photographers living in the Czech Republic. Through this activity we would like to attract new users and engage active members of our community.

Metrics - number of files uploaded, numbers of articles in which those files were used, number of Newikipedists

What banner(s) will you use? What will be your landing page?

Banners -

<style type="text/css">
    #wlm-de {
        padding: 0;
        width: 100%;
        margin-bottom: 1em;
        position: relative;
    }
   
    #mw-mf-viewport #wlm-de {
        margin-bottom: 0!important;
    }
   
    #wlm-de>a {
        display: table;
        table-layout: fixed;
        border: 1px solid rgba(0, 0, 0, 0.3);
        background-color: #FFFFFF;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.25;
        text-align: left;
        width: 100%;
        padding: 0;
        box-shadow: 0.1em 0.1em 0.6em 0 rgba(0, 0, 0, 0.4);
        transition: box-shadow 0.3s;
        height: auto;
        text-decoration: none;
    }
   
    #wlm-de>a:hover {
        text-decoration: none;
        box-shadow: 0.06em 0.06em 0.4em 0 rgba(0, 0, 0, 0.7);
    }
   
    #wlm-de,
    #wlm-de * {
        box-sizing: border-box;
    }
   
    #wlm-de>a>* {
        display: table-cell;
        vertical-align: middle;
        padding: 0.7em 1.5em;
    }
   
    #wlm-de>a .wlm-logo {
        width: 10em;
        text-indent: -1000em;
        background-image: url('https://upload.wikimedia.org/wikipedia/commons/2/25/CWP_banner_nahravaci_formular.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 40% 47%;
    }
   
    #wlm-de>a .wlm-image {
        background-size: auto 100%;
        background-repeat: repeat-1;
        background-image: url('https://upload.wikimedia.org/wikipedia/commons/2/2f/Cwp_2023_banner.jpg');
        background-position: 0 50%;
        transition: background-position 10s;
    }
   
    #wlm-de>a:hover .wlm-image {
        background-position: 100% 50%;
    }
   
    #wlm-de .wlm-cta {
        position: relative;
        background-color: #990000;
        color: #FFF;
        width: 20em;
        padding-right: 1.5em;
    }
   
    #wlm-de .wlm-cta:after {
        position: absolute;
        right: 0.7em;
        top: 50%;
        transform: translateY(-61%);
        content: '»';
        display: block;
        font-size: 2em;
        font-weight: normal;
        transition: right 0.3s;
    }
   
    #wlm-de a:hover .wlm-cta:after {
        right: 0.4em;
    }
   
    #wlm-de .wlm-close {
        position: absolute;
        right: 0.4em;
        top: 0.4em;
    }
   
    .banner-container {
        margin: 0;
        max-width: 100%;
    }
   
    @media screen and (max-width:719px) {
        #wlm-de > a .wlm-logo {
            position: absolute;
            background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/3/32/CWP_logo_white_shadow.png/736px-CWP_logo_white_shadow.png');
        }
        #wlm-de>a {
            display: block;
            table-layout: auto;
            height: auto;
        }
        #wlm-de>a>* {
            display: block;
            width: 100%!important;
            min-height: 88px;
            vertical-align: middle;
        }
        #wlm-de>a>.wlm-cta {
            font-size: .8em;
            min-height: 2.8em;
            padding-right: 3em;
        }
        #wlm-de>a .wlm-logo {
            background-position: 48% 47%;
        }
        #wlm-de>a br {
            display: none;
        }
        #wlm-de .wlm-close {
            right: 0;
            top: 0;
        }
        #wlm-de .wlm-close a {
            display: block;
            padding: 1em 1em .5em .5em;
        }
    }
   
    @media screen and (max-width:55.8em) {
        .wlm-de {
            position: relative;
            top: -1px;
            margin-left: -20px!important;
            margin-right: -20px!important;
        }
        .wlm-de .outer-box,
        .wlm-de .inner-box {
            padding-left: 2em!important;
            padding-right: 2em!important;
        }
        .wlm-de .inner-box {
            margin-left: -2em!important;
            margin-right: -2em!important;
        }
        .wlm-de .wlm-title {
            font-size: 5.4vw!important;
        }
    }
   
    @media screen and (max-width:30em) {
        .wlm-de .wlm-title {
            font-size: 7.2vw!important;
        }
    }
</style>
 
<div id="wlm-de">
    <a href="https://commons.wikimedia.org/wiki/Commons:Czech_Wiki_Photo" target="_blank">
        <div class="wlm-logo">Wiki Loves Earth</div>
        <div class="wlm-image"></div>
        <div class="wlm-cta">Zapojte se do Czech Wiki Photo 2023 a vyhrajte skvělé ceny!</div>
    </a>
    <div id="cn-toggle-box" class="wlm-close">
        <a href="#" title="{{int:centralnotice-shared-hide}}" onclick="mw.centralNotice.hideBanner();return false;">
            <img border="0" src="https://upload.wikimedia.org/wikipedia/foundation/2/20/CloseWindow19x19.png" alt="{{int:centralnotice-shared-hide}}" /></a>
    </div>
</div>

Landing Page - https://commons.wikimedia.org/wiki/Commons:Czech_Wiki_Photo

Is this project grant funded? Please provide a link

Type of grant - Wikimedia Community Fund

Link to grant - https://meta.wikimedia.org/wiki/Grants:Programs/Wikimedia_Community_Fund/Wikimedia_Czech_Republic

Discussion

Central Notice admin comments

@Richard Sekerak (WMCZ): I've created campaign and banner (thanks for the source code!). Please check these and the preview. As soon as you approve it, I can enable the campaign. Best, —DerHexer (Talk) 10:47, 7 July 2023 (UTC)[reply]
@DerHexer I've checked the campaign and banner and it looks fine. Just one thing, could you please change the background color on the left side of the banner - in code:

#wlm-de>a {

display: table;

table-layout: fixed;

border: 1px solid rgba(0, 0, 0, 0.3);

background-color: #FFFFFF;

Thank you. Richard Sekerak (WMCZ) (talk) 16:58, 13 July 2023 (UTC)[reply]
@Richard Sekerak (WMCZ): Done, and enabled. —DerHexer (Talk) 22:42, 13 July 2023 (UTC)[reply]
Hi @DerHexer, In CentralNotice/Calendar is another banner request with campaign duration * 01.10.2023 → 28.10.2023. We would like to use this banner, that we used in July. Is it needed to make new request with the same banner or can I ask here? Richard Sekerak (WMCZ) (talk) 17:27, 11 September 2023 (UTC)[reply]
@Richard Sekerak (WMCZ): The same campaign can be used. Please change the dates, landing page links, etc. to the new place. Best, —DerHexer (Talk) 17:29, 11 September 2023 (UTC)[reply]
@DerHexer: I've changed the background color in the banner and changed the dates. This is a promotion for a contest that runs for several months, so other details, including links, remain the same.
Done. —DerHexer (Talk) 21:22, 11 September 2023 (UTC)[reply]
OK, so having a rule #wlm-de .wlm-cta { position: relative; background-color: #FFFFFF; color: #FFF; width: 20em; padding-right: 1.5em; } was explicitly requested and not a bug, right? Just checking… --Mormegil (cs) 14:43, 1 October 2023 (UTC)[reply]
@Mormegil It's not correct. I've requested (in july):

"#wlm-de>a {display: table; table-layout: fixed; border: 1px solid rgba(0, 0, 0, 0.3); background-color: #FFFFFF; font-size: 16px; font-weight: bold; line-height: 1.25; (...)". NOT ~~{ position: relative; background-color: #FFFFFF; (...) ; width: 20em; padding-right: 1.5em; }~~ .

Before my re-request in september I've fixed this in the code (as I've mentioned in the comment). Please change { position: relative; background-color: #990000; color: #FFF; width: 20em; padding-right: 1.5em; } Richard Sekerak (WMCZ) (talk) 09:37, 2 October 2023 (UTC)[reply]
@Richard Sekerak (WMCZ): I'm a little bit confused. Can you change the source code above so that I can simply copy and paste it? I can immediately change it when you ping me. Thanks, —DerHexer (Talk) 13:11, 2 October 2023 (UTC)[reply]
@DerHexer the code is corrent (since my last edit 11th september). Please copy-past it. Richard Sekerak (WMCZ) (talk) 21:17, 2 October 2023 (UTC)[reply]
Done. —DerHexer (Talk) 21:24, 2 October 2023 (UTC)[reply]