https://www.bighornrevelstoke.com/

送信済みURL:
https://www.bighornrevelstoke.com/
レポート終了日:

リンク · 0件検出

JavaScript変数 · 13件検出

名前規模
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
gafunction
google_tag_dataobject
gapluginsobject
gaGlobalobject
gaDataobject
dataLayerobject
google_tag_managerobject

コンソールログメッセージ · 5件検出

規模分類ログ
logother
URL
https://www.bighornrevelstoke.com/js/main.min.js
テキスト
600px -> 400px
logother
URL
https://www.bighornrevelstoke.com/js/main.min.js
テキスト
0
logother
URL
https://www.bighornrevelstoke.com/js/main.min.js
テキスト
Article h: 220px
logother
URL
https://www.bighornrevelstoke.com/js/main.min.js
テキスト
video faded up...so press play!
logother
URL
https://www.bighornrevelstoke.com/js/main.min.js
テキスト
bgVideo: [object HTMLVideoElement]

HTML

<!DOCTYPE html><html lang="en" class="no-js"><head>
    <meta charset="UTF-8">
    <!-- meta-head.php -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Luxury Ski Chalet Heli Skiing 5 Star Service Revelstoke BC Canada | Bighorn</title>
    <meta name="description" content="Simply the most luxurious ski accommodation anywhere in the world with a private heli-pad offering unlimited access to the best powder on the planet.">
    <meta name="keywords" content="heliski, heli, ski, revelstoke, canada, luxury, chalet, accommodation, lodge">
    <meta name="author" content="James Docherty">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
        <link rel="stylesheet" type="text/css" href="css/main.css">
            <style>
        /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */
        @import url('https://fonts.googleapis.com/css?family=Dosis:300');

        .content {
            background-image: url('img/bg_intro.jpg');
            /*clip-path: url("#clipping"); !* this references the svg in svg-def *!*/
        }

        #buttonMask {
            /*background-color: #1d48f3;*/
            width: 500px;
            height: 500px;
            clip-path: url(#clipping2);
            /*transform: translateX(calc(50vw - 250px)) translateY(calc(50vh - 250vh));*/
            left: calc(25vw - 250px);
            top: calc(25vh - 250px);
            position: absolute;
        }

        #label {
            position: absolute;
            display: block;
            text-align: center;
            /*border: 1px solid red;*/
            width: 50%;
            margin-left: auto;
            margin-right: auto;
            left: 25%;
            top: 34vh;
            color: #FFF;
        }
        .scroll-pane
        {
            width: 100%;
            max-height: 200px;
            overflow: auto;
        }

    </style>
    <!-- styles needed by jScrollPane -->
    <link type="text/css" href="/css/jquery.jscrollpane.css" rel="stylesheet" media="all">
    <!-- Google Analytics via head-ga.html -->
<script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-86WHBHCPXT&amp;cx=c&amp;_slc=1"></script><script>
  window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
  ga('create', 'UA-23270738-1', 'auto');
  ga('send', 'pageview');
