social media network

adult content

news media journalism

documentation technical

healthcare medical

English

You're looking at domain 'mega.page' on the .page top-level domain while skipping any subdomain. Its registrable label 'mega' stretches across 4 characters containing two vowels alongside 2 consonants. It segments into 1 word: mega. No strong language cues emerged from the frequency lists.

html/5f/d2/5fd2fc31-6655-4b7d-9176-e84d4ecb0dc6.html.gz

8e02c406d2c33a17d66719413a067dcc2e53473f58c6e4ee7f5434c00c595cef

691607231427293e61006fca290d85e202e0f68410093c8bfe6b4c98f7523fb7

a264d7f4bd5fd942bb5311846797612a1b85f2776bd5b64df0b1f75a8a60b397

c9ae0d7581d5580ed2a917a0ecc33a7930273da80d8d6602951a880b3b159b8a

bd20977e730b2ef296bec45941e1e0e47d1735a57744296a078c73fda1512fb3

45b2d0b759f28ab65713f03df306e617529b6ae353b3153265fd92e475ffc467

c0c57fa72a873a447beafdd2a0889efdaf4c11d1d42dc63093199bd2bbf3818f

782b5dfc3c1fadb4eae70a20989f2929d2ec8c57f9c76c9bb481bf985e2f76cf

ae9dc61e5324e3832f1a3dcb2ffbecd0c95a20432241d13284a77ae5eda0f122

762310f7c65f6251b63b7d6c149a1a4b1c641e28ec0991477da8ab0ffa04d417

b964a620a0e9d503244bba5b993f5b82cffd2d0609730010d1e9b065ad980f09

09b5dfc5af8eb677926b938b9a04722b88f2d2d21199d4f269bc6ed63972ed54

0ec7235769b726bd1c6b1ac9860e1d0bf9bd27c3326f761583a4d1095ac7e0a6

29c9047e9558fad5157a215ad4ca2e7cd4946f56d5616128cdbf3809c55dd92f

3da0883e099089bdb15c64d512a3c7811dda97d47d0ad7e2a3af7ea46bfe48bd

828142114f4b3343e8f8391de74c2b06f393e87be67deb062062b75262d972c7

5a3d49cf7799151d23fe07f5a87aa1f9cfc57857ef69e7532a1f0810596e6e5b

a4c258fca6d5f6af2cf6ae7ad55db6054d9373092086c108d05d24f9760eb79b

064ea921920d95425d9018cc40cde4f410c937df89fcba98be9f2a1f0c6e8bb5

b02f3d8889a7ec7e1a43e1cc5fb4bc074e583377d271cb26dca0ce90ea7b59d4

6e8101e868aac33bd06316e6cbfc387ff68cc7d9f94a8014500bb8eaff9d8149

9c583da1137c0ce158f7826bf3b557eac97179d69d2ad08de005792893bb724a

a7f7e83952fd90773933784a9805548921607b6ad6dfba9d8f66e06e1bda5593

dff530e7706edd016f283c0681c20fa2ab1e9ca7e802c3e71e3ae3d0d4c82e38

de8c0c8b6993ba8866647b324fcb93526227d9f7db7f34600791ad3eb348f88d

49ef19caacfc3e51a674185175352b6e7352c56bf589500735bce648195b5a56

1945d41afc79c5752b8f32f7d4e541a263bfa70542f61e3f4232ba498277e06e

d111d7f56150016ed00cce3b49721d9bdce62e702871e22cd594ee88e849afaa

6e690f72e56e61e3667b27eaab91e658adde792c49961eb3ac5d4590afad587f

ceae542a79b61b171b46444273c12f973a0c0b61422eb83bf97033a56acb92b0

735558a450a8108897161d5cac40628d46d006cf7d98775c7605fc434778da41

c2f458e134ce8f1598c4f27032c17a418e04bcd402e3711ec75a07c8e40b8721

d6ee4386e3f10f672816d8f64626d69f624883020487de408c95b842687cbe50

56e2aa765dd39e976f87a44510ed2a562ea93d57e03cd6e3fa93d7a1833eea93

b8f8e3a333bfa42cbd79c1e4e621023988f6f8650c4bda86c14b7d446502c08f

ddb3cb6b5604caac5fc54a4827b14d3ba051536c6afb5ab8bbf7ffd10f331e4d

c8b8eb1bd8c54bf51d2dd927615d79f212f9186f6bb0ddb7c257ff89e4fb060e

e3dc2d34ef152d4c76d36cd0f535f234c1b3e1908ecd64848d9936cdc0247a84

c771c2bf120baac7814a7cf68c64ea8688794dbe1ad8cd07a13d677698f61787

9a6623e9f72da9dfddc17bc456db6911383257e7ab59e3da79fb9bc4f81b6cee

048b8888837931d120206f2c0d09a9faabc3b25f153f3ea70116c4423bbd3058

5f9cb416d949fec783e60d8b9fedeb524c12f294ac5bc4865eb4eeb860c35a01

e9ef0f316a005be6a501415225be04bda31215883158e26ad2f1b0679c8b5e8b

eeb6bf1be8f877dd113ff290334c02e08072b9af8904f1e6d3b67591bab22e34

1af854bfafd4d8a86e01dd256116bd43aa27ddd4df063253004aa2f66d48a7ee

ec9d833a175492a63f0455fc9d930f4e0ff5344bb119f9ce9603978e67fd6045

description

width=device-width,user-scalable=no,initial-scale=1,minimum-scale=1,maximum-scale=1

viewport

HSTS header missing - vulnerable to protocol downgrade attacks

CSP header missing - vulnerable to XSS attacks

html/5f/d2/5fd2fc31-6655-4b7d-9176-e84d4ecb0dc6_nodriver.html.gz

GoDaddy Abuse

GoDaddy.com, LLC

mega.page

Amazon EC2 Abuse

IP Management

Amazon AWS Network Operations

Amazon.com, Inc.

AWS RPKI Management POC

IP Routing

Amazon EC2 Network Operations

AMAZO-CF

<div class="album-item" ng-if="album" ng-click="openAlbum(album._id)">
    <div class="album-heading">
        <p class="album-title">{{album.name}}</p>
        <p class="album-description">{{album.description}}</p>
    </div>
    <div class="album-image-container">

        
        <div class="album-collage-cover-container" ng-if="albumCoverToDisplay(album) === 'custom'">
            <img ng-src="{{album.presentation.cover.uri}}"
                 class="collage-image display-image">
        </div>

        
        <div class="album-collage-cover-container multi-image-container"
             ng-if="albumCoverToDisplay(album) !== 'custom'">
            <div class="hero-image">
                <div class="collage-image" ng-repeat="submission in album.albumCoverSubmissions track by submission._id"
                     ng-class="{'display-image': albumDisplayIndexArray[$parent.$index] === $index, 'text-only': submission.text_only}"
                     ng-style="{'animation-delay': ($parent.$index * 4) + $index + 's'}">

                    <img ng-if="!submission.text_only"
                         ng-src="{{submission.thumbnails.medium ? submission.thumbnails.medium : submission.url}}">

                    <p ng-if="submission.text_only && submission.contributor.message">
                        {{submission.contributor.message}}
                    </p>
                </div>
                <div class="no-content" ng-if="album.albumCoverSubmissions.length < 1">
                    <span class="material-icons">image</span>
                </div>
            </div>

            <div class="album-sidebar-item">
                <img ng-if="!album.albumCoverSubmissions[0].text_only"
                     ng-src="{{album.albumCoverSubmissions[0].thumbnails.medium ? album.albumCoverSubmissions[0].thumbnails.medium : album.albumCoverSubmissions[0].url}}"
                     class="">
                <p ng-if="album.albumCoverSubmissions[0].text_only && album.albumCoverSubmissions[0].contributor.message"
                   class="album-sidebar-text">
                    {{album.albumCoverSubmissions[0].contributor.message}}
                </p>
                <div class="no-content" ng-if="album.albumCoverSubmissions.length < 1">
                    <span class="material-icons">image</span>
                </div>
            </div>

            <div class="album-sidebar-item">
                <img ng-if="!album.albumCoverSubmissions[1].text_only"
                     ng-src="{{album.albumCoverSubmissions[1].thumbnails.medium ? album.albumCoverSubmissions[1].thumbnails.medium : album.albumCoverSubmissions[1].url}}"
                     class="">
                <p ng-if="album.albumCoverSubmissions[1].text_only && album.albumCoverSubmissions[1].contributor.message"
                   class="album-sidebar-text">
                    {{album.albumCoverSubmissions[1].contributor.message}}
                </p>
                <div class="no-content" ng-if="album.albumCoverSubmissions.length < 2">
                    <span class="material-icons">image</span>
                </div>
            </div>

            <div class="album-sidebar-item">
                <img ng-if="!album.albumCoverSubmissions[2].text_only"
                     ng-src="{{album.albumCoverSubmissions[2].thumbnails.medium ? album.albumCoverSubmissions[2].thumbnails.medium : album.albumCoverSubmissions[2].url}}"
                     class="">
                <p ng-if="album.albumCoverSubmissions[2].text_only && album.albumCoverSubmissions[2].contributor.message"
                   class="album-sidebar-text">
                    {{album.albumCoverSubmissions[2].contributor.message}}
                </p>
                <div class="no-content" ng-if="album.albumCoverSubmissions.length < 3">
                    <span class="material-icons">image</span>
                </div>
            </div>

            <div class="num-submissions-overlay" ng-if="album.albumCoverSubmissions.length !== 0">
                {{album.num_submissions}}+
            </div>

        </div>
    </div>
</div>

<div ng-if="!selectedAlbumID && !selectedSubmissionID" class="album-list-container animate-fade-in animated">
  <div ng-if="gatherOffer" class="add-to-album-button" ng-click="openUGCOfferModal()">
    <span class="material-icons-round">add_a_photo</span>
    <span loc="ugc_add_media"></span>
  </div>
  <div class="album-list">
    <ng-include src="getTemplateUrl('album-item/album-item.html')"
                ng-repeat="album in albums | orderBy:'position' track by album._id">
  </div>
</div>


<div ng-if="selectedAlbumID" class="submission-list-container animate-fade-in animated" ng-class="{'list-presentation': !isTilePresentation()}">

  
  <ng-include ng-if="selectedSubmissionID" src="getTemplateUrl('scrolling-feed/scrolling-feed.html')"
              onload="registerLoadMoreScrollHandler()"></ng-include>

  
  <ng-include ng-if="!config.parentWindowURL || (config.parentWindowURL && !selectedSubmissionID)"
          src="getTemplateUrl('grid-feed/grid-feed.html')"
              onload="registerLoadMoreScrollHandler()"></ng-include>
</div>

