https://link.medicalnewstoday.com/manage/5ik/oc?message_id=36815013.01088289&hash=24edb2b8

Scan ID:
b4a90207-ad9e-4b2b-b977-59e93727fd57Finished
Submitted URL:
https://link.medicalnewstoday.com/oc/66c15c6d83b8361974029494lx2n9.nbq9/24edb2b8Redirected
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 22 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

Console log messages · 8 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head>
<title>Update your email preferences</title>
 <meta name="viewport" content="width=device-width,initial-scale=1.0">
 <style>

@font-face{
    font-family:'Proxima Nova';
    font-style:normal;
    font-weight:400;
    font-display:fallback;
    src:local('&acirc;&#152;&ordm;&iuml;&cedil;&#142;'),
    url('https://assets.healthline.com/fonts/proxima/v1/32A982_7_0.woff2') format('woff2'),
    url('https://assets.healthline.com/fonts/proxima/v1/32A982_7_0.woff') format('woff');
}
@font-face{
    font-family:'Proxima Nova Semibold';
    font-style:normal;
    font-weight:600;
    font-display:fallback;
    src:local('&acirc;&#152;&ordm;&iuml;&cedil;&#142;'),
    url('https://assets.healthline.com/fonts/proxima/v1/32A982_9_0.woff2') format('woff2'),
    url('https://assets.healthline.com/fonts/proxima/v1/32A982_9_0.woff') format('woff');
}
@font-face{
    font-family:'Proxima Nova Bold';
    font-style:normal;
    font-weight:700;
    font-display:fallback;
    src:local('&acirc;&#152;&ordm;&iuml;&cedil;&#142;'),
    url('https://assets.healthline.com/fonts/proxima/v1/32A982_1_0.woff2') format('woff2'),
    url('https://assets.healthline.com/fonts/proxima/v1/32A982_1_0.woff') format('woff');
}
@font-face{
    font-family:healthline;
    font-display:block;
    src:local('&acirc;&#152;&ordm;&iuml;&cedil;&#142;'),url('https://assets.healthline.com/_next/_static/ke8egemhjmn06q.woff') format('woff');
}
@font-face{
    font-family:'Proxima Nova Condensed';
    font-style:normal;
    font-weight:700;
    font-display:swap;
    src:local('&acirc;&#152;&ordm;&iuml;&cedil;&#142;'),
    url('https://assets.healthline.com/fonts/proxima/v1/38C507_0_0.woff2') format('woff2'),
    url('https://assets.healthline.com/fonts/proxima/v1/38C507_0_0.woff') format('woff');
}
body {
  margin: 0;
  padding: 0;
}
 #wrapper {
  font-family: 'Proxima Nova', Arial, Verdana, sans-serif;
  width: 910px;
  margin: 35px auto;
}
#logo {
  padding-bottom: 24px;
  margin: 0 auto 40px auto;
  text-align:center;
  border-bottom: 1px solid #dcdbdb;
}
.logo {
  width: 238px;
}
h1 {
  font-family: 'Proxima Nova Bold', Arial, Verdana, sans-serif;
  font-size: 50px;
  line-height: 54px;
  margin: 0 0 10px 0;
  color: #231f20;
  text-align: center;
}
p {
  font-size: 18px;
  line-height:26px;
  color:#231f20;
  text-align:center;
  margin: 0 15px 30px 15px;
}
a,
a:visited {
    color: #05a2d3;
}
a:hover,
a:active {
    color: #f0533a;
}
.two-colum-container {
  max-width: 970px;
  margin: 0 auto;
}
.newsletter-container {
  float: left;
  width: 438px;
  margin: 0px 30px 30px 0;
  display: flex;
  align-items: center;
  border: 1px solid #E5E5E5;
}
.newsletter-container:nth-child(even) {
  margin-right: 0;
}
.newsletter-container:only-child {
  float: none;
  margin: 30px auto;
}
.newsletter-container:hover {
  background: #eff5f7;
}
.newsletter-thumb {
  float: none;
  width: 140px;
  height: auto;
}
.newsletter-content {
  float: none;
  width: 258px;
  height: auto;
  padding: 20px 30px;
}
.whisper {
  font-family: 'Proxima Nova Condensed', Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 14px;
  color: #01adb9;
  text-transform: uppercase;
  text-align: left;
  margin: 0;
}
.newsletter-name {
  font-family: 'Proxima Nova Bold', Arial, Verdana, sans-serif;
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
  color: #231f20;
}
fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
.field {
  display: inline-flex;
  color: #231f20;
  font-size: 18px;
  line-height: 26px;
  vertical-align: bottom;
  margin-top:10px;
}
input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;
  border-color: #231f20;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  width: 15px;
  height: 15px;
  margin-left: 0;
  margin-right: 10px;
  align-items: center;
  color: gray;
  display: flex;
  justify-content: center;
}

input[type="checkbox"]:checked::before {
    color: #f0533a;
    content: "\75";
    font-family: healthline;
    font-size: 10px;
    line-height: 10px;
},


input:focus {
  outline: none;
}
input[type="checkbox"]:focus {
  outline: none;
}
input[type="checkbox"]:hover {
  border-color: #f0533a;
}
input[type="checkbox"]:checked:focus {
  outline: none;
  border-color: #f0533a;
}
input[type="checkbox"]:checked:before:focus {
  outline: none;
}

input[type="checkbox"]:checked {
  color: gray;
  background-color: #ffffff;
}

.body-copy {
  max-width: 800px;
  margin: 0 15px 20px 15px;
}
.email-form {
  clear: both;
  width: 100%;
  margin: 10px auto 0 auto;
  text-align: center;
}
.email-container {
  margin-bottom: 30px;
}
.email-field {
  border: 1px solid #DCDBDB;
  width: 337px;
  height: 50px;
  padding: 14px;
  font-size: 18px;
  line-height: 26px;
  box-sizing: border-box;
  color: #808184;
  border-radius: 0;
  vertical-align: middle;
}
.email-field:focus {
  color: #231f20;
  outline: none;
}
.error-field-email {
  color: #fe2626;
  border: 1px solid #fe2626;
}
.submit-button-container {
  margin-bottom: 15px;
}
input.button {
  font-family: 'Proxima Nova', Arial, Verdana, sans-serif;
  font-size: 16px;
  line-height: 16px;
  color: white;
  background-color: #918F8F;
  outline: none;
  border: none;
  width: 240px;
  height: 50px;
  -webkit-appearance: button;
  border-radius: 0;
}
input.enabled {
  background-color: #231f20;
}
input.enabled:hover {
  background-color: #f0533a;
}
.unsubscribe-all {
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
  color: #808184;
}
.unsubscribe-all:hover {
  color: #f0533a;
}
.clearbox {
  clear: both;
}
a.subscribe-button {
  font-family: 'Proxima Nova', Arial, Verdana, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: white;
  background-color: #231f20;
  outline: none;
  border: none;
  width: 200px;
  height: auto;
  border-radius: 0;
  padding: 10px 20px;
  text-decoration: none;
  display: block;
  margin: 0 auto;
 }
a.subscribe-button:hover {
  background-color: #f0533a;
}
@media only screen and (max-width:989px){
  #wrapper {
    width: auto;
  }
  .two-colum-container {
    flex-direction: column;
    width: 440px;
    margin: 0 auto 30px auto;
  }
  .column-container {
    width: 335px;
  }
}
@media only screen and (max-width: 600px) {
  #wrapper {
   margin: 26px 0;
   width: auto;
 }
 #logo {
   margin-bottom: 20px;
 }
  img.logo {
    width: 186px;
  }
  h1 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 10px;
  }
  p {
    font-size: 17px;
    line-height:26px;
    margin-bottom: 30px;
  }
  .instructions {
    margin-left: 15px;
    margin-right: 15px;
  }
  .two-colum-container {
    flex-direction: column;
    width: auto;
    margin: 0 auto 30px auto;
  }
  .column-container {
    width: 335px;
  }
  .newsletter-container,
  .newsletter-container:only-child {
    width: 100%;
    margin: 0;
    border-top: 1px solid #E5E5E5;
  }
  .newsletter-container:last-child {
    float: none;
    border-bottom: 1px solid #E5E5E5;
  }
  .newsletter-container {
    align-items: flex-start;
  }
  .newsletter-container:hover {
    background: none;
  }
  .newsletter-container:not(:first-child) {
    border-top: none;
  }
  .whisper {
    font-size: 12px;
    line-height: 13px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .newsletter-thumb {
    width: 100px;
    height: auto;
    margin: 16px 10px 19px 15px;
  }
  .newsletter-thumb img {
    width: 100px;
  }
  .newsletter-content {
    float: none;
    width: auto;
    height: 53px;
    padding: 20px;
    border: none;
  }
  .newsletter-name {
    font-size: 20px;
    line-height: 26px;
  }
  .email-form {
    margin: 40px 15px 0 15px;
    width: auto;
  }
  .email-field {
    width: 100%;
    font-size: 17px;
    display: block;
    margin-bottom: 20px;
  }
  a.subscribe-button {
    width: 200px;
  }
  input.button {
  width:100% !important;
}
}
@media only screen and (max-width: 359px) {
  .two-colum-container {
    width: auto;
  }
  .column-container {
    width: 300px;
  }
  .newsletter-container,
  .newsletter-container:only-child {
    width: 100%;
  }
  .newsletter-content {
    width: auto;
  }
}

</style>
</head>
<body>
    <div id="wrapper">
        <div id="logo">
              <img class="logo" src="https://media.sailthru.com/5ik/1k2/7/b/5b45be8dbce17.png" alt="Medical News Today">
        </div>
        

        <h1>Want fewer emails from us?</h1>
        <p class="instructions">Use the checkboxes below to update your newsletter preferences. Click save and you're done.</p>

        <div>
            <form id="optOutForm" method="post">
            <div class="two-colum-container">
              
              <div class="newsletter-container">
                <div class="newsletter-content">
                  <label class="newsletter-name">Daily News</label>
                  <fieldset>
                    <div class="field"><input type="checkbox" name="lists[MNT Daily News]" value="0" class="subscribe-checkbox"><label class="unsubscribe-label"> Unsubscribe</label></div>
                  </fieldset>
                </div>
                <div class="clearbox"></div>
              </div>
              
              
              <div class="newsletter-container">
                <div class="newsletter-content">
                  <label class="newsletter-name">Weekly News</label>
                  <fieldset>
                    <div class="field"><input type="checkbox" name="lists[MNT Weekly News]" value="0" class="subscribe-checkbox"> <label class="unsubscribe-label">Unsubscribe</label></div>
                  </fieldset>
                </div>
                <div class="clearbox"></div>
              </div>
              
               
              
              
               
               
              
              
                
              
            <div class="clearbox"></div>
          </div>

          <div class="email-form">
            <p class="body-copy">You're currently subscribed at [email protected], but feel free to change your email below.</p>
            <div class="email-container">
              <input type="text" id="emailField" name="change_email" class="email-field" value="[email protected]">
              <input type="submit" class="button" style="padding:0" value="SAVE PREFERENCES">
            </div>
          </div>
        <input type="hidden" name="profile_id" value="66c15c6d83b8361974029494"><input type="hidden" name="st_form_num" value="0"></form>
        </div>
            
            
            
            <div>
            <form id="unsubscribeAllForm" method="post">
                <input type="hidden" name=".optout_basic" value="1">
                <p class="unsubscribe-all-container">
                  <a id="unsubscribeAllLink" class="unsubscribe-all">Unsubscribe from all</a>
                </p>
            <input type="hidden" name="profile_id" value="66c15c6d83b8361974029494"><input type="hidden" name="st_form_num" value="1"></form>
            </div>


    </div> <!-- end header -->

<script>
var checkboxes = document.getElementsByClassName("subscribe-checkbox");
var submitButtons = document.getElementsByClassName("button");
var submitButton = submitButtons[0];
var enabledClass = "enabled";
var unsubscribeAllLink = document.getElementById("unsubscribeAllLink");
var emailField = document.getElementById("emailField");
var optOutForm = document.getElementById("optOutForm");
var unsubscribeLabels = document.getElementsByClassName("unsubscribe-label");
var newsletterContainer;

var isAnyChecked = function() {
  var totalChecked = 0;
  for (var i = 0; i < checkboxes.length; i++) {
    if (checkboxes[i].checked) {
      totalChecked++;
    }
  }
  return totalChecked ? true : false;
};


    function setBackground(checkboxEl, cardWrapper) {
      if (cardWrapper.style.background === '') {
        cardWrapper.style.background = '#eff5f7';
        checkboxEl.style.borderColor = '#f0533a';
      } else {
        cardWrapper.style.background = '';
        checkboxEl.style.borderColor = '#231f20';
      }
    }

    if (checkboxes.length) {
      for (var i = 0; i < checkboxes.length; i++) {
        checkboxes[i].onclick = function(event) {
          if (!isAnyChecked()) {
            submitButton.classList.remove(enabledClass);
            setBackground(event.target,event.target.parentNode.parentNode.parentNode.parentNode);
          } else {
            submitButton.classList.add(enabledClass);
            setBackground(event.target,event.target.parentNode.parentNode.parentNode.parentNode);
          }
        };
      }
    }

function setUnsubscribeCheckboxListener(label, checkbox, index) {
  label.onclick = function() {
    checkbox.click();
  };
}

if (unsubscribeLabels.length) {
  for (var j = 0; j < unsubscribeLabels.length; j++) {
    setUnsubscribeCheckboxListener(unsubscribeLabels[j], checkboxes[j], j);
  }
}

function unsubscribeAll() {
  var unsubscribeAllForm = document.getElementById("unsubscribeAllForm");
  unsubscribeAllForm.submit();
}

function resetEmailField(event) {
  emailField.classList.remove("error-field-email");

  if (submitButton.className.indexOf(enabledClass) < 0) {
    submitButton.classList.add(enabledClass);
  }
}

function validateEmail(email) {
  var regEx = /\S+@\S+\.\S+/;
  return regEx.test(email);
}

function submitOptOutForm(event) {
  event.preventDefault();
  if (validateEmail(emailField.value)) {
    optOutForm.submit();
  } else {
    emailField.value = "Please enter a valid email";
    emailField.classList.add("error-field-email");
  }
  return false;
}

function setCardBackground(event) {
  console.log('--- checkbox clicked.  event: ', event);
}

unsubscribeAllLink.addEventListener("click", unsubscribeAll);
emailField.addEventListener("focus", resetEmailField);
submitButton.addEventListener("click", submitOptOutForm);

</script>


</body></html>