</script>
<script async="" src="https://www.google-analytics.com/analytics.js"></script>
<!-- End Google Analytics --></head>
<body>
<div id="bufferBar" style="width: 6.58732vw;"></div>
<div id="bufferSpinner"></div>
<header>
    <a href="index.php" data-transition="wipe" class="noline">
        <svg id="bh-logotype" data-name="bh-logotype" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 50" width="200" alt="Bighorn Revelstoke">
            <path fill="#ffffff" d="M176.38,11.58c-2.15.21-6.49,0.42-10.21,0.52h-0.68v0.52c4.61,0.31,5,.68,5,4.56V31.74c0,3.3-.73,3.93-4.82,4.35v0.52h15.5V36.09c-3.93-.37-4.71-1-4.71-4.4V28.18c0-4.92.31-7.07,1.47-10a7.48,7.48,0,0,1,6.7-5.08c3,0,3.56,1.1,3.56,7.33V31.69c0,3.3-.79,4-4.5,4.4v0.52H199V36.09c-4.14-.42-4.87-1-4.87-4.35V21.06c0-4.5-.21-5.66-1.31-7.12a7.74,7.74,0,0,0-6.07-2.57,10.18,10.18,0,0,0-7,2.72c-1.68,1.57-2.41,2.78-3.4,6V11.58Zm-25.61,0c-0.21,0-.37.05-0.52,0.05-0.94.1-2.41,0.16-4.45,0.26-2.51.1-4.35,0.21-5.55,0.21h-0.47v0.52c4.71,0.31,5.13.73,5.13,4.56V31.74c0,3.3-.73,3.93-4.87,4.35v0.52h16V36.09c-4.35-.42-5.13-1-5.13-4.35V25.56a23.51,23.51,0,0,1,1-8.27c0.89-2.51,2.72-4.14,4.71-4.14a0.93,0.93,0,0,1,1,.58,0.84,0.84,0,0,1-.16.42,2.18,2.18,0,0,0-.84,1.88,3,3,0,0,0,3.14,3.09,3.42,3.42,0,0,0,3.4-3.51c0-2.41-2.09-4.24-5-4.24a7.11,7.11,0,0,0-5.19,2.3,10.35,10.35,0,0,0-2.3,4.4V11.58Zm-23.83,25c-4.77,0-6.7-3.56-6.7-12.25s1.94-12.25,6.7-12.25,6.7,3.56,6.7,12.25-1.94,12.25-6.7,12.25m0-25.19c-7.12,0-13.35,6-13.35,12.93s6.23,12.94,13.35,12.94,13.35-6,13.35-12.94-6.23-12.93-13.35-12.93M91.23,1l-0.37.05C88.24,1.37,84,1.63,80.75,1.68H80.49V2.26c4.45,0.26,4.82.68,4.82,4.55V31.74c0,3.3-.73,3.93-4.87,4.35v0.52h15.5V36.09c-4.08-.37-4.66-0.94-4.66-4.4V28.13c0-5.29.26-7.28,1.47-9.9,1.52-3.25,4-5.13,6.76-5.13,3.09,0,3.61,1,3.61,7.54v11c0,3.3-.79,4-4.55,4.4v0.52H113.8V36.09c-4-.37-4.77-1.1-4.77-4.35V20.64c0-4.5-.21-5.5-1.57-7a8.31,8.31,0,0,0-5.92-2.25A10.35,10.35,0,0,0,94.63,14c-1.52,1.41-2.2,2.62-3.4,5.71V1ZM73.11,39a3.67,3.67,0,0,1,2.72,3.72c0,3.82-4.08,6.23-10.68,6.23-6,0-9.48-2.2-9.48-6a4,4,0,0,1,2.88-4,21.37,21.37,0,0,1,6.55-.63c4.08,0,6.49.16,8,.63M65.46,27.29c-3.56,0-4.87-2-4.87-7.54,0-5.71,1.31-7.65,5.08-7.65,3.56,0,4.82,2,4.82,7.65s-1.26,7.54-5,7.54m-7,10.84c-4,.52-6,2.25-6,5,0,3.93,4.87,6.49,12.2,6.49,8.74,0,14.4-3.72,14.4-9.48a6.93,6.93,0,0,0-2.56-5.5c-1.73-1.26-4-1.78-7.86-1.78H62.79c-4.19,0-5.66-.63-5.66-2.46s1-2.25,5.39-2.41L64.94,28c7.28-.21,12-3.51,12-8.32,0-1.78-.37-2.72-1.78-4.82-1.1-1.73-1.52-2.51-1.52-3.14a0.87,0.87,0,0,1,.79-0.89,1.11,1.11,0,0,1,.52.21l0.73,0.52a2.19,2.19,0,0,0,1.21.37A2.61,2.61,0,0,0,79.6,9.17a3.1,3.1,0,0,0-3.25-3.09,3.8,3.8,0,0,0-3.72,4.09A7.51,7.51,0,0,0,73.9,14a13.58,13.58,0,0,0-8.27-2.62c-6.49,0-11.42,3.56-11.42,8.33a7.19,7.19,0,0,0,2.62,5.5c1.36,1.15,2.67,1.68,5.34,2.2C56.4,27.5,54.1,29,54.1,32.68s1.88,4.77,8.43,5.13a34.21,34.21,0,0,0-4.08.31M43.89,1.26A3.3,3.3,0,0,0,40.43,4.4a3.47,3.47,0,0,0,6.91,0,3.3,3.3,0,0,0-3.46-3.14m2.31,10.37c-1.1.05-2.62,0.16-4.56,0.26-2.36.1-4.24,0.21-5.55,0.21H35.82v0.52c4.45,0.31,4.82.73,4.82,4.56V31.74c0,3.3-.73,3.93-4.87,4.35v0.52H51.48V36.09c-4.14-.42-4.87-1-4.87-4.35V11.58ZM17,18c5,0,7.07.57,8.8,2.41a9.7,9.7,0,0,1,2.1,6.55c0,6.07-3,8.85-9.37,8.85-4.09,0-5.45-1-5.45-4.14V18H17ZM13.1,6.66c0-3.25,1.15-4.14,5.29-4.14,5.71,0,8.43,2.36,8.43,7.33,0,2.57-.94,4.71-2.46,5.76s-4,1.52-7.59,1.52H13.1V6.66ZM26.71,16.71c4.45-.94,7.07-3.56,7.07-7.07,0-4.87-5-8-12.94-8H1V2.21c5.18,0.42,5.76.89,5.76,4.61V31.48c0,3.77-.52,4.19-5.76,4.61v0.52H19.48c5.87,0,8.27-.47,11.16-2.3a8.4,8.4,0,0,0,4.24-7.49c0-5.87-4.45-8.8-14.14-9.27a55.26,55.26,0,0,0,6-.84"></path>
        </svg>
    </a>
    <div id="emailLink"></div>
</header>
<main class="view">
    <div class="content" style="background-image: none;">
        <div class="blurbCont" style="height: 400px;">
    <div class="blurbBtn"></div>
    <div class="blurbBtnClip">
        <div class="blurbBtnBg"></div>
    </div>
    <div class="blurb jspScrollable" data-simplebar="" style="height: 400px; overflow: hidden; padding: 0px; width: 277px; outline: none;" tabindex="0">
        
        
        
        
        
        
    <div class="jspContainer" style="width: 277px; height: 400px;"><div class="jspPane" style="padding: 0px; width: 263px; top: 0px;"><h1>The World's best ski chalet</h1><p>Bighorn is unique. Its unparalleled excellence has been acclaimed time and again as one of the world's finest ski lodges; this remarkable mountain home delivers a blend of luxury and adventure without equal.</p><h2>Bespoke Heliskiing</h2><p>The location of the property at the base of Revelstoke Mountain Resort, in the heart of the world's best heliski terrain, has created a new ski concept. Fly into the wilderness from your private helipad, or ride the lift to the top of Revelstoke Mountain Resort.</p><h2>The Ultimate In Luxury</h2><p>At Bighorn, we have redefined the standard of accommodation and service in North America. Our mission is to provide you with an unforgettable stay that exceeds all expectations. In addition to a personalized concierge service and exceptional facilities, we have meticulously assembled a team of dedicated staff, who are committed to ensuring your every need is met.</p></div><div class="jspVerticalBar"><div class="jspCap jspCapTop"></div><div class="jspTrack" style="height: 400px;"><div class="jspDrag" style="height: 201px;"><div class="jspDragTop"></div><div class="jspDragBottom"></div></div></div><div class="jspCap jspCapBottom"></div></div></div></div>
</div>    <div id="videoContainer" style="opacity: 0.239193;"><video width="1280" height="720" id="bgVideo" muted=""><source type="video/mp4" src="https://s3-eu-west-1.amazonaws.com/com.bighornrevelstoke/video/intro.mp4"><source type="video/webm" src="https://s3-eu-west-1.amazonaws.com/com.bighornrevelstoke/video/intro.webm"><source type="video/ogg" src="https://s3-eu-west-1.amazonaws.com/com.bighornrevelstoke/video/intro.ogg"></video></div></div>
</main>
<div class="menuCont">
    <img src="img/bh_logo-device-01.svg" id="bhdevice" alt="Bighorn logo">
    <div class="deviceBg"></div>
    <div class="deviceText">MENU</div>
    <!-- <div class="deviceGlow"></div> -->
    <div class="menuBg">
        <nav role="navigation" class="main-nav" id="main-nav">
            <ul id="main-nav-list">
                <li><a href="index.php" class="menuBtn mHome current-page">Home</a></li>
<li><a href="private-heliskiing.php" class="menuBtn mHeliskiing">Private Heliskiing</a></li>
<li><a href="property.php" class="menuBtn mProperty">The Property</a></li>
<li><a href="experience.php" class="menuBtn mExperience">Experience</a></li>
<li><a href="gallery.php" class="menuBtn mGallery">Gallery</a></li>
<li><a href="coverage.php" class="menuBtn mPress">Press</a></li>
<li><a href="/blog/" class="menuBtn mBlog">Blog</a></li>
<li><a href="contact.php" class="menuBtn mContact">Contact</a></li>            </ul>
        </nav>
    </div>
</div>
<footer>
    <div class="footerLeft">
        <div class="awardLogo" style="transform: translateY(100px);"><img src="img/footer-logo_wsa_combined2.svg" alt="Voted World's Best Ski Chalet"></div>    </div>
    <div class="footerRight centered">
        <a href="coverage.php" class="pressRotator">
    <div class="pressLogo"><img src="img/logo-forbes.svg" alt="Forbes"></div>
    <div class="pressLogo"><img src="img/logo-ft.svg" alt="FT"></div>
    <div class="pressLogo"><img src="img/logo-vogue.svg" alt="Vogue"></div>
    <div class="pressLogo"><img src="img/logo-tatler.svg" alt="Tatler"></div>
    <div class="pressLogo"><img src="img/logo-robbreport.svg" alt="RobbReport"></div>
    <div class="pressLogo"><img src="img/logo-outside.svg" alt="Outside"></div>
    <div class="pressLogo"><img src="img/logo-telegraph.svg" alt="The Telegraph"></div>
</a>    </div>
</footer>
<script src="js/anime.min.js"></script>
<script src="js/main.min.js"></script>
<div id="contactModal" class="hideForm">
    <div id="modalClose"></div>
    <div id="formWrapper">
        <form id="contactForm" class="formToProcess hidden">
            <h2 id="salesh2">Contact us</h2>
            <h2 id="staffh2" class="hidden">Staff enquiry</h2>
            <input type="text" name="username" placeholder="Your name" required="">
            <input type="email" name="useremail" placeholder="Your email address" required="">
            <textarea name="usermessage" cols="30" rows="6" placeholder="Your message" required=""></textarea>

            <input type="hidden" name="formtype" value="sales">
            <input class="submit" type="submit" value="Send">
            <p style="font-size:10px; margin: 5px 0; color: #aaaaaa;" id="salesFooter">Prefer email? <a href="mailto:[email protected]">[email protected]</a></p>
            <p style="font-size:10px; margin: 5px 0; color: #aaaaaa;" id="staffFooter" class="hidden">Prefer email? <a href="mailto:[email protected]">[email protected]</a></p>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/fetch/2.0.3/fetch.min.js"></script>
        </form>
        <form id="newsletterForm" class="formToProcess hidden">
            <h2 id="newsletterh2">Subscribe to our newsletter</h2>
            <input type="email" name="subscriberemail" placeholder="Your email address" required="">
            <input type="hidden" name="formtype" value="newsletter">
            <input class="submit" type="submit" value="Send">
            <script src="https://cdnjs.cloudflare.com/ajax/libs/fetch/2.0.3/fetch.min.js"></script>
        </form>
    </div>
</div><!-- latest jQuery direct from google's CDN -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<!-- the mousewheel plugin - optional to provide mousewheel support -->
<script type="text/javascript" src="/js/jquery.mousewheel.min.js"></script>

<!-- the jScrollPane script -->
<script type="text/javascript" src="/js/jquery.jscrollpane.min.js"></script>
<script>
    /* This file is embedded via php NOT in a <script> tag */

$(function (){
  $('.blurb:not(.noscroll)').jScrollPane({ hideFocus:true });
//        $('.quote').jScrollPane();
  setTimeout(function(){
    $('article').jScrollPane({ hideFocus:true });
  }, 500)

//      $('.ac-container label:not(.ac-container input:checked+label)')
  $('.ac-container label')
    .click(function(event){

//        console.log('clickola...'+$(this).next('article').text);
//        console.log('clickola...'+$(this).next('article').height());
$this = $(this);

// sort out the blurb on iPads
var bodyHeight = window.getComputedStyle(document.body, null).getPropertyValue('height')
// document.getElementsByClassName('blurbCont')[0].style.backgroundColor = 'red'
var blurbHeight = bodyHeight.slice(0, -2)
blurbHeight = blurbHeight - 200
blurbHeight = blurbHeight + 'px'
// var newHeight = '100px'
document.getElementsByClassName('blurbCont')[0].style.height = blurbHeight
document.getElementsByClassName('blurb')[0].style.height = blurbHeight
//        console.log(bodyHeight + ' -> ' + blurbHeight)

// reset all the articles to a height of 0px
var allArticles = document.querySelectorAll('article')
console.log(allArticles.length)
for (var a = 0; a < allArticles.length; a++) {
  allArticles[a].style.height = 0
}

// resize only the article we want to see
setTimeout(function(){
  var articleHeight = blurbHeight.slice(0, -2)
  var checkedArticles = document.querySelectorAll('section.two-sections input:checked ~ article')
  if(checkedArticles.length > 0){
    articleHeight = articleHeight - 122
    articleHeight = articleHeight + 'px'
  } else {
    checkedArticles = document.querySelectorAll('section.three-sections input:checked ~ article')
    articleHeight = articleHeight - 180
    articleHeight = articleHeight + 'px'
  }
  console.log(checkedArticles.length)
  console.log('Article h: ' + articleHeight)
  if (checkedArticles.length > 0 ) {
    for (var a = 0; a < checkedArticles.length; a++) {
      checkedArticles[a].style.height = articleHeight
    }
  }
  // wrap in another 300ms delay to allow css transitions to finish before adding the scroll bars
  setTimeout(function() {
    $this.next('article').jScrollPane({ hideFocus:true });
    console.log('Expanded height: ' + $this.next('article').height());
  }, 300)
},300);
    });

});</script>

</body></html>