<div class="grid-feed-item" ng-mouseenter="togglePlayStateOnHover($event, 'enter')" id="{{submission._id}}" ng-if="isTilePresentation()"
     ng-mouseleave="togglePlayStateOnHover($event, 'leave')">
    <div class="submission-media" ng-class="{'text-only':submission.text_only }" ng-click="openModalInParent(submission._id, $event)">

        
        <object ng-if="submission.type === 'image'"
                data="{{submission.thumbnails.medium ? submission.thumbnails.medium : submission.url}}"
                ng-style="{'object-position': mediaAlignment}"
                type="image/jpeg">
            <img src="images/image_not_supported.svg?sanitize=true" class="media-failed-to-load"/>
        </object>

        <video ng-if="submission.type === 'video'" ng-src="{{submission.url + '#t=0.1'}}"
               loop
               media-error="media-failed-to-load"
               playsinline
               ng-style="{'object-position': mediaAlignment}"
               muted>
        </video>

        <audio ng-if="submission.type === 'audio'" ng-on-play="pauseAllOtherAudioMedia($event, submission.id)"
               controls controlslist="nodownload noplaybackrate"
               ng-src="{{submission.url}}" id="{{submission.id}}">
        </audio>
        <div class="video-audio-control" ng-if="submission.type === 'video'">
            <span ng-if="videoIsMuted"
                  class="material-icons-round"
                  ng-click="toggleMute($event)">volume_off</span>
            <span ng-if="!videoIsMuted" class="material-icons-round"
                  ng-click="toggleMute($event)">volume_up</span>
        </div>

        <ng-container ng-if="submission.text_only">
            <p class="quote-text">{{submission.contributor.message | truncate:180}}</p>
        </ng-container>

        <div class="location-overlay" ng-if="submission.contributor && submission.contributor.city">
            <div class="material-icons-round">location_on</div>
            <div>{{submission.contributor.city | truncate:60}}</div>
        </div>
    </div>
    <div ng-if="submission.contributor" class="submission-details">
        <div ng-if="submission.contributor.message && !submission.text_only" class="submission-message">
            {{submission.contributor.message | truncate:60}}
        </div>
        <div ng-if="submission.contributor.name" class="submission-name">
            <span class="name"
                  ng-if="albumSettings.truncate_last_names">{{truncateLastNames(submission.contributor.name)}}</span>
            <span class="name"
                  ng-if="!albumSettings.truncate_last_names">{{submission.contributor.name | truncate:20}}</span>
            -
            <span class="time-stamp" from-now
                  date="submission.source_created_at ? submission.source_created_at : submission.created_at"></span>
        </div>
    </div>
</div>


<div class="grid-feed-item list-item" ng-class="{'text-only': submission.text_only}" ng-mouseenter="togglePlayStateOnHover($event, 'enter')" id="{{submission._id}}" ng-if="!isTilePresentation() && !isContributorEmpty(submission.contributor)"
     ng-mouseleave="togglePlayStateOnHover($event, 'leave')" ng-click="openModalInParent(submission._id, $event)">
    <div class="list-item-avatar">
        
        <span class="material-icons-round avatar-icon">person</span>
    </div>
    <div class="list-item-content">
        <div class="list-item-header">
             <span class="username"
                  ng-if="albumSettings.truncate_last_names">{{truncateLastNames(submission.contributor.name)}}</span>
            <span class="username"
                  ng-if="!albumSettings.truncate_last_names">{{submission.contributor.name | truncate:20}}</span>
            <span class="time-stamp" from-now
                  date="submission.source_created_at ? submission.source_created_at : submission.created_at"></span>
            
            <span class="location" ng-if="submission.contributor.city">
                <span class="material-icons-round location-icon">location_on</span>
                {{ submission.contributor.city | truncate:30 }}
            </span>
        </div>
        <div class="list-item-message" ng-if="submission.contributor.message">
            {{ submission.contributor.message }}
        </div>
         
        <div class="submission-media list-media" ng-if="!submission.text_only && (submission.type === 'image' || submission.type === 'video' || submission.type === 'audio')" >
             <object ng-if="submission.type === 'image'"
                    data="{{submission.thumbnails.medium ? submission.thumbnails.medium : submission.url}}"
                    ng-style="{'object-position': mediaAlignment}"
                    type="image/jpeg">
                <img src="images/image_not_supported.svg?sanitize=true" class="media-failed-to-load"/>
            </object>
             <video ng-if="submission.type === 'video'" ng-src="{{submission.url + '#t=0.1'}}"
                   loop
                    ng-style="{'object-position': mediaAlignment}"
                   media-error="media-failed-to-load"
                   playsinline
                   muted>
            </video>
             <audio ng-if="submission.type === 'audio'" ng-on-play="pauseAllOtherAudioMedia($event, submission.id)"
                   controls controlslist="nodownload noplaybackrate"
                   ng-src="{{submission.url}}" id="{{submission.id}}-audio-list">
            </audio>
        </div>
    </div>
</div>

<div ng-if="selectedAlbum._id">
  <div class="grid-feed-container {{gridSizeClass()}}"
       ng-if="selectedAlbum.public"
       style="{{gridBorderStyles()}}">
    <div class="album-title-bar">
      <div class="album-back-button-container">
        <span ng-if="showBackButton" class="material-icons-round" ng-click="backToAlbumList()">arrow_back</span>
        <p ng-if="!hideAlbumTitle()">{{selectedAlbum.name}}</p>
      </div>
      <div ng-if="gatherOffer" class="add-to-album-button"
           ng-click="openUGCOfferModal()">
        <span class="material-icons-round">{{ isGathererCommentUGC ? 'add_comment' : 'add_a_photo'}}</span>
        <span loc="ugc_add_media"></span>
      </div>
    </div>

    
    <div class="album-sponsor-image" ng-if="hasSponsor">
      <a ng-if="sponsorLink" href="{{sponsorLink}}" target="_blank">
        <img src="{{sponsorMedia.medium_uri}}">
      </a>
      <img ng-if="!sponsorLink" src="{{sponsorMedia.medium_uri}}">
    </div>
    <div class="grid-feed-scroll-container">
      <ng-include ng-repeat="submission in selectedAlbum.submissions track by submission._id"
                  src="getTemplateUrl('grid-feed-item/grid-feed-item.html')">
      </ng-include>

    </div>

    <div class="load-more-submissions-container" ng-if="displayLoadMoreButton()">
      <button class="load-more-button animate-fade-in animated"
              ng-if="!isLoadingMoreSubmissions && !albumHasNoOlderSubmissions && selectedAlbum.num_submissions > 15"
              ng-click="loadMoreSubmissions(false)" loc="load_more"></button>
      <div class="bubble-loading-container animate-fade-in animated" ng-if="isLoadingMoreSubmissions">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
      </div>
    </div>

    <div ng-if="selectedAlbum && !selectedAlbum.submissions" class="loading-submission-container animate-fade-in-fwd">
      <div class="bubble-loading-container dark-loader">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
      </div>
    </div>
    <div class="no-submissions-in-album" ng-if="selectedAlbum.submissions.length === 0">
      <h2 ng-click="openUGCOfferModal()" loc="ugc_album_is_empty"></h2>
    </div>
  </div>

  
  <div class="private-album-container" ng-if="!selectedAlbum.public">
    <h2 loc="album_is_not_public"></h2>
  </div>
</div>

<div ng-if="!selectedAlbum._id">
  <div class="animate-fade-in-fwd flex-center">
    <div class="bubble-loading-container">
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
  </div>
</div>

<div class="scrolling-feed-item {{submission.type}}" id="{{submission._id}}">
    
    <div class="submission-media" ng-click="toggleVideoPlayState()">
        <div ng-if="submission.type === 'image'">
            
            <object data="{{submission.thumbnails.medium ? submission.thumbnails.medium : submission.url}}" type="image/jpeg" class="foreground-image">
                <img src="images/image_not_supported.svg?sanitize=true" class="media-failed-to-load"/>
            </object>

            
          <object data="{{submission.thumbnails.small ? submission.thumbnails.small : (submission.thumbnails.medium ? submission.thumbnails.medium : submission.url)}}"
                    type="image/jpeg" class="background-image">
            </object>
        </div>
        <div ng-if="submission.type === 'video'">
            
            <img class="background-image"
                 ng-src="{{submission.thumbnails.small ? submission.thumbnails.small : (submission.thumbnails.medium ? submission.thumbnails.medium : submission.url)}}"/>

            
            <video class="foreground-video"
                   style="pointer-events: none;"
                   playsinline
                   loop>
                <source ng-src="{{submission.url + '#t=0.1'}}" type="video/mp4">
                
                <img src="images/image_not_supported.svg?sanitize=true" class="media-failed-to-load"/>
            </video>

            <div ng-if="getVideoElementFromSubmissionId(selectedSubmissionID).paused && getVideoElementFromSubmissionId(selectedSubmissionID).readyState >= 2">
                <span class="material-icons-round video-play-icon fadeIn">play_arrow</span>
            </div>
        </div>
        <audio controls controlslist="nodownload noplaybackrate" ng-if="submission.type === 'audio'"
               ng-src="{{submission.url}}">
        </audio>
        <div ng-if="submission.text_only">
            <div class="submission-message">
                {{submission.contributor.message}}
            </div>
        </div>
    </div>
    <div ng-if="submission.contributor" class="submission-details">
        <span class="submission-header">
            <span class="submission-name"
                  ng-if="albumSettings.truncate_last_names">{{truncateLastNames(submission.contributor.name)}}</span>
            <span class="submission-name" ng-if="!albumSettings.truncate_last_names">{{submission.contributor.name}}</span>
            
            <span class="submission-location" ng-if="submission.contributor.city">
                <span class="material-icons-round location-icon">location_on</span>
                {{ submission.contributor.city | truncate:30 }}
            </span>
        </span>
        <div ng-if="submission.contributor.message && !submission.text_only" class="submission-message">
            {{submission.contributor.message | truncate:400}}
        </div>
    </div>
    <div class="submission-action-bar">
              <span ng-if="videoIsMuted && submission.type === 'video'"
                    class="material-icons-round side-bar-icon-button"
                    ng-click="toggleMute($event)">volume_off</span>
        <span ng-if="!videoIsMuted && submission.type === 'video'" class="material-icons-round side-bar-icon-button"
              ng-click="toggleMute($event)">volume_up</span>
        <span class="material-icons-round side-bar-icon-button reply-icon"
              ng-click="toggleShowShareBottomSheet()">reply</span>
        <span ng-if="gatherOffer"
              class="material-icons-round side-bar-icon-button small-icon"
              ng-click="openUGCOfferModal()">{{ isGathererCommentUGC ? 'add_comment' : 'add_a_photo'}}</span>


    </div>

    <div class="scroll-item-navigation">
        <div ng-if="$index > 0" class="material-icons-round previous-navigation side-bar-icon-button"
             ng-click="previousSubmission()">
            expand_less
        </div>
        <div ng-if="$index !== selectedAlbum.submissions.length - 1"
             class="material-icons-round next-navigation side-bar-icon-button"
             ng-click="nextSubmission()">expand_more
        </div>
    </div>
</div>

<div class="share-bottom-sheet-container" ng-if="showShareBottomSheet" ng-click="openLightboxModal(submission._id)">
    <div class="share-bottom-sheet-content">
        <div class="share-bottom-sheet-close-button">
            <span class="material-icons-round" ng-click="toggleShowShareBottomSheet()">close</span>
        </div>
        <div class="share-to-options">
            
            <div class="share-option" ng-click="openShareLink('clipboard')">
                <div class="share-icon copy-link">
                    
                    <span class="material-icons-round">link</span>
                </div>
                <div class="share-name" loc="ugc_copy_link"></div>
            </div>
            
            <div class="share-option" ng-click="openShareLink('whatsapp')">
                <div class="share-icon whatsapp">
                    
                    <svg fill="#ffffff" height="28px" width="28px" version="1.1" id="Layer_1"
                         xmlns="http://www.w3.org/2000/svg"
                         viewBox="0 0 308 308" xml:space="preserve">
<g id="XMLID_468_">
	<path id="XMLID_469_" d="M227.904,176.981c-0.6-0.288-23.054-11.345-27.044-12.781c-1.629-0.585-3.374-1.156-5.23-1.156
		c-3.032,0-5.579,1.511-7.563,4.479c-2.243,3.334-9.033,11.271-11.131,13.642c-0.274,0.313-0.648,0.687-0.872,0.687
		c-0.201,0-3.676-1.431-4.728-1.888c-24.087-10.463-42.37-35.624-44.877-39.867c-0.358-0.61-0.373-0.887-0.376-0.887
		c0.088-0.323,0.898-1.135,1.316-1.554c1.223-1.21,2.548-2.805,3.83-4.348c0.607-0.731,1.215-1.463,1.812-2.153
		c1.86-2.164,2.688-3.844,3.648-5.79l0.503-1.011c2.344-4.657,0.342-8.587-0.305-9.856c-0.531-1.062-10.012-23.944-11.02-26.348
		c-2.424-5.801-5.627-8.502-10.078-8.502c-0.413,0,0,0-1.732,0.073c-2.109,0.089-13.594,1.601-18.672,4.802
		c-5.385,3.395-14.495,14.217-14.495,33.249c0,17.129,10.87,33.302,15.537,39.453c0.116,0.155,0.329,0.47,0.638,0.922
		c17.873,26.102,40.154,45.446,62.741,54.469c21.745,8.686,32.042,9.69,37.896,9.69c0.001,0,0.001,0,0.001,0
		c2.46,0,4.429-0.193,6.166-0.364l1.102-0.105c7.512-0.666,24.02-9.22,27.775-19.655c2.958-8.219,3.738-17.199,1.77-20.458
		C233.168,179.508,230.845,178.393,227.904,176.981z"/>
    <path id="XMLID_470_" d="M156.734,0C73.318,0,5.454,67.354,5.454,150.143c0,26.777,7.166,52.988,20.741,75.928L0.212,302.716
		c-0.484,1.429-0.124,3.009,0.933,4.085C1.908,307.58,2.943,308,4,308c0.405,0,0.813-0.061,1.211-0.188l79.92-25.396
		c21.87,11.685,46.588,17.853,71.604,17.853C240.143,300.27,308,232.923,308,150.143C308,67.354,240.143,0,156.734,0z
		 M156.734,268.994c-23.539,0-46.338-6.797-65.936-19.657c-0.659-0.433-1.424-0.655-2.194-0.655c-0.407,0-0.815,0.062-1.212,0.188
		l-40.035,12.726l12.924-38.129c0.418-1.234,0.209-2.595-0.561-3.647c-14.924-20.392-22.813-44.485-22.813-69.677
		c0-65.543,53.754-118.867,119.826-118.867c66.064,0,119.812,53.324,119.812,118.867
		C276.546,215.678,222.799,268.994,156.734,268.994z"/>
</g>
</svg>
                </div>
                <div class="share-name">WhatsApp</div>
            </div>
            
            <div class="share-option" ng-click="openShareLink('facebook')">
                <div class="share-icon facebook">
                    <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 24 24">
                        <path fill="#0075FA"
                              d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z"/>
                    </svg>
                </div>
                <div class="share-name">Facebook</div>
            </div>
            
            <div class="share-option" ng-click="openShareLink('twitter')">
                <div class="share-icon twitter">
                  <svg width="1200" height="1227" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white"/>
                  </svg>
                </div>
                <div class="share-name">Twitter</div>
            </div>
        </div>
    </div>
</div>

<div class="submission-item fadeInDown animated" ng-click="openLightboxModal(submission._id)">
    <p class="submission-name">{{submission.contributor.name}}</p>
    <div class="submission-image"
         ng-style="{'background-image': 'url(' + (submission.thumbnails.small ? submission.thumbnails.small : submission.url) + ')'}">
    </div>
</div>

<div class="debug-content-container">
  <div class="debug-heading"
       ng-repeat="connectionDebugItem in connectionDebugItems | orderBy: $index track by connectionDebugItem.name"
       ng-click="copyValueToClipboard(connectionDebugItem.value)">
    <h4>{{connectionDebugItem.name}}</h4>
    <h4>{{connectionDebugItem.value}}</h4>
  </div>
  <div class="debug-item" ng-repeat="debugItem in debugItems | orderBy:['name'] track by debugItem.name"
       ng-class="{'is-embedded': isEmbedded}">
    <div>{{debugItem.name}}</div>
    <div class="debug-output">{{debugItem.output}}</div>

    <div class="copy-button" ng-if="!isEmbedded" ng-click="copyValueToClipboard({[debugItem.name]: debugItem.output})">
      <span class="material-icons-round">copy</span>
      <span>Copy</span>
    </div>
  </div>
</div>

<div ng-if="scene.offers.length > 0">
  <ul style="list-style: none; padding: 0; margin: 0;">
    
    <li ng-repeat="offer in current.inlineOffers track by $index" >
      <div class="inline-offer offer-modal" id="{{offer.id}}" ng-class="offer.type" ng-if="offer.position === 'inline' && isOfferInScene(offer.id, scene.offers)">
        <div inline-offer offer="offer"></div>
      </div>
    </li>
  </ul>
</div>


<div ng-if="scene.offers.length === 0">
  <ul style="list-style: none; padding: 0; margin: 0;">
    
    <li ng-repeat="offer in current.inlineProjectOffers track by $index" >
      <div class="inline-offer offer-modal" id="{{offer.id}}" ng-class="offer.type" ng-if="offer.position === 'inline'">
        <div inline-offer offer="offer"></div>
      </div>
    </li>
  </ul>
</div>

<div class="rankings-container">
    <div ng-repeat="user in overall_rankings | limitTo: limitToValue | orderBy: user.rank"
         ng-class="{'your-rank-highlight': isCurrentUser(user), 'first-place': user.rank === 1, 'second-place': user.rank === 2, 'third-place': user.rank === 3}"
         class="ranking columns">
        <div class="flex-center">

            
            <img ng-if="user.rank === 1" class="first-place animated fadeInLeft"
                 ng-src="{{current.themeAssetURL}}/images/leaderboard/first-rank.png">

            
            <img ng-if="user.rank === 2" class="second-place animated fadeInLeft"
                 ng-src="{{current.themeAssetURL}}/images/leaderboard/second-rank.png">

            
            <img ng-if="user.rank === 3" class="third-place animated fadeInLeft"
                 ng-src="{{current.themeAssetURL}}/images/leaderboard/third-rank.png">

            <div ng-if="user.rank >= 4" class="rank-align"></div>

            
            <span>{{getRankText(user.rank)}}</span>
        </div>

        
        <div class="rank-score flex-center">
            {{user.score}}&nbsp<span points-suffix count="user.score"></span>
        </div>

        
        <div class="flex-center user-name">
            <span>{{user.label}}</span>
            &nbsp<span ng-show="isCurrentUser(user)" loc="label-is-user"></span>
        </div>
    </div>
    <div ng-if="displayUserRank" class="ranking columns your-rank-highlight rank-not-in-list">

        
        <div class="flex-center">
            <div class="rank-align"></div>
            <span>{{getRankText(currentUserRanking.rank)}}</span>
        </div>

        
        <div class="rank-score flex-center">
            {{currentUserRanking.score}}&nbsp<span points-suffix count="currentUserRanking.score"></span>
        </div>

        
        <div class="flex-center user-name">
            <span>{{currentUserRanking.label}}</span>
            &nbsp<span loc="label-is-user"></span>
        </div>
    </div>
</div>


<button class="show-more-rankings" ng-show="overall_rankings.length > 3" ng-click="toggleRankingLimit()">
    <span ng-if="!displayAllRankings">+</span>
    <span ng-if="displayAllRankings">-</span>
</button>

<div class="points-and-countdown-container columns animate-scale" ng-if="showCountdown || showPoints">
  
  <div class="countdown animate-scale flex-center" ng-if="showCountdown">
    :{{currentQuestion.countdownCount > 9 ? currentQuestion.countdownCount : '0' + currentQuestion.countdownCount}}
  </div>
  
  <div class="points animate-scale flex-center" ng-if="showPoints">
    <span class="points-value">{{currentQuestion.pointsAvailable}}</span>&nbsp;
    <span loc="{{ currentQuestion.pointsAvailable === 1 ? 'points_suffix_singular' : 'points_suffix' }}"></span>
  </div>
</div>


<div ng-if="showRoundPoints && currentRun.roundPoints > 0" confetti id="round-points" class="flex-center rows">
  <div ng-if="isSingleQuestionQuiz">
    <span class="material-icons-round correct-checkmark">done</span>
  </div>

  <div ng-if="!isSingleQuestionQuiz">
    <span class="round-points-value">{{currentRun.roundPoints}}</span>
    <span loc="{{ currentRun.roundPoints === 1 ? 'points_suffix_singular' : 'points_suffix' }}"></span>
  </div>
</div>


<div ng-if="showRoundPoints && currentRun.roundPoints === 0" id="round-points" class="no-points flex-center rows">

  <div ng-if="!isSingleQuestionQuiz">
    <span class="round-points-value">{{currentRun.roundPoints}}</span>
    <span loc="{{ currentRun.roundPoints === 1 ? 'points_suffix_singular' : 'points_suffix' }}"></span>
  </div>

  <div class="x-container" ng-class="{'single-question-quiz': isSingleQuestionQuiz}">
    <div ng-if="!isSingleQuestionQuiz">
      
      <span class="top-left-to-bottom-right"></span>
      <span class="bottom-left-to-top-right"></span>
    </div>
    <div ng-if="isSingleQuestionQuiz">
      <span class="material-icons-round incorrect-icon">close</span>
    </div>
  </div>
