1<!DOCTYPE html> 2<html lang="nl"> 3<head> 4 <title>School in Hoogstraten - Klein Seminarie Hoogstraten</title> 5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 6 <meta name="viewport" id="metaViewport" content="user-scalable=no, initial-scale=1, width=device-width, viewport-fit=cover" data-tdv-general-scale="0.5"/> 7 <meta name="apple-mobile-web-app-capable" content="yes"/> 8 <meta name="apple-mobile-web-app-status-bar-style" content="default"> 9
9<script src="lib/tdvplayer.js?v=1661980329113"></script>
9 10 <link rel="preload" href="locale/nl.txt?v=1661980329113" as="fetch" crossorigin="anonymous"/> 11 <link rel="preload" href="script.js?v=1661980329113" as="script"/> 12 <link rel="preload" href="media/panorama_FA2BEF4C_E9A3_98D1_41A0_578F05517940_0/r/4/0_0.jpg?v=1661980329113" as="image"/> 13 <link rel="preload" href="media/panorama_FA2BEF4C_E9A3_98D1_41A0_578F05517940_0/l/4/0_0.jpg?v=1661980329113" as="image"/> 14 <link rel="preload" href="media/panorama_FA2BEF4C_E9A3_98D1_41A0_578F05517940_0/u/4/0_0.jpg?v=1661980329113" as="image"/> 15 <link rel="preload" href="media/panorama_FA2BEF4C_E9A3_98D1_41A0_578F05517940_0/d/4/0_0.jpg?v=1661980329113" as="image"/> 16 <link rel="preload" href="media/panorama_FA2BEF4C_E9A3_98D1_41A0_578F05517940_0/f/4/0_0.jpg?v=1661980329113" as="image"/> 17 <link rel="preload" href="media/panorama_FA2BEF4C_E9A3_98D1_41A0_578F05517940_0/b/4/0_0.jpg?v=1661980329113" as="image"/> 18
18<script src="scorm.js" type="text/javascript"></script>
18 19 <meta name="description" content="Op de campus het Klein Seminarie in Hoogstraten vind je een kleuterschool, lagere school, secundaire school en een internaat."/> 20 <meta name="theme-color" content="#FFFFFF"/> 21
21<script src="script.js?v=1661980329113"></script>
21 22
22<script type="text/javascript"> 23 var tour; 24 var devicesUrl = {"mobile":"script_mobile.js?v=1661980329113","general":"script_general.js?v=1661980329113"}; 25 26 (function() 27 { 28 var deviceType = ['general']; 29 if(TDV.PlayerAPI.mobile) 30 deviceType.unshift('mobile'); 31 if(TDV.PlayerAPI.device == TDV.PlayerAPI.DEVICE_IPAD) 32 deviceType.unshift('ipad'); 33 var url; 34 for(var i=0; i<deviceType.length; ++i) { 35 var d = deviceType[i]; 36 if(d in devicesUrl) { 37 url = devicesUrl[d]; 38 break; 39 } 40 } 41 if(typeof url == "object") { 42 var orient = TDV.PlayerAPI.getOrientation(); 43 if(orient in url) { 44 url = url[orient]; 45 } 46 } 47 var link = document.createElement('link'); 48 link.rel = 'preload'; 49 link.href = url; 50 link.as = 'script'; 51 var el = document.getElementsByTagName('script')[0]; 52 el.parentNode.insertBefore(link, el); 53 })(); 54 55 function loadTour() 56 { 57 if(tour) return; 58 59 if (/AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent)) { 60 var preloadContainer = document.getElementById('preloadContainer'); 61 if(preloadContainer) 62 document.body.style.backgroundColor = window.getComputedStyle(preloadContainer).backgroundColor; 63 } 64 65 var settings = new TDV.PlayerSettings(); 66 settings.set(TDV.PlayerSettings.CONTAINER, document.getElementById('viewer')); 67 settings.set(TDV.PlayerSettings.WEBVR_POLYFILL_URL, 'lib/WebVRPolyfill.js?v=1661980329113'); 68 settings.set(TDV.PlayerSettings.HLS_URL, 'lib/Hls.js?v=1661980329113'); 69 settings.set(TDV.PlayerSettings.QUERY_STRING_PARAMETERS, 'v=1661980329113'); 70 71 tour = new TDV.Tour(settings, devicesUrl); 72 tour.bind(TDV.Tour.EVENT_TOUR_INITIALIZED, onVirtualTourInit); 73 tour.bind(TDV.Tour.EVENT_TOUR_LOADED, onVirtualTourLoaded); 74 tour.bind(TDV.Tour.EVENT_TOUR_ENDED, onVirtualTourEnded); 75 tour.load(); 76 } 77 78 function pauseTour() 79 { 80 if(!tour) 81 return; 82 83 tour.pause(); 84 } 85 86 function resumeTour() 87 { 88 if(!tour) 89 return; 90 91 tour.resume(); 92 } 93 94 function onVirtualTourInit() 95 { 96 var updateTexts = function() { 97 document.title = this.trans("tour.name") 98 }; 99 100 tour.locManager.bind(TDV.Tour.LocaleManager.EVENT_LOCALE_CHANGED, updateTexts.bind(tour.locManager)); 101 102 if (tour.player.cookiesEnabled) 103 enableCookies(); 104 else 105 tour.player.bind('enableCookies', enableCookies); 106 } 107 108 function onVirtualTourLoaded() 109 { 110 disposePreloader(); 111 } 112 113 function onVirtualTourEnded() 114 { 115 116 } 117 118 function enableCookies() 119 { 120 121 } 122 123 function setMediaByIndex(index) { 124 if(!tour) 125 return; 126 127 tour.setMediaByIndex(index); 128 } 129 130 function setMediaByName(name) 131 { 132 if(!tour) 133 return; 134 135 tour.setMediaByName(name); 136 } 137 138 function showPreloader() 139 { 140 var preloadContainer = document.getElementById('preloadContainer'); 141 if(preloadContainer != undefined) 142 preloadContainer.style.opacity = 1; 143 } 144 145 function disposePreloader() 146 { 147 var preloadContainer = document.getElementById('preloadContainer'); 148 if(preloadContainer == undefined) 149 return; 150 151 var transitionEndName = transitionEndEventName(); 152 if(transitionEndName) 153 { 154 preloadContainer.addEventListener(transitionEndName, hide, false); 155 preloadContainer.style.opacity = 0; 156 setTimeout(hide, 500); //Force hide. Some cases the transitionend event isn't dispatched with an iFrame. 157 } 158 else 159 { 160 hide(); 161 } 162 163 function hide() 164 { 165 166 document.body.style.backgroundColor = window.getComputedStyle(preloadContainer).backgroundColor; 167 preloadContainer.style.visibility = 'hidden'; 168 preloadContainer.style.display = 'none'; 169 var videoList = preloadContainer.getElementsByTagName("video"); 170 for(var i=0; i<videoList.length; ++i) 171 { 172 var video = videoList[i]; 173 video.pause(); 174 while (video.children.length) 175 video.removeChild(video.children[0]); 176 } 177 } 178 179 function transitionEndEventName () { 180 var el = document.createElement('div'); 181 var transitions = { 182 'transition':'transitionend', 183 'OTransition':'otransitionend', 184 'MozTransition':'transitionend', 185 'WebkitTransition':'webkitTransitionEnd' 186 }; 187 188 var t; 189 for (t in transitions) { 190 if (el.style[t] !== undefined) { 191 return transitions[t]; 192 } 193 } 194 195 return undefined; 196 } 197 } 198 199 function onBodyClick(){ 200 document.body.removeEventListener("click", onBodyClick); 201 document.body.removeEventListener("touchend", onBodyClick); 202 203 } 204 205 function onLoad() {
206 if (/AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent)) 207 { 208 var onOrientationChange = function() 209 { 210 document.documentElement.style.height = 'initial'; 211 Array.from(document.querySelectorAll('.fill-viewport')).forEach(function(element) 212 { 213 element.classList.toggle('landscape-right', window.orientation == -90); 214 element.classList.toggle('landscape-left', window.orientation == 90); 215 }); 216 setTimeout(function() 217 { 218 document.documentElement.style.height = '100%'; 219 }, 500); 220 }; 221 window.addEventListener('orientationchange', onOrientationChange); 222 onOrientationChange(); 223 } 224 225 var params = getParams(location.search.substr(1)); 226 if(params.hasOwnProperty("skip-loading")) 227 { 228 loadTour(); 229 disposePreloader(); 230 return; 231 } 232 233 if (isOVRWeb()){ 234 showPreloader(); 235 loadTour(); 236 return; 237 } 238 239 showPreloader(); 240 loadTour(); 241 } 242 243 244 245 function playVideo(video, autoplayMuted, clickComponent) { 246 function isSafariDesktopV11orGreater() { 247 return /^((?!chrome|android|crios|ipad|iphone).)*safari/i.test(navigator.userAgent) && parseFloat(/Version\/([0-9]+\.[0-9]+)/i.exec(navigator.userAgent)[1]) >= 11; 248 } 249 250 function hasAudio (video) { 251 return video.mozHasAudio || 252 Boolean(video.webkitAudioDecodedByteCount) || 253 Boolean(video.audioTracks && video.audioTracks.length); 254 } 255 256 function detectUserAction() { 257 var component = clickComponent || document.getElementById('preloadContainer'); 258 var onVideoClick = function(e) { 259 if(video.paused) { 260 video.play(); 261 } 262 video.muted = false; 263 if(hasAudio(video)) 264 { 265 e.stopPropagation(); 266 e.stopImmediatePropagation(); 267 e.preventDefault(); 268 } 269 270 component.removeEventListener('click', onVideoClick); 271 component.removeEventListener('touchend', onVideoClick); 272 273 if(component == clickComponent) { 274 setComponentVisibility(false); 275 } 276 }; 277 component.addEventListener("click", onVideoClick); 278 component.addEventListener("touchend", onVideoClick); 279 } 280 281 function setComponentVisibility(visible) { 282 clickComponent.style.visibility = visible ? 'visible' : 'hidden'; 283 } 284 285 if (isSafariDesktopV11orGreater()) { 286 if(autoplayMuted) { 287 video.muted = true; 288 video.play(); 289 } 290 } else { 291 var canPlay = true; 292 var promise = video.play(); 293 if (promise) { 294 promise.catch(function() { 295 if(clickComponent) 296 setComponentVisibility(true); 297 canPlay = false; 298 if(autoplayMuted) { 299 video.muted = true; 300 video.play(); 301 } 302 detectUserAction(); 303 }); 304 } else { 305 canPlay = false; 306 } 307 308 if (!canPlay || video.muted) { 309 detectUserAction(); 310 } else if(clickComponent) { 311 setComponentVisibility(false); 312 } 313 } 314 } 315 316 function isOVRWeb(){ 317 return window.location.hash.substring(1).split('&').indexOf('ovrweb') > -1; 318 } 319 320 function getParams(params) { 321 var queryDict = {}; params.split("&").forEach(function(item) {var k = item.split("=")[0], v = decodeURIComponent(item.split("=")[1]);queryDict[k.toLowerCase()] = v}); 322 return queryDict; 323 } 324 325 document.addEventListener('DOMContentLoaded', onLoad); 326 </script>
326 327 <style type="text/css"> 328 html, body { height:100%; width:100%; height:100vh; width:100vw; margin:0; padding:0; overflow:hidden; } 329 .fill-viewport { position:fixed; top:0; left:0; right:0; bottom:0; padding:0; margin:0; overflow: hidden; } 330 .fill-viewport.landscape-left { left: env(safe-area-inset-left); } 331 .fill-viewport.landscape-right { right: env(safe-area-inset-right); } 332 #viewer { z-index:1; } 333 #preloadContainer { z-index:2; opacity:0; background-color:rgba(255,255,255,1); transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s;} 334 </style> 335 <link rel="stylesheet" href="fonts.css?v=1661980329113"> 336</head> 337<body> 338 <div class="powr-popup" id="36d73ef2_1666615743"></div>
338<script src="https://www.powr.io/powr.js?platform=html"></script>
338 339 <div id="preloadContainer" class="fill-viewport"><div style="z-index: 4; position: absolute; left: 0%; top: 50%; width: 100.00%; height: 10.00%" ><div style="text-align:left; color:#000; "><DIV STYLE="text-align:center;font-size:1.6666666666666663vmin;"><SPAN STYLE="display:inline-block; letter-spacing:0vmin; white-space:pre-wrap;color:#777777;font-size:1.67vmin;font-family:Arial, Helvetica, sans-serif;">Even geduld, de website wordt ingeladen.</SPAN></DIV></div></div></div> 340 <div id="viewer" class="fill-viewport"></div> 341 <style> 342 .copy { 343 z-index: 1000; 344 color: #FFF; 345 position: absolute; 346 right: 5px; 347 bottom: 10px; 348 font-size: 11px; 349 font-family: arial; 350 351 }</style> 352 <div class="copy">©<a target="_blank" href="https://www.mark-think.be"><font color="#fff">Mark & Think</a></a></div> 353</body> 354</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.