function beginPlatformsTeaser() {
    platTease = document.querySelector('#platform-tease');
    platTeaseHead = document.querySelector('#platform-tease > .platform-tease-head');
    platTeaseHead.innerText = `Platform Guide`;
    platTeaseImgDiv = document.querySelector('#platform-tease > .platform-tease-image-div');
    platTeaseDesc = document.querySelector('#platform-tease .platform-tease-description');
    platTeaseDesc.innerText = `In the battle for the electorate’s hearts and minds, it can be difficult for voters to keep all the platforms straight. We’ve compiled the promises made by the six major parties in one place.`;
    platTeaseLink = document.querySelectorAll('#platform-tease .platform-tease-link');
    for (e of platTeaseLink) {
        e.href = '/politics/federal-election-2019/platforms'
    };
    platTeaseLinkText = document.querySelector('#platform-tease .platform-tease-link-text');
    platTeaseLinkText.innerText = `Click for more`;
    platTeaseLinkDiv = document.querySelector('#platform-tease .platform-tease-link-div');
    platTeaseBg = document.querySelector('#platform-tease > .platform-tease-background'); 
    platTeaseLinkArrow = document.querySelector('#platform-tease .platform-tease-link-arrow')
}

function platformsTeaserResponsive() {
    let W = platTease.offsetWidth;
    W > 600 ? platformsTeaserDesktop() : platformsTeaserMobile();
}

function platformsTeaserDesktop() {
    platTease.style.gridTemplateColumns = `15px 4.5fr 4fr`;
    platTease.style.gridTemplateRows = `auto 4fr auto 10px`;
    platTease.style.gridTemplateAreas = `
    '.  hd hd'
    'im im by'
    'im im by'
    '.  .  . '`;
    platTease.style.gridRowGap = `15px`;

    platTeaseBg.style.gridRow = ` 1 / 4`;

    platTease.style.lineHeight = `28px`;
    platTeaseHead.style.fontSize = `22px`;
    platTeaseDesc.style.fontSize = `17px`;
    platTeaseLinkDiv.style.fontSize = `17px`;
    platTeaseLinkDiv.style.padding = `40px 15px 0 15px`;
    platTeaseLinkArrow.style.margin = `9px 0 0 8px`;
    platTeaseLinkArrow.style.width = `17px`;
}

function platformsTeaserMobile() {
    platTease.style.gridTemplateColumns = `15px 1fr`;
    platTease.style.gridTemplateRows = `repeat(5, auto)`;
    platTease.style.gridTemplateAreas = `
    '.  hd'
    'im im'
    '.  by'
    '.  by'
    '.  .'`;
    platTease.style.gridRowGap = `15px`;

    platTeaseBg.style.gridRow = ` 1 / 5`;

    platTease.style.lineHeight = `22px`;
    platTeaseHead.style.fontSize = `18px`;
    platTeaseDesc.style.fontSize = `15px`;
    platTeaseLinkDiv.style.fontSize = `16px`;
    platTeaseLinkDiv.style.padding = `15px 15px 0 15px`;
    platTeaseLinkArrow.style.margin = `5px 0 0 6px`;
    platTeaseLinkArrow.style.width = `16px`;
}



window.addEventListener("load", () => {
    if (document.getElementById('platform-tease')) {
        beginPlatformsTeaser();
        platformsTeaserResponsive();
        window.addEventListener("resize", () => {
            platformsTeaserResponsive();
        });
    }
});