</div>


<div id="total-points" class="flex-center" ng-if="showTotalPoints && !isSingleQuestionQuiz"
     ng-class="{'no-points': currentRun.roundPoints === 0}">
  <span loc="leaderboard_score"></span>: &nbsp
  <span class="total-points-value">{{totalPointValue}} </span>
  <span loc="{{ totalPointValue === 1 ? 'points_suffix_singular' : 'points_suffix' }}"></span>
</div>

<div class="expanded-leaderboard-container prediction-rankings-container">
  <div ng-repeat="leaderboardItem in campaignLeaderboard track by leaderboardItem.user_id"
       class="leaderboard-summary-item">
    <p class="rank-number">{{leaderboardItem.rank}}</p>
    <div class="user-image">
      <div>
        {{getInitialsFromName(leaderboardItem.label)}}
      </div>

      <div class="user-profile-picture" ng-if="leaderboardItem.picture">
        <dynamic-image value="leaderboardItem.picture"></dynamic-image>
      </div>

      <img class="rank-icon" alt="First place" ng-if="leaderboardItem.rank === 1"
           ng-src="{{current.themeAssetURL}}/images/leaderboard/first-rank.png">
      <img class="rank-icon" alt="Second place" ng-if="leaderboardItem.rank === 2"
           ng-src="{{current.themeAssetURL}}/images/leaderboard/second-rank.png">
      <img class="rank-icon" alt="Third place" ng-if="leaderboardItem.rank === 3"
           ng-src="{{current.themeAssetURL}}/images/leaderboard/third-rank.png">
    </div>
    <p class="user-name">{{leaderboardItem.label}}</p>
    <p class="user-points">{{leaderboardItem.score | number : fractionSize}} <span loc="prediction_points_name_abbreviation"></span></p>
  </div>
</div>

<div class="rankings-wrapper fullscreen-panel">
  <div ng-click="closeRankings()"
       class="close-panel-button">
  </div>

  <div>
    <ng-include src="'views/directives/predictions/top-rankings-summary.html'"></ng-include>
  </div>

  
  <div class="scroll-wrapper">
    <ng-include src="'views/directives/predictions/rankings-list.html'"></ng-include>
  </div>

  <div class="prediction-share-button-container">
    <button ng-click="openShareScoreModal()">
      <span class="material-icons">reply</span>
      <span loc="share-your-score-button"></span>
    </button>
  </div>
</div>

<div class="prediction-rankings-container">
  <div ng-repeat="leaderboardItem in campaignLeaderboardSummaryUsers track by leaderboardItem.user_id"
       class="leaderboard-summary-item"
       ng-class="{'first-place': leaderboardItem.rank === 1,
                            'second-place': leaderboardItem.rank === 2,
                            'third-place': leaderboardItem.rank === 3}">
    <div class="first-place-background bg-confetti-animated" ng-if="leaderboardItem.rank === 1"></div>
    <div class="user-image">
      <div ng-if="!leaderboardItem.placeholder">
        {{getInitialsFromName(leaderboardItem.label)}}
      </div>
      <div class="coming-soon-icon" ng-if="leaderboardItem.placeholder">
        {{getOrdinal(leaderboardItem.rank)}}
      </div>

      <div class="user-profile-picture" ng-if="leaderboardItem.picture">
        <dynamic-image value="leaderboardItem.picture"></dynamic-image>
      </div>

      <img class="rank-icon" alt="First place" ng-if="leaderboardItem.rank === 1"
           ng-src="{{current.themeAssetURL}}/images/leaderboard/first-rank.png">
      <img class="rank-icon" alt="Second place" ng-if="leaderboardItem.rank === 2"
           ng-src="{{current.themeAssetURL}}/images/leaderboard/second-rank.png">
      <img class="rank-icon" alt="Third place" ng-if="leaderboardItem.rank === 3"
           ng-src="{{current.themeAssetURL}}/images/leaderboard/third-rank.png">
    </div>
    <p class="user-name">{{leaderboardItem.label}}</p>
    <p class="user-points" ng-if="leaderboardItem.score">
      <span tween-number tween-value="leaderboardItem.score" tween-format="'comma'"></span>
      <span loc="prediction_points_name_abbreviation"></span>
    </p>
  </div>
</div>

<div class="your-results-wrapper fullscreen-panel">
  <div ng-click="closeUserResults()"
       class="close-panel-button">
  </div>
  <h3 loc="prediction_your_results"></h3>
  <div class="user-results-list-container">
    <div ng-repeat="(dateLabel, value) in sortedCampaignResultsByDate track by $index"
         class="user-result-item">
      <p class="date-heading">{{dateLabel}}</p>
      <div ng-repeat="result in value track by $index">
        <div class="user-result-wrapper" ng-class="{'earned-points': result.pointsAwarded > 0}">
          <div class="points-container">
            <span ng-if="result.pointsAwarded > 0">+</span>{{result.pointsAwarded}}
            <span loc="prediction_points_name_abbreviation"></span>
          </div>
          <div class="points-awarded-text">
            <span ng-if="result.pointsAwarded > 0" loc="prediction_answered_correctly"></span>
            <span ng-if="result.pointsAwarded === 0" loc="prediction_answered_incorrectly"></span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="tag-line">
    <span loc="prediction_keep_making_predictions"></span>
  </div>
</div>

<div class="status-bar-container" ng-if="!isWebpoll">
  
  <h2 class="status-item" ng-if="!shareYourVoteEnabled">{{status}}</h2>
  
  <div class="status-item" ng-if="shareYourVoteEnabled">
    <h2 class="status-item" ng-if="!showShareYourVote">{{status}}</h2>
    <share-your-vote class="status-item" ng-if="showShareYourVote"></share-your-vote>
  </div>
</div>


<div class="status-bar-container" ng-if="isWebpoll" ng-class="{'no-margin': multiselect.enabled &&
((deviceState.mediaQuerySize.isSmall || deviceState.mediaQuerySize.isTiny) && currentQuestion.answers.length > 4
 || deviceState.mediaQuerySize.isMedium && currentQuestion.answers.length > 6)}">
  <div>
    
    <h2 class="status-item" ng-if="!shareYourVoteEnabled">{{status}}</h2>
    
    <div class="status-item" ng-if="shareYourVoteEnabled">
      <h2 class="status-item" ng-if="!showShareYourVote">{{status}}</h2>
      <share-your-vote class="status-item" ng-if="showShareYourVote"></share-your-vote>
    </div>
  </div>
</div>

<multiple-vote-button ng-if="isWebpoll && multiselect.enabled &&
((deviceState.mediaQuerySize.isSmall || deviceState.mediaQuerySize.isTiny) && currentQuestion.answers.length > 4
 || deviceState.mediaQuerySize.isMedium && currentQuestion.answers.length > 6)" passed-scene-value="currentQuestion"></multiple-vote-button>

<div class="modal-header">
    <h4 class="modal-title">About this Form...</h4>
</div>
<div class="modal-body">

    <div ng-if="isWinner">
        <p>You are currently the winner.</p>
        <p>Please either return to the winner form and submit your information or disable your winner status and exit the form.</p>
    </div>

    <div ng-if="!isWinner">

        <table>
            <tr>
                <td>Application</td>
                <td>MegaController</td>
            </tr>
            <tr>
                <td>Deployment Key</td>
                <td>{{deploymentKey}}</td>
            </tr>
            <tr>
                <td>Controller Key</td>
                <td>{{controllerKey}}</td>
            </tr>
            <tr>
                <td>Version</td>
                <td>{{versionNumber}}</td>
            </tr>
            <tr>
                <td>Controller Number</td>
                <td>{{controllerNumber}}</td>
            </tr>
            <tr>
                <td>Winner</td>
                <td>{{isWinner}}</td>
            </tr>
            <tr>
                <td>Score</td>
                <td>{{score}}</td>
            </tr>
            <tr>
                <td>Rank</td>
                <td>{{rank}}</td>
            </tr>
        </table>
    </div>
</div>
<div class="modal-footer">
    <button class="btn btn-success" ng-click="cancel()">Return to form</button>
    <button class="btn btn-danger" ng-click="disableWinnerAndBack()">Exit form</button>
</div>
<div>
</div>

<div class="debug-modal">
  <div class="modal-header">
    <h4 class="modal-title">
      <span class="debug-title">Info</span>
      <span class="debug-timestamp">Last built: {{config.buildDate | date: 'MMM d, y HH:mm:ss'}}</span>
    </h4>
  </div>
  <div class="modal-body">
    <div debug></div>
  </div>
  <div class="modal-footer">
    <button class="btn" ng-click="cancel()">OK</button>
  </div>
</div>

<div class="modal-body draft-mode-modal-body">
  <h1 loc="poll_will_open_soon"></h1>

  
  <div class="navigate-back-button" ng-if="getBackButtonText" ng-click="cancel()">
    <img src="./images/back-arrow-black.png">
    <p><span loc="predictions_back_to"></span> {{getBackButtonText}}</p>
  </div>

</div>

<div class="modal-body login-modal-body">
  
  <div ng-if="!isAuthorizing" class="animate-fade-in">
    <div class="login-header-image">
      <img class="header-image" alt="Close login"
           ng-if="(current.showMedia.medium && !current.showMedia.medium.includes('blank.png'))
         || (current.showMedia.small && !current.showMedia.small.includes('blank.png'))"
           ng-src="{{current.showMedia.medium || current.showMedia.small}}">
    </div>
    <div class="login-button-wrapper">
      <p loc="login_to_authorize"></p>
      <div class="social-login-button-container">
        <div class="button-container" ng-repeat="provider in enabledProviders">
          <a ng-if="provider.label === consts.CognitoProviders.FACEBOOK"
             ng-click="startAuthorization(provider)" class="social-button"
             id="facebook-connect">
            <span class="material-icons material-icons-round"></span>
            <span class="social-button-text" loc="login-button-text-facebook"></span>
          </a>
          <a ng-if="provider.label === consts.CognitoProviders.GOOGLE"
             ng-click="startAuthorization(provider)" class="social-button"
             id="google-connect">
            <span class="material-icons material-icons-round"></span>
            <span class="social-button-text" loc="login-button-text-google"></span>
          </a>
          <a ng-if="provider.label === consts.CognitoProviders.NBCU"
             ng-click="startAuthorization(provider)" class="social-button"
             id="nbcu-connect">
            <span class="material-icons material-icons-round">person</span>
            <span class="social-button-text"><span loc="login-button-text-generic"></span><span> {{provider.client.label ? provider.client.label : provider.label}}</span></span>
          </a>
        </div>
      </div>
    </div>
  </div>

  
  <div ng-if="isAuthorizing" class="animate-fade-in login-in-progress-container"
       ng-class="{'login-complete': isAuthorizationComplete}">
    <div class="login-header-image">
      <img class="header-image" ng-src="{{profilePicture()}}">
      <h2 class="user-name-container animated fadeIn" ng-if="isAuthorizationComplete">
        <span loc="welcome"></span>, {{userName()}}</h2>
    </div>
    <div class="login-button-wrapper">
      <p ng-if="!isAuthorizationComplete" loc="authorizing_continue_in_other_window"></p>
      <div class="circle-loader" ng-class="{'load-complete': isAuthorizationComplete}">
        <div class="checkmark draw"></div>
      </div>
      <button ng-if="!isAuthorizationComplete" class="cancel-authorization-button flex-center guttered"
              ng-click="cancelAuthorization()"
              loc="cancel_authorization"></button>
    </div>
  </div>

  
  <div class="close-button" ng-click="cancel()"></div>
</div>

<div class="modal-body" ng-class="{'app-container feedback': isForm() && offer.position !== 'inline',
                'hide-inline-offer' :offer.position === 'inline' && inlineOfferSubmitted,
                'tiny-width' :deviceState.mediaQuerySize.isTiny,
                'small-width' :deviceState.mediaQuerySize.isSmall,
                'medium-width' :deviceState.mediaQuerySize.isMedium}">

    
    <div class="billboard-offer" ng-if="isBillboard()">
        <ng-include src="getTemplateUrl('billboard.html')"></ng-include>
    </div>

    
    <div class="webpage-offer" ng-if="isWebpage()">
        <ng-include src="getTemplateUrl('webpage.html')"></ng-include>
    </div>

    
    <div class="form-offer feedback" ng-if="isForm()">
        <ng-include src="getTemplateUrl('form.html')"></ng-include>
    </div>

    
    <div class="appinstall-offer" ng-if="isAppInstall()">
        <div app-install offer-data="offer" offer-key="key"></div>
    </div>

    
    <footer footer
            ng-class="{'hide-footer-media': !isVisible(offer.content.footer.sponsor.visible), 'hide-footer-policies': !isVisible(offer.content.footer.policies.visible)}"
            ng-if="isVisible(offer.content.footer.sponsor.visible) || isVisible(offer.content.footer.policies.visible)">
    </footer>

    
    <div class="columns offer-modal-buttons flex-center">
        
        <a ng-if="isVisible(offer.content.cta.visible) && !isForm() && (offer.position === 'popup' || !offer.position)" ng-click="visitOffer()"
           ng-href="{{getCascadingUri()}}" target="{{getNavigationTarget()}}">
            <button>{{getCascadingFormContent(offer.content.cta)}}</button>
        </a>
        
        <button ng-if="isVisible(offer.content.cancel.visible) && (offer.position === 'popup' || !offer.position) && !isForm()" ng-click="$dismiss('dismissed')">
            {{getCascadingFormContent(offer.content.cancel)}}
        </button>
    </div>
</div>


<div class="rows flex-auto inline-offer-submitted" ng-if="inlineOfferSubmitted">
    <h3 class="flex-center" loc="feedback_thanks_for_your_submission"></h3>
    <button class="flex-center" ng-click="openInlineOffer()" loc="ok"></button>
</div>

<div class="rows">
  <a ng-href="{{getCascadingUri()}}" target="{{getNavigationTarget()}}" ng-class="{'no-href' : offer.action[getActionKey()].type !== 'navigate'}" ng-click="visitOffer()">
    <h2 ng-if="isVisible(offer.content.title.visible)">{{getCascadingFormContent(offer.content.title)}}</h2>
    <h3 ng-if="isVisible(offer.content.subtitle.visible)">{{getCascadingFormContent(offer.content.subtitle)}}</h3>
  </a>

  
  
  <div class="offer-background-image"
       ng-if="deviceState.mediaQuerySize.isSmall || deviceState.mediaQuerySize.isTiny" ng-class="{'has-background-image' : offer.content.background.media.medium.medium_uri || offer.content.background.media.medium_uri}"
       ng-style="{'background-image':'url('+(offer.content.background.media.small.medium_uri || offer.content.background.media.medium_uri)+')'}">
    
    <a ng-href="{{getCascadingUri()}}" target="{{getNavigationTarget()}}" ng-class="{'no-href' : offer.action[getActionKey()].type !== 'navigate'}" ng-click="visitOffer()">
      <img class="offer-foreground-image"
           ng-if="(offer.content.foreground.media.medium_uri || offer.content.foreground.media.small.medium_uri) && mediaIsImage"
           ng-src="{{offer.content.foreground.media.small.medium_uri || offer.content.foreground.media.medium_uri}}">
    </a>

    <div class="video-container" video-controls
         ng-if="(offer.content.foreground.media.uri || offer.content.foreground.media.small.uri) && !mediaIsImage">
      <video class="offer-foreground-video video-element" ng-click="clickVideoControl($event)"
             width="100%" height="auto" playsinline id="{{offer.id}}">
        <source ng-src="{{offer.content.foreground.media.small.uri + '#t=0.1' || offer.content.background.media.small.uri + '#t=0.1'}}" type="video/mp4">
      </video>
      <span class="material-icons-round play-button">play_circle_outline</span>
      <div ng-if="videoIsDone" class="watch-again-overlay">
        <button ng-click="watchAgain($event)">
          <span class="material-icons-round">replay</span>
          <span loc="watch_again"></span>
        </button>
      </div>
      <span class="material-icons-round pause-icon" ng-if="!videoIsDone">pause</span>
      <div class="video-controls" ng-if="!videoIsDone">
        <div class="audio-control">
          <span ng-if="videoIsMuted"
                class="material-icons-round"
                ng-click="toggleMute($event)">volume_off</span>
          <span ng-if="!videoIsMuted" class="material-icons-round"
                ng-click="toggleMute($event)">volume_up</span>
        </div>
        <div class="fullscreen-control" ng-if="showFullscreenButton">
          <span class="material-icons-round" ng-click="toggleFullscreen($event)">fullscreen</span>
        </div>
      </div>
    </div>

  </div>
  

  
  
  <div class="offer-background-image"
       ng-if="deviceState.mediaQuerySize.isMedium" ng-class="{'has-background-image' : offer.content.background.media.medium.medium_uri || offer.content.background.media.medium_uri}"
       ng-style="{'background-image':'url('+(offer.content.background.media.medium.medium_uri || offer.content.background.media.medium_uri)+')'}">
    
    <a ng-href="{{getCascadingUri()}}" target="{{getNavigationTarget()}}" ng-class="{'no-href' : offer.action[getActionKey()].type !== 'navigate'}" ng-click="visitOffer()">
      <img class="offer-foreground-image"
           ng-if="(offer.content.foreground.media.medium_uri || offer.content.foreground.media.medium.medium_uri) && mediaIsImage"
           ng-src="{{offer.content.foreground.media.medium.medium_uri || offer.content.foreground.media.medium_uri}}">
    </a>

    <div class="video-container" video-controls
         ng-if="(offer.content.foreground.media.uri || offer.content.foreground.media.medium.uri) && !mediaIsImage">
      <video class="offer-foreground-video video-element" ng-click="clickVideoControl($event)"
             width="100%" height="auto" playsinline id="{{offer.id}}">
        <source ng-src="{{offer.content.foreground.media.medium.uri + '#t=0.1' || offer.content.background.media.medium.uri + '#t=0.1'}}" type="video/mp4">
      </video>
      <span class="material-icons-round play-button">play_circle_outline</span>
      <div ng-if="videoIsDone" class="watch-again-overlay">
        <button ng-click="watchAgain($event)">
          <span class="material-icons-round">replay</span>
          <span loc="watch_again"></span>
        </button>
      </div>
      <span class="material-icons-round pause-icon" ng-if="!videoIsDone">pause</span>
      <div class="video-controls" ng-if="!videoIsDone">
        <div class="audio-control">
          <span ng-if="videoIsMuted"
                class="material-icons-round"
                ng-click="toggleMute($event)">volume_off</span>
          <span ng-if="!videoIsMuted" class="material-icons-round"
                ng-click="toggleMute($event)">volume_up</span>
        </div>
        <div class="fullscreen-control" ng-if="showFullscreenButton">
          <span class="material-icons-round" ng-click="toggleFullscreen($event)">fullscreen</span>
        </div>
      </div>
    </div>
  </div>
  
</div>

<div class="camera-container" ng-class="{'small-iframe' : iframeIsSmall}">

  <div class="file-upload-container">
    
    <div class="action-in-progress-container animate-fade-in animated" ng-if="photoBoothActionInProgress">
      <div class="bubble-loading-container">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
      </div>
    </div>
    
    <div class="media-preview-container photo-booth-container animate-fade-in animated" id="mediaPreviewContainer"
         ng-class="[{'show-media-preview' : mediaPreviewExists && !mediaStream,
               'show-media-preview-fullscreen': (!mediaPreviewExists && mediaStream) || photoBoothActionInProgress,
               'one-column' : mediaPreviewArray.length === 1, 'two-column': mediaPreviewArray.length === 2,
               'three-column': mediaPreviewArray.length === 3, 'grid': mediaPreviewArray.length >= 4}]">

      
      <div ng-repeat="media in mediaPreviewArray track by $index" ng-class="media.type">
        
        <div class="media-height-wrapper" ng-if="media.type === 'image'">
          <img id="image-preview" class="preview-image animate-fade-in animated" ng-src="{{media.preview}}"/>
        </div>

        
        
        
        
        
        
        
        
        
        
        
        

        <video ng-if="media.type === 'video' && !photoBoothActionInProgress &&
                      ($root.config.devicePlatform !== 'ios' || ($root.config.devicePlatform === 'ios' && mediaPreviewArray.length === 1))"
               ng-src="{{media.preview}}"
               playsinline
               controls
               muted
               ng-attr-autoplay="{{mediaPreviewArray.length === 1 || undefined}}"
               class="preview-image">
        </video>

        <audio controls controlslist="nodownload noplaybackrate" ng-if="media.type === 'audio'"
               ng-src="{{media.preview}}">
        </audio>
        <div class="ios-video-placeholder" ng-if="media.type === 'video' && !photoBoothActionInProgress &&
                    ($root.config.devicePlatform === 'ios' && mediaPreviewArray.length > 1)">
          <span class="material-icons material-icons-round">movie</span>
          <span>
            <span loc="photobooth_nav_video"></span>
            {{media.videoCount}}</span>
        </div>
      </div>

      
      <div ng-if="videoBoothRecorder.state === 'recording'"
           class="video-recording-timer animate-fade-in animated">
        <p>{{formattedSeconds}}</p>
      </div>

      
      <video ng-show="mediaStream && !photoBoothActionInProgress"
             id="video-preview"
             ng-class="{'no-pointer-events animate-fade-in animated': mediaStream}"
             autoplay playsinline
             controls
             muted>
      </video>

      
      <div class="record-button photo animate-fade-in animated clickable"
           ng-if="mediaStream && mediaAction === photoBooth"
           ng-click="takePhoto()">
        <div class="inner"></div>
      </div>

      
      <div ng-if="mediaStream && mediaAction === videoBooth"
           class="record-button animate-fade-in animated clickable"
           ng-class="{'recording': videoBoothRecorder && videoBoothRecorder.state === 'recording'}"
           ng-click="recordButtonClickHandler(field.name)">
        <div class="inner"></div>
      </div>

      
      <div
        ng-if="mediaStream && mediaAction === videoBooth && videoBoothRecorder && videoBoothRecorder.state === 'recording'"
        class="video-recording-progress-bar animate-fade-in animated">
        <div class="video-recording-progress-bar-inner"
             ng-style="{'width': mediaUploadVideoProgress + '%'}"></div>
      </div>

      
      <span ng-if="captureDevices.length > 1 && mediaStream && videoBoothRecorder.state !== 'recording'"
            ng-click="getNextCamera()"
            class="material-icons-round change-camera animate-fade-in animated">cached</span>

      
      <div class="cancel-retake-bar animate-fade-in animated" ng-if="mediaStream || mediaPreviewExists">

        
        <p ng-click="clearMediaPreview()" class="animate-fade-in animated" loc="photobooth_cancel"></p>

        
        <p ng-if="mediaAction === upload" class="animate-fade-in animated"
           ng-click="openUploadFileSelectorByID('file-upload-input'); scrollToTopOfElement('.camera-container')" loc="photobooth_change"></p>

        
        <p ng-if="mediaAction === photoBooth && !mediaStream && !photoBoothActionInProgress"
           class="animate-fade-in animated"
           ng-click="useNativeCapture.photo ? openUploadFileSelectorByID('native-image-file-upload-input') : startMediaStream(true, true); scrollToTopOfElement('.camera-container')"
           loc="photobooth_retake">
        </p>

        
        <p ng-if="mediaAction === videoBooth && !mediaStream && !photoBoothActionInProgress"
           class="animate-fade-in animated"
           ng-click="useNativeCapture.video ? openUploadFileSelectorByID('native-video-file-upload-input') : startMediaStream(true, true); scrollToTopOfElement('.camera-container')"
           loc="photobooth_retake">
        </p>

      </div>
    </div>

    
    <div class="animate-fade-in animated media-height-wrapper"
         ng-if="mediaAction === upload && !mediaPreviewExists && !mediaStream && !photoBoothActionInProgress">

      
      <label class="file-upload-icon file-upload-action" ng-click="openUploadFileSelectorByID('file-upload-input'); scrollToTopOfElement('.camera-container')">
        <span class="material-icons-round">collections</span>
        <span class="no-preview-text" loc="photobooth_upload_photo_video"></span>
        <span ng-if="multifileUploadIsAllowed" class="upload-max-text">{{mediaUploadMaxMessage}}</span>
      </label>
    </div>

    
    <div class="animate-fade-in animated media-height-wrapper"
         ng-if="mediaAction === photoBooth && !mediaPreviewExists && !mediaStream && !photoBoothActionInProgress">

      
      <label class="file-upload-icon"
             ng-click="useNativeCapture.photo ? openUploadFileSelectorByID('native-image-file-upload-input') : startMediaStream(true, true); scrollToTopOfElement('.camera-container')">
        <span class="material-icons-round">photo_camera</span>
        <span class="no-preview-text" loc="photobooth_take_photo"></span>
      </label>
    </div>

    
    <div class="animate-fade-in animated media-height-wrapper"
         ng-if="mediaAction === videoBooth && !mediaPreviewExists && !mediaStream && !photoBoothActionInProgress">

      
      <label id="{{offer.id}}_{{field.name}}Label" for="{{offer.id}}_{{field.name}}"
             ng-click="useNativeCapture.video ? openUploadFileSelectorByID('native-video-file-upload-input') : startMediaStream(true, true); scrollToTopOfElement('.camera-container')"
             class="file-upload-icon">
        <span class="material-icons-round">photo_camera</span>
        <span class="no-preview-text" loc="photobooth_start_recording"></span>
      </label>
    </div>

    
    <input type="file" accept="image/*" class="upload" capture="environment"
           id="native-image-file-upload-input"
           onchange="angular.element(this).scope().handleMediaUpload(this, event)"
           ng-required="field.required[key]" ng-init="formValues[field.name] = ''">

    <input type="file" accept="video/*" class="upload" capture="environment"
           id="native-video-file-upload-input"
           onchange="angular.element(this).scope().handleMediaUpload(this, event)"
           ng-required="field.required[key]" ng-init="formValues[field.name] = ''">

    
    
    <input type="file" class="upload"
           accept="image/jpg, image/jpeg, image/png, video/*, audio/wav, audio/mp3, audio/mp4, audio/webm, audio/ogg"
           id="file-upload-input" name="fileupload"
           onchange="angular.element(this).scope().handleMediaUpload(this, event)"
           ng-required="field.required[key]" ng-init="formValues[field.name] = ''">


    
    <canvas id="preview-canvas" style="display: none;"></canvas>
  </div>

  
  <div class="camera-button-container animate-fade-in animated"
       ng-if="!mediaStream && !mediaPreviewExists && !photoBoothActionInProgress && showMediaActions">
    <button ng-if="field.options.video && allowCameraOnDesktop" ng-class="{'selected': mediaAction === videoBooth}" type="button"
            ng-click="selectMediaAction(videoBooth, field); scrollToTopOfElement('.camera-container')" loc="photobooth_nav_video">
    </button>
    <button ng-if="field.options.photo && allowCameraOnDesktop" ng-class="{'selected': mediaAction === photoBooth}" type="button"
            ng-click="selectMediaAction(photoBooth, field); scrollToTopOfElement('.camera-container')" loc="photobooth_nav_photo">
    </button>
    <button ng-if="field.options.upload" ng-class="{'selected': mediaAction === upload}" type="button"
            ng-click="selectMediaAction(upload, field); scrollToTopOfElement('.camera-container')" loc="photobooth_nav_upload">
    </button>
  </div>

  <span class="errorText media-error-text flex-center" ng-show="mediaArrayForUpload <= 0 && form.attempted">
    <span loc="photobooth_provide_media"></span> {{mediaAction}}.
  </span>
  
  <span class="errorText media-error-text flex-center" ng-show="mediaForUploadTooLarge">
    {{mediaForUploadTooLargeErrorMessage}}
  </span>
  
  <span class="errorText media-error-text flex-center" ng-show="mediaFileLimitExceeded">
    {{mediaFileLimitErrorMessage}}
  </span>
  
  <span class="errorText media-error-text flex-center" ng-show="!validMedia" loc="photobooth_invalid_media"></span>
</div>

<div class="rows" ng-if="deviceState.mediaQuerySize.isSmall || deviceState.mediaQuerySize.isTiny">
  <a ng-href="{{getCascadingUri()}}" target="{{getNavigationTarget()}}" ng-class="{'no-href' : offer.action[getActionKey()].type !== 'navigate'}" ng-click="visitOffer()">
    <img class="offer-foreground-image" ng-class="{'submitted-form-media' : clickableFormMedia && formSubmissionSuccessful}"
         ng-if="(offer.content.foreground.media.uri || offer.content.foreground.media.small.uri) && mediaIsImage"
         ng-src="{{offer.content.foreground.media.small.uri || offer.content.foreground.media.uri}}">
  </a>

  <div class="video-container" video-controls
       ng-if="(offer.content.foreground.media.uri || offer.content.foreground.media.small.uri) && !mediaIsImage">
    <video class="offer-foreground-video video-element" ng-click="clickVideoControl($event)"
           width="100%" height="auto" playsinline id="{{offer.id}}">
      <source ng-src="{{offer.content.foreground.media.small.uri + '#t=0.1' || offer.content.background.media.small.uri + '#t=0.1'}}" type="video/mp4">
    </video>
    <span class="material-icons-round play-button">play_circle_outline</span>
    <div ng-if="videoIsDone" class="watch-again-overlay">
      <button ng-click="watchAgain($event)">
        <span class="material-icons-round">replay</span>
        <span loc="watch_again"></span>
      </button>
    </div>
    <span class="material-icons-round pause-icon" ng-if="!videoIsDone">pause</span>
    <div class="video-controls" ng-if="!videoIsDone">
      <div class="audio-control">
          <span ng-if="videoIsMuted"
                class="material-icons-round"
                ng-click="toggleMute($event)">volume_off</span>
        <span ng-if="!videoIsMuted" class="material-icons-round"
              ng-click="toggleMute($event)">volume_up</span>
      </div>
      <div class="fullscreen-control" ng-if="showFullscreenButton">
        <span class="material-icons-round" ng-click="toggleFullscreen($event)">fullscreen</span>
      </div>
    </div>
  </div>

</div>


<div class="rows" ng-if="deviceState.mediaQuerySize.isMedium">
  <a ng-href="{{getCascadingUri()}}" target="{{getNavigationTarget()}}" ng-class="{'no-href' : offer.action[getActionKey()].type !== 'navigate'}" ng-click="visitOffer()">
    <img class="offer-foreground-image" ng-class="{'submitted-form-media' : clickableFormMedia && formSubmissionSuccessful}"
         ng-if="(offer.content.foreground.media.uri || offer.content.foreground.media.medium.uri) && mediaIsImage"
         ng-src="{{offer.content.foreground.media.medium.uri || offer.content.foreground.media.uri}}">
  </a>

  <div class="video-container" video-controls
       ng-if="(offer.content.foreground.media.uri || offer.content.foreground.media.medium.uri) && !mediaIsImage">
    <video class="offer-foreground-video video-element" ng-click="clickVideoControl($event)"
           width="100%" height="auto" playsinline id="{{offer.id}}">
      <source ng-src="{{offer.content.foreground.media.medium.uri + '#t=0.1' || offer.content.background.media.medium.uri + '#t=0.1'}}" type="video/mp4">
    </video>
    <span class="material-icons-round play-button">play_circle_outline</span>
    <div ng-if="videoIsDone" class="watch-again-overlay">
      <button ng-click="watchAgain($event)">
        <span class="material-icons-round">replay</span>
        <span loc="watch_again"></span>
      </button>
    </div>
    <span class="material-icons-round pause-icon" ng-if="!videoIsDone">pause</span>
    <div class="video-controls" ng-if="!videoIsDone">
      <div class="audio-control">
          <span ng-if="videoIsMuted"
                class="material-icons-round"
                ng-click="toggleMute($event)">volume_off</span>
        <span ng-if="!videoIsMuted" class="material-icons-round"
              ng-click="toggleMute($event)">volume_up</span>
      </div>
      <div class="fullscreen-control" ng-if="showFullscreenButton">
        <span class="material-icons-round" ng-click="toggleFullscreen($event)">fullscreen</span>
      </div>
    </div>
  </div>
