Skip to content

Instantly share code, notes, and snippets.

@moiseshilario
Last active March 5, 2018 13:13
Show Gist options
  • Save moiseshilario/2eaa73da738b94dc04573694aac1e252 to your computer and use it in GitHub Desktop.
Save moiseshilario/2eaa73da738b94dc04573694aac1e252 to your computer and use it in GitHub Desktop.
Test1
;(function addSecuritySeals(element, $) {
const styleRules = `
#version-2 #confirm-order-step-bottom { width: auto; }
#version-2 #confirm-order-step-bottom .step { margin: 3px; }
.seals {
display: flex;
justify-content: space-between;
}
.seals img {
height: 65px;
width: auto;
}
.step-bottom-flex {
display: flex;
align-items: center;
}
@media screen and (max-width: 767px) {
.seals { margin-top:15px; }
.step-bottom-flex { flex-direction: column; }
}
`;
$(`<style type='text/css'>${styleRules}</style>`).appendTo('head')
const $sealsDiv = $('<div class="seals" />')
const veraSafeLink = `<a href="http://www.verasafe.com/index.php?option=com_content&amp;view=article&amp;id=19&amp;uid=7F062264F310FAC&amp;host=windowlocationhost" style="margin-right: 10px;" target="_blank"><img name="trustseal" alt="VeraSafe Security Seal" style="border: 0;" src="https://d5fmvefcyrh0p.cloudfront.net/classic-trust-seal/trust-seal-classic-140px-black.png"></a>`
const thawteLink = `<a href="https://sealinfo.thawte.com/thawtesplash?form_file=fdf/thawtesplash.fdf&amp;dn=WWW.TIGERCHEF.COM&amp;lang=en" tabindex="-1" onmousedown="return v_mDown(event);" target="THAWTE_Splash"><img name="seal" border="true" src="https://seal.thawte.com/getthawteseal?at=0&amp;sealid=1&amp;dn=WWW.TIGERCHEF.COM&amp;lang=en&amp;gmtoff=180" oncontextmenu="return false;" alt="Click to Verify - This site has chosen a thawte SSL Certificate to improve Web site security"></a>`
$sealsDiv.append(veraSafeLink, thawteLink)
$(element)
.addClass('step-bottom-flex')
.append($sealsDiv)
})('.step-bottom-inner', jQuery);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment