2019-05-17 23:55:42 +03:00
<main class="container bg-light clear-header" {{ > analytics / results_page_label }} >
2019-05-09 02:04:29 +03:00
<div class="row jst-cntr scan-results">
2019-04-05 22:52:05 +03:00
2019-11-19 19:25:56 +03:00
<div class="mw-860 headline-col overflow-break">
2019-04-05 22:52:05 +03:00
{{ # if scannedEmailId }} <!-- show the email address that was scanned -->
2019-05-13 19:35:41 +03:00
<p id="scanned-email-address" class="scanned-email-address"> {{ getString "results-for" userEmail = "" }} <span id="scannedEmail" data-scanned-email-id= {{ scannedEmailId }} class="bold"></span></p>
2019-05-07 02:18:38 +03:00
{{ / if }}
{{ # if specificBreach }}
{{ # getScanResultsHeadline }}
2019-05-17 23:55:42 +03:00
<h2 class="headline scan-results-headline fb-res-headline"> {{{ this .headline }}} </h2>
2019-05-07 02:18:38 +03:00
{{ # if this .subhead }}
2019-10-21 16:43:44 +03:00
<h3 class="scan-res-subhead"> {{{ this .subhead }}} </h2>
2019-05-07 02:18:38 +03:00
{{ / if }}
{{ / getScanResultsHeadline }}
{{ else }}
2019-10-21 16:43:44 +03:00
<h2 class="headline scan-results-headline"> {{{ fluentNestedBold "scan-results-known-breaches" breachCount = foundBreaches .length }}} </h2>
2019-11-18 19:04:48 +03:00
<button id="new-scan-page" class="open-oauth blue-link temp-marketing-alert-me-link" {{ > analytics / fxa id = "fx-monitor-alert-me-blue-link" }} data-event-category="Alert me about new breaches">
2019-11-15 20:34:57 +03:00
{{ getString "alert-about-new-breaches" }}
</button>
2019-03-28 19:14:45 +03:00
{{ / if }}
</div>
2019-04-03 21:30:19 +03:00
</div>
2019-03-29 22:17:02 +03:00
2019-05-17 23:55:42 +03:00
<div class="row jst-cntr user-found-breaches flx-col">
2019-10-21 16:43:44 +03:00
<div class="mw-860 found-breaches scan-res-breaches">
2019-05-19 01:30:14 +03:00
{{ # each ( getFoundBreaches ) }}
{{ > breach-card cardType = "two-up drop-shadow" }}
{{ / each }}
2019-04-23 01:52:43 +03:00
</div>
2019-05-17 23:55:42 +03:00
{{ # if Compare foundBreaches .length ">" "0" }}
2019-10-21 16:43:44 +03:00
<div class="mw-860 txt-cntr source-info-wrap">
2019-05-17 23:55:42 +03:00
{{ > hibp-attribution }}
</div>
{{ / if Compare }}
2019-03-28 19:14:45 +03:00
</div>
2019-03-29 22:17:02 +03:00
</main>
2019-10-21 16:43:44 +03:00
<section>
2019-12-04 00:58:43 +03:00
<div class="row txt-cntr jst-cntr flx-col temp-marketing-callout">
<img class="temp-marketing-img" src="img/svg/stay-alert.svg" alt="" />
<h2 class="temp-marketing-hl mw-360"> {{ getString "stay-alert" }} </h2>
<p class="temp-marketing-p mw-360"> {{ getString "if-your-info" }} </p>
<!--
the `data-event-category` attribute for this button is "Alert me about new breaches - Banner"
to match the "Alert me.." button on the other version of the scan results page and to make comparisons
between this button and the "Alert me.." button on the other version of the scan results page easier
-->
<button class="open-oauth temp-marketing-btn-blue" {{ > analytics / fxa id = "fx-monitor-alert-me-blue-btn" }} data-event-category="Alert me about new breaches - Banner"> {{ getString "alert-about-new-breaches" }} </button>
{{ > sign-up-banners / browser-not-required }}
2019-10-21 16:43:44 +03:00
</div>
2019-05-13 19:35:41 +03:00
</section>