</div>




<a ng-href="{{getCascadingUri()}}" target="{{getNavigationTarget()}}" ng-class="{'no-href' : offer.action[getActionKey()].type !== 'navigate'}" ng-click="visitOffer()">
  <h2 class="feedback-title" ng-if="isVisible(offer.content.title.visible)">{{getCascadingFormContent(offer.content.title)}}</h2>
</a>
<a ng-href="{{getCascadingUri()}}" target="{{getNavigationTarget()}}" ng-class="{'no-href' : offer.action[getActionKey()].type !== 'navigate'}" ng-click="visitOffer()">
  <h3 ng-if="isVisible(offer.content.subtitle.visible)">{{getCascadingFormContent(offer.content.subtitle)}}</h3>
</a>





<form name="form" novalidate ng-class="{attempted: form.attempted}">

  <div ng-repeat="section in offer.content.form.sections" class="form-section" ng-class="{'multiple-sections' : offer.content.form.sections.length > 1}">
    
    <p ng-if="section.title.text" class="section-title">
      {{section.title.text}}</p>
    <p ng-if="section.subtitle.text" class="section-subtitle">
      {{section.subtitle.text}}</p>
    <p ng-if="section.description.text" class="section-description">
      {{section.description.text}}</p>
    <ul ng-show="(clickableFormMedia && !formSubmissionSuccessful) || !clickableFormMedia">
      <li ng-repeat="field in section.fields" class="item-{{field.type}}"
          ng-class="{touched: field.touched, 'guttered-top': $first && field.type === 'camera'}" ng-if="isVisible(field.visible)">

        
        <input id="{{offer.id}}_{{field.name}}" name="{{offer.id}}_{{field.name}}"
               ng-blur="field.touched = true" ng-if="Formservice.isCheckbox(field)"
               type="{{field.type}}" ng-model="formValues[field.name]"
               ng-required="field.required[key]"
               ng-init="formValues[field.name] = false">

        <label for="{{offer.id}}_{{field.name}}" ng-if="!Formservice.isCamera(field)">
          <span ng-bind-html="field.label"></span>
          <span class="required" ng-if="field.required[key]" loc="feedback_required"></span>
        </label>

        
        <input id="{{offer.id}}_{{field.name}}" name="{{offer.id}}_{{field.name}}"
               ng-blur="field.touched = true"
               ng-if="Formservice.isInput(field)"
               type="{{field.type}}" ng-model="formValues[field.name]"
               ng-required="field.required[key]"
               ng-change="field.type === 'number' ? formValues[field.name] = Formservice.isValidNumber(formValues[field.name]) : null; checkFormIsEmpty();"
               ng-attr-maxlength="{{field.name === 'name' || field.name === 'email' || field.name === 'city' ? '100' : '1000'}}"
               ng-init="formValues[field.name] = ''">

        
        <textarea id="{{offer.id}}_{{field.name}}" name="{{offer.id}}_{{field.name}}" ng-blur="field.touched = true"
                  ng-if="Formservice.isTextarea(field)" ng-model="formValues[field.name]"
                  ng-required="field.required[key]"
                  ng-change="checkFormIsEmpty();"
                  ng-attr-maxlength="{{field.name === 'name' || field.name === 'email' || field.name === 'city' ? '100' : '10000'}}"
                  ng-init="formValues[field.name] = ''"></textarea>

        
        <ng-include src="'views/components/forms/date-picker.html'" ng-if="Formservice.isDate(field)"></ng-include>

        
        <select id="{{offer.id}}_{{field.name}}" name="{{offer.id}}_{{field.name}}"
                class="dropdown-list"
                ng-if="Formservice.isList(field)" ng-model="formValues[field.name]"
                ng-required="field.required[key]" ng-options="option.label as option.label for option in field.options">
          <option selected value="" disabled loc="feedback_empty_select"></option>
        </select>

        
        <ul class="radio-inline" ng-if="Formservice.isRadio(field)">
          <li class="radio" ng-repeat="option in field.options" id="{{offer.id}}_{{field.name}}" name="{{offer.id}}_{{field.name}}">
            <label>
              <input type="{{field.type}}" ng-model="formValues[field.name]"
                     ng-required="field.required[key]" ng-value="option.label"
                     ng-init="formValues[field.name] = ''" style="width: unset;">
              {{ option.label }}
            </label>
          </li>
        </ul>

        
        <div ng-if="Formservice.isCheckboxGroup(field)">
          <ul class="checkbox-group" ng-init="formValues[field.name] = []">
            <li ng-repeat="option in field.options" class="item-checkbox">
              <input id="{{offer.id}}_{{field.name}}_{{$index}}" name="{{offer.id}}_{{field.name}}_{{$index}}"
                     ng-blur="field.touched = true"
                     type="checkbox"
                     ng-checked="formValues[field.name].indexOf(option.label) > -1"
                     ng-required="field.required[key] && isCheckboxGroupEmpty(field)"
                     ng-click="toggleCheckboxOption(field.name, option.label); checkFormIsEmpty();">

              <label for="{{offer.id}}_{{field.name}}_{{$index}}">
                <span ng-bind-html="option.label"></span>
              </label>
            </li>
          </ul>
          
          <input type="text" name="{{offer.id}}_{{field.name}}" ng-model="formValues[field.name][0]"
                 ng-required="field.required[key]"
                 style="position:absolute; left:-9999px; width:1px; height:1px; opacity:0;" aria-hidden="true">
        </div>

        
        <ng-include onload="cameraFieldInit(field)" ng-if="Formservice.isCamera(field)" src="getTemplateUrl('cameraField.html')"></ng-include>

        
        <div class="errorText" ng-show="form[field.name].$invalid && (field.touched || form.attempted)">
          <span class="material-icons-round errorText">error</span>
          <span class="errorText" ng-bind="Formservice.getErrorText(field)"></span>
        </div>

      </li>
    </ul>

  </div>

  
  <div class="rows flex-center offer-rules-container">
    
    <a ng-if="offer.content.privacy_policy.visible && offer.content.privacy_policy.text" ng-show="(clickableFormMedia && !formSubmissionSuccessful) || !clickableFormMedia"
       class="rules-cta row" ng-href="{{offer.content.privacy_policy.uri}}" target="_blank">
      {{offer.content.privacy_policy.text}}
    </a>
    
    <a ng-if="(offer.content.terms.cta.visible && offer.content.terms.uri && !offer.content.terms.official.visible) ||
     (offer.content.terms.cta.visible === null && offer.content.terms.uri)" ng-show="(clickableFormMedia && !formSubmissionSuccessful) || !clickableFormMedia"
       class="rules-cta row" ng-href="{{offer.content.terms.uri}}" target="_blank">
      {{offer.content.terms.cta.text ? offer.content.terms.cta.text : offer.content.terms.uri}}
    </a>

    
    <div class="expandable-rules" ng-show="(clickableFormMedia && !formSubmissionSuccessful) || !clickableFormMedia">
      
      <p class="abbreviated-rules" ng-if="offer.content.terms.abbreviated.visible ||
      (offer.content.terms.abbreviated.visible === null && offer.content.terms.abbreviated.text)">
        {{offer.content.terms.abbreviated.text}}
      </p>
      <a class="rules-cta row" ng-if="(offer.content.terms.cta.visible && offer.content.terms.official.visible) ||
      (offer.content.terms.official.visible === null && offer.content.terms.cta.text && !offer.content.terms.uri)"
         ng-click="showTermsAndConditions()">
        {{offer.content.terms.cta.text}}
      </a>

      
      <div class="official-rules-text" ng-class="{'show-rules': showOfficialRules}">
        {{offer.content.terms.official.text}}
      </div>
    </div>

    
    <div class="columns offer-modal-buttons flex-center">
      
      <button ng-if="isVisible(offer.content.cta.visible) && !Formservice.getFeedbackSubmitFailed(feedbackSubmitFailed)" type="button"
              ng-class="{'invalid' : form.$invalid || (offer.type === 'ugccamera' && mediaIsRequired && mediaArrayForUpload <= 0), 'sending' : Formservice.getfeedbackAttemptInProgress(feedbackSubmitAttemptInProgress) || submittingMediaForms}"
              ng-disabled="form.$invalid || (offer.type === 'ugccamera' && mediaIsRequired && mediaArrayForUpload <= 0) || Formservice.checkFormIsEmpty(formValues)"
              class="column" ng-show="(clickableFormMedia && !formSubmissionSuccessful) || !clickableFormMedia"
              ng-click="submit(form); scrollToTopOfElement('.form-offer');">
        {{Formservice.getfeedbackAttemptInProgress(feedbackSubmitAttemptInProgress) || submittingMediaForms ? '' : getCascadingFormContent(offer.content.cta)}}
        <div ng-if="Formservice.getfeedbackAttemptInProgress(feedbackSubmitAttemptInProgress) || submittingMediaForms" class="bubble-loading-container">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
        </div>
      </button>
      
      <button ng-if="isVisible(offer.content.cancel.visible) && (offer.position === 'popup' || !offer.position) && isForm()"
              class="column" type="button"
              ng-click="$dismiss('dismissed')">
        {{getCascadingFormContent(offer.content.cancel)}}
      </button>
      <h5 ng-if="Formservice.getFeedbackSubmitFailed(feedbackSubmitFailed)" class="errorText" loc="feedback_sending_error"></h5>
      <span>&nbsp;</span>
      <h5 ng-if="Formservice.getFeedbackSubmitFailed(feedbackSubmitFailed) && offer.type === 'ugccamera'" class="errorText" loc="please_try_again"></h5>
      <button ng-if="isVisible(offer.content.cta.visible) && Formservice.getFeedbackSubmitFailed(feedbackSubmitFailed) && offer.type !== 'ugccamera'" class="row"
              ng-click="submit(form); form.attempted = false; scrollToTopOfElement('.form-offer');" type="button" loc="feedback_try_again"></button>
    </div>
  </div>
  
  <div ng-show="Formservice.getfeedbackAttemptInProgress(feedbackSubmitAttemptInProgress) || submittingMediaForms"
       class="loading-screen feedback-loading rows flex-center">
    <div class="loading-content-container">
      <div ng-if="submittingMediaForms" class="progress-container">
        <h3 ng-if="!mediaIsUploading" loc="prepping_media_upload"></h3>
        <h3 ng-if="mediaIsUploading" loc="uploading_media"></h3>
        <h3 ng-if="mediaIsUploading && mediaArrayForUpload.length > 0">
          <span>{{indexForMediaUploads + 1}} of {{mediaArrayForUpload.length}}</span>
        </h3>
        <progress ng-if="mediaIsUploading"
                  value="{{Formservice.getFeedbackMediaUploadProgress()}}" max="100" id="progressbar"></progress>
      </div>
      <div ng-if="Formservice.getfeedbackAttemptInProgress(feedbackSubmitAttemptInProgress) && !submittingMediaForms" class="feedback-loading-message-container">
        <h3 class="feedback_loading_1" loc="feedback_sending"></h3>
        <h3 class="feedback_loading_2" loc="feedback_still_sending"></h3>
        <h3 class="feedback_loading_3" loc="feedback_little_longer"></h3>
        <h3 class="feedback_loading_4" loc="feedback_thanks_for_waiting"></h3>
      </div>
      <div class="bubble-loading-container">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
      </div>
    </div>
  </div>
</form>

<div class="modal-body points-earned-modal-body bg-confetti-animated">
  <h1 loc="prediction_congratulations"></h1>

  
  <div class='coin-container'>
    <div class="coin">
      <div class="shine"></div>
      <div class="tails"></div>
      <div class="heads"></div>
    </div>
    <p class="points-container"> + {{points}} <span loc="prediction_points_name_abbreviation"></span></p>
  </div>
  <div class="points-awarded-summary">
    <span loc="prediction_have_earned"></span>
    {{points}}
    <span loc="prediction_points_name"></span>!
    </br>
    <span loc="prediction_have_earned_keep_it_up"></span>
  </div>
  <button class="flex-center" ng-click="cancel()" loc="prediction_collect_points"></button>
</div>

<div class="modal-body">
  <div class="animate-fade-in">
    <h1 loc="share-title"></h1>
    <div class="share-vote-button-container">

      <a ng-href="{{facebookURL}}" target="_blank" class="social-button" id="facebook-connect"
      ng-click="cancel()">
        <img src="images/social-icons/facebook-white.svg?sanitize=true" class="social-button-icon">
        <span class="social-button-text" loc="share-button-text-facebook"></span>
      </a>

      <a ng-href="{{tweetURL}}" target="_blank" class="social-button" id="twitter-connect"
      ng-click="cancel()">
        <img src="images/social-icons/twitter-white.png" class="social-button-icon">
        <span class="social-button-text"
              loc="share-button-text-twitter"></span>
      </a>
    </div>
  </div>

  
  <div class="close-button material-icons" ng-click="cancel()">
    close
  </div>
</div>

<div class="flex-center rows terms-conditions-modal">
  <h2 loc="terms_and_conditions_title"></h2>
  <p>{{termsAndConditions.text}}</p>

  <a ng-if="termsAndConditions.uri" href="{{termsAndConditions.uri}}" target="_blank" loc="full_terms_and_conditions"></a>

  <button class="flex-center" ng-click="cancel()" loc="close"></button>
</div>

<div class="modal-body login-modal-body third-party-login">
  <div class="login-header-image">
    <img class="header-image" alt="Close login"
         ng-if="(current.showMedia.medium && !current.showMedia.medium.includes('blank.png'))
         || (current.showMedia.small && !current.showMedia.small.includes('blank.png'))"
         ng-src="{{current.showMedia.medium || current.showMedia.small}}">
  </div>
  <p>To continue, please sign in to your {{enabledProviders[0].client ? enabledProviders[0].client.label : enabledProviders[0].label}} account.</p>

  
  <div class="close-button" ng-click="cancel()"></div>
</div>

<div class="modal-body rows vote-not-accepted-modal">
    <h2>
        {{headingText}}
    </h2>
    <p>
        <span loc="webpoll_vote_not_accepted_current_answer"></span>
        <br>
        <b>{{lastAcceptedVote.text}}</b>
    </p>
    <button ng-click="cancel()" loc="ok"></button>
</div>

<div class="bring-to-front" ng-if="megachatter.presentation.position === 'top' && megachatter.enabled">
  <megachatter-presentations></megachatter-presentations>
</div>

<div class="page-container rows" ng-class="{'onescreen-container': isOneScreen}">
  
  <div ng-repeat="scene in webpollQuestionsArray track by scene.id" ng-if="config.isVerticalStackModeWebpoll">
    <div class="scene-wrapper">
      <ng-include src="getTemplateUrl()"></ng-include>
      <div class="multiselect-vote-button-container"
           ng-if="(isWebpoll || currentQuestion.isWebPoll) && multiselect.enabled && scene.answers.length > 0">
        <multiple-vote-button passed-scene-value="scene"></multiple-vote-button>
      </div>
      <ng-include ng-if="scene.product !== 'Block'" src="'views/directives/inlineOffersPages.html'"></ng-include>
    </div>
  </div>

  
  <div class="archive-scenes-container" ng-if="showSceneArchive() && config.isVerticalStackModeWebpoll">
    
    <h1 class="page-scene-archive-title" ng-if="showSceneArchiveTitle()">
      <span ng-if="!currentWebPoll.scene_archive.title" loc="webpoll_scene_archive_title"></span>
      <span ng-if="currentWebPoll.scene_archive.title">{{currentWebPoll.scene_archive.title}}</span>
    </h1>
    
    <div ng-repeat="scene in archivedWebpollQuestionsArray track by scene.id">
      <div class="scene-wrapper">
        <ng-include src="getTemplateUrl()"></ng-include>
        <div class="multiselect-vote-button-container"
             ng-if="(isWebpoll || currentQuestion.isWebPoll) && multiselect.enabled && scene.answers.length > 0">
          <multiple-vote-button passed-scene-value="scene"></multiple-vote-button>
        </div>
        <ng-include ng-if="scene.product !== 'Block'" src="'views/directives/inlineOffersPages.html'"></ng-include>
      </div>
    </div>
  </div>

  
  <div ng-if="!config.isVerticalStackModeWebpoll">
    
    <div scene-animation class="scene-wrapper">
      <ng-include src="getTemplateUrl()"></ng-include>
    </div>

    
    <div class="quiz-next-button-container" ng-if="showNextAndBackButtons()">

      
      <button ng-class="{'disabled': pageVoteInProgress}"
              ng-if="displayBackButton()" class="quiz-back-button"
              ng-click="!pageVoteInProgress && previousWebPollScene()">
        <span class="material-icons-round">arrow_back</span>
        <span loc="webpoll_previous_scene"></span>
      </button>

      
      <button ng-class="{'disabled': pageVoteInProgress}"
              class="quiz-next-button"
              ng-if="displayNextButton() && !showFinalResultsNextButton && !showStartOverButton"
              ng-click="!pageVoteInProgress && advanceToNextWebPollScene()">
        
        <span loc="{{nextButtonLocale}}"></span>

        <span class="material-icons-round">arrow_forward</span>
      </button>

      
      <button ng-class="{'disabled': pageVoteInProgress}"
              class="quiz-final-results-next-button" ng-if="showFinalResultsNextButton"
              ng-click="!pageVoteInProgress && advanceToNextWebPollScene()">
        <span loc="webpoll_advance_to_final_results"></span>
        <span class="material-icons-round">arrow_forward</span>
      </button>

      
      <button class="quiz-start-over-button" ng-if="currentWebPoll.scenes.length > 1 && showStartOverButton"
              ng-click="startWebPollOver()">
        <span loc="webpoll_start_over"></span>
        <span class="material-icons-round">replay</span>
      </button>
    </div>
    <div class="multiselect-vote-button-container"
         ng-if="(isWebpoll || currentQuestion.isWebPoll) && multiselect.enabled && currentQuestion.answers.length > 0">
      <multiple-vote-button passed-scene-value="currentQuestion"></multiple-vote-button>
    </div>
    <ng-include ng-if="scene.product !== 'Block'" src="'views/directives/inlineOffers.html'"></ng-include>
  </div>

  <ng-include ng-if="current.inlinePageOffers.length > 0" src="'views/directives/inlinePageOffers.html'"></ng-include>
</div>


<div class="bring-to-front" ng-if="megachatter.presentation.position === 'bottom' && megachatter.enabled">
  <megachatter-presentations></megachatter-presentations>
</div>

<div class="quiz-final-results-container bg-confetti-animated">
    <h2 class="quiz-name" ng-if="currentWebPoll.name">{{currentWebPoll.name}}</h2>
    <h2 class="quiz-name" ng-if="!currentWebPoll.name" loc="leaderboard_title"></h2>

    <div class="result-progress-container">

        <svg width="200" height="200" viewBox="-25 -25 250 250" version="1.1" xmlns="http://www.w3.org/2000/svg"
             style="transform:rotate(-90deg)">
            
            <circle r="90" cx="100" cy="100" fill="transparent" stroke="#ffffff" stroke-width="16px"
                    stroke-dasharray="565.48px"
                    stroke-dashoffset="0"></circle>
            
            <circle id="quizProgressRing" r="90" cx="100" cy="100" stroke="#2ecc71" stroke-width="16px"
                    stroke-linecap="round"
                    stroke-dashoffset="565.48px"
                    fill="transparent"
                    stroke-dasharray="565.48px"></circle>
        </svg>
        <div class="quiz-results">
            <div class="quiz-totals">
                <span class="correct-quiz-answers">{{correctAnswers}}</span>/{{totalQuestions}}</div>
            <div class="quiz-point-container">
                <span class="quiz-points">{{currentRun.totalPoints}}</span>
                <span loc="{{ currentRun.totalPoints === 1 ? 'points_suffix_singular' : 'points_suffix' }}"></span>
            </div>
        </div>
    </div>

    <button ng-if="currentWebPoll && currentWebPoll.replay && currentWebPoll.replay.enabled " ng-click="!resettingQuiz && playQuizAgain()" ng-class="{'disabled': resettingQuiz}">
        <span ng-if="!resettingQuiz" loc="webpoll_play_again"></span>
        <span ng-if="resettingQuiz" loc="webpoll_play_again_resetting"></span>
    </button>
</div>

Requests	IP Address	Location	AS Autonomous System
5	13.226.244.50	United States	AS16509Amazon.com, Inc.
5	99.84.152.100	United States	AS16509
10	2	-	-

Security Scan Report: mega.page

Summary

AI Security Verdict

Safe Website

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Detected Technologies4

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History