Advertisement
Guest User

FOURBOATS 2

a guest
Dec 21st, 2016
715
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 29.22 KB | None | 0 0
  1. <html lang="nl-NL"><head>
  2. <style>
  3. * {
  4.     margin:0px;
  5.     padding:0px;
  6. }
  7. html, body
  8. {
  9.     height:100%;
  10.     width:100%;
  11.     background-color:#ffffff;
  12.     color:#000000;
  13.     font-weight:normal;
  14.     font-family:"Segoe UI" , "Segoe" , "SegoeUI-Regular-final", Tahoma, Helvetica, Arial, sans-serif;
  15.     min-width:500px;
  16.     -ms-overflow-style:-ms-autohiding-scrollbar;
  17. }
  18.  
  19. body
  20. {
  21.     font-size:0.9em;
  22. }
  23.  
  24. #noScript { margin:16px; color:Black; }
  25.  
  26. :lang(en-GB){quotes:'\2018' '\2019' '\201C' '\201D';}
  27. :lang(zh){font-family:微软雅黑;}
  28.  
  29. @-ms-viewport { width: device-width; }
  30. @-moz-viewport { width: device-width; }
  31. @-o-viewport { width: device-width; }
  32. @-webkit-viewport { width: device-width;  }
  33. @viewport { width: device-width; }
  34.  
  35. /* Theme layout styles */
  36.  
  37. #fullPage, #brandingWrapper
  38. {
  39.     width:100%;
  40.     height:100%;
  41.     background-color:inherit;
  42. }
  43. #brandingWrapper
  44. {
  45.     background-image: url("http://i.imgur.com/1QmmXsm.jpg");
  46.    
  47. }
  48. #branding
  49. {      
  50.     /* A background image will be added to the #branding element at run-time once the illustration image is configured in the theme.
  51.        Recommended image dimensions: 1420x1200 pixels, JPG or PNG, 200 kB average, 500 kB maximum. */
  52.     height:100%;
  53.     margin-right:500px; margin-left:0px;
  54.     background-image: url("http://i.imgur.com/1QmmXsm.jpg");
  55.     background-color:inherit;
  56.     background-repeat: no-repeat;
  57.     background-size:cover;
  58.     -webkit-background-size:cover;
  59.     -moz-background-size:cover;
  60.     -o-background-size:cover;
  61. }
  62. #contentWrapper
  63. {
  64.     position:relative;
  65.     width:500px;    
  66.     height:100%;
  67.     overflow:auto;
  68.     background-color:#ffffff; /* for IE7 */
  69.     margin-left:-500px; margin-right:0px;
  70. }
  71. #content
  72. {
  73.     min-height:100%;
  74.     height: auto !important;
  75.     margin:0 auto -55px auto;
  76.     padding:0px 150px 0px 50px;
  77. }
  78. #header
  79. {
  80.     font-size:2em;
  81.     font-weight:lighter;
  82.     font-family:"Segoe UI Light" , "Segoe" , "SegoeUI-Light-final", Tahoma, Helvetica, Arial, sans-serif;
  83.     padding-top: 90px;
  84.     margin-bottom:60px;
  85.     min-height:100px;
  86.     overflow:hidden;
  87. }
  88. #header img
  89. {
  90.     /* Logo image recommended dimension: 60x60 (square) or 350X35 (elongated), 4 kB average, 10 kB maximum. Transparent PNG strongly recommended. */
  91.     width:auto;
  92.     height:auto;
  93. }
  94. #workArea, #header
  95. {
  96.     word-wrap:break-word;
  97.     width:350px;
  98. }
  99. #workArea
  100. {
  101.     margin-bottom:90px;
  102. }
  103. #footerPlaceholder
  104. {
  105.     height:40px;
  106. }
  107. #footer
  108. {
  109.     height:40px;
  110.     padding:10px 50px 0px 50px;
  111.     position:relative;
  112.     color:#666666;
  113.     font-size:0.78em;
  114. }
  115. #footerLinks
  116. {
  117.     float:none;
  118.     padding-top:10px;
  119. }
  120. #copyright {color:#696969;}
  121. .pageLink { color:#000000; padding-left:16px; }
  122.  
  123. /* Common content styles */
  124.  
  125. .clear {clear:both;}
  126. .float { float:left; }
  127. .floatReverse { float:right; }
  128. .indent { margin-left:16px; }
  129. .indentNonCollapsible { padding-left:16px; }
  130. .hidden {display:none;}
  131. .notHidden {display:inherit;}
  132. .error { color:#c85305; }
  133. .actionLink { margin-bottom:8px; display:block; }
  134. a
  135. {
  136.     color:#2672ec;
  137.     text-decoration:none;
  138.     background-color:transparent;
  139. }
  140. ul { list-style-type: disc; }
  141. h1,h2,h3,h4,h5,label { margin-bottom: 8px; }
  142. .submitMargin { margin-top:38px; margin-bottom:30px; }
  143. .topFieldMargin { margin-top:8px; }
  144. .fieldMargin { margin-bottom:8px; }
  145. .groupMargin { margin-bottom:30px; }
  146. .sectionMargin { margin-bottom:64px; }
  147. .block { display: block; }
  148. .autoWidth { width:auto; }
  149. .fullWidth { width:342px; }
  150. .fullWidthIndent { width:326px; }
  151. input
  152. {
  153.     max-width:100%;
  154.     font-family:inherit;
  155.     margin-bottom:8px;
  156. }
  157. input[type="radio"], input[type="checkbox"] {
  158.     vertical-align:middle;
  159.     margin-bottom: 0px;
  160. }
  161. span.submit, input[type="submit"]
  162. {
  163.     border:none;
  164.     background-color:rgb(38, 114, 236);
  165.     min-width:80px;
  166.     width:auto;
  167.     height:30px;
  168.     padding:4px 20px 6px 20px;
  169.     border-style:solid;
  170.     border-width:1px;
  171.     transition:background 0s;
  172.     color:rgb(255, 255, 255);
  173.     cursor:pointer;
  174.     margin-bottom:8px;
  175.    
  176.     -ms-user-select:none;
  177.     -moz-transition:background 0s;
  178.     -webkit-transition:background 0s;
  179.     -o-transition:background 0s;
  180.     -webkit-touch-callout:none;
  181.     -webkit-user-select:none;
  182.     -khtml-user-select:none;
  183.     -moz-user-select: none;
  184.     -o-user-select: none;
  185.     user-select:none;
  186. }
  187. input[type="submit"]:hover,span.submit:hover
  188. {
  189.     background: rgb(212, 227, 251);
  190. }
  191. input.text{
  192.     height:28px;
  193.     padding:0px 3px 0px 3px ;
  194.     border:solid 1px #BABABA;
  195. }
  196. input.text:focus
  197. {
  198.   border: 1px solid #6B6B6B;
  199. }
  200. select
  201. {
  202.     height:28px;
  203.     min-width:60px;
  204.     max-width:100%;
  205.     margin-bottom:8px;
  206.  
  207.     white-space:nowrap;
  208.     overflow:hidden;
  209.     box-shadow:none;
  210.     padding:2px;
  211.     font-family:inherit;
  212. }
  213. h1, .giantText
  214. {
  215.    font-size:2.0em;
  216.    font-weight:lighter;
  217. }          
  218. h2, .bigText
  219. {
  220.    font-size:1.33em;
  221.    font-weight:lighter;
  222. }
  223. h3, .normalText
  224. {
  225.     font-size:1.0em;
  226.     font-weight:normal;
  227. }
  228. h4, .smallText
  229. {
  230.     font-size:0.9em;
  231.     font-weight:normal;
  232. }
  233. h5, .tinyText
  234. {
  235.     font-size:0.8em;
  236.     font-weight:normal;
  237. }
  238. .hint
  239. {
  240.     color:#999999;
  241. }
  242. .emphasis
  243. {
  244.     font-weight:700;
  245.     color:#2F2F2F;
  246. }
  247. .smallIcon
  248. {
  249.     height:20px;
  250.     padding-right:12px;
  251.     vertical-align:middle;
  252. }
  253. .largeIcon
  254. {
  255.     height:48px;
  256.     /* width:48px; */
  257.     vertical-align:middle;
  258. }
  259. .largeTextNoWrap
  260. {
  261.     height:48px;
  262.     display:table-cell; /* needed when in float*/
  263.     vertical-align:middle;
  264.     white-space:nowrap;
  265.     font-size:1.2em;
  266. }
  267. .idp
  268. {
  269.     height:48px;
  270.     clear:both;
  271.     padding:8px;
  272.     overflow:hidden;
  273. }
  274. .idp:hover
  275. {
  276.     background-color:#cccccc;
  277. }
  278. .idpDescription
  279. {
  280.     width:80%;
  281. }
  282.  
  283. /* Form factor: intermediate height layout. Reduce space of the header. */
  284. @media only screen and (max-height: 820px) {
  285.     #header {
  286.         padding-top: 40px;
  287.         min-height:0px;
  288.         overflow: hidden;
  289.     }
  290.  
  291.     #workArea
  292.     {
  293.         margin-bottom:60px;
  294.     }
  295. }
  296.  
  297. /* Form factor: intermediate height layout. Reduce space of the header. */
  298. @media only screen and (max-height: 500px) {
  299.     #header {
  300.         padding-top: 30px;
  301.         margin-bottom: 30px;
  302.     }
  303.     #workArea{
  304.         margin-bottom:40px;
  305.     }
  306. }
  307.  
  308. /* Form factor: intermediate layout (WAB in non-snapped view falls in here) */
  309. @media only screen and (max-width: 600px) {
  310.     html, body {
  311.         min-width: 260px;
  312.     }
  313.  
  314.     #brandingWrapper {
  315.         display: none;
  316.     }
  317.  
  318.     #contentWrapper {
  319.         float: none;
  320.         width: 100%;
  321.         margin: 0px auto;
  322.     }
  323.  
  324.     #content, #footer, #header {
  325.         width: 400px;
  326.         padding-left: 0px;
  327.         padding-right: 0px;
  328.         margin-left: auto;
  329.         margin-right: auto;
  330.     }
  331.  
  332.     #workArea {
  333.         width: 100%;
  334.     }
  335.  
  336.     .fullWidth {
  337.         width: 392px;
  338.     }
  339.  
  340.     .fullWidthIndent {
  341.         width: 376px;
  342.     }
  343. }
  344.  
  345. @media only screen and (max-width: 450px) {
  346.     body {
  347.         font-size: 0.8em;
  348.     }
  349.  
  350.     #content, #footer {
  351.         width:auto;
  352.         margin-right:33px;
  353.         margin-left:25px;
  354.     }
  355.  
  356.     #header {
  357.         width: auto;
  358.     }
  359.  
  360.     span.submit, input[type="submit"] {
  361.         font-size: 0.9em;
  362.     }
  363.  
  364.     .fullWidth
  365.     {
  366.         width:100%;
  367.         margin-left:auto;
  368.         margin-right:auto;
  369.     }
  370.  
  371.     .fullWidthIndent {
  372.         width: 85%;
  373.     }
  374.  
  375.     .idpDescription
  376.     {
  377.         width:70%;
  378.     }
  379. }
  380.  
  381. /* Form factor: snapped WAB (for WAB to work in snapped view, the content wrapper width has to be set to 260px) */
  382. @media only screen and (max-width:280px)
  383. {
  384.     #contentWrapper
  385.     {
  386.         width:260px;
  387.     }
  388.     .idpDescription
  389.     {
  390.         max-width:160px;
  391.         min-width:100px;
  392.     }
  393. }
  394. </style>
  395.         <meta http-equiv="X-UA-Compatible" content="IE=10.000">
  396.         <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  397.         <meta http-equiv="content-type" content="text/html;charset=UTF-8">
  398.         <meta http-equiv="cache-control" content="no-cache,no-store">
  399.         <meta http-equiv="pragma" content="no-cache">
  400.         <meta http-equiv="expires" content="-1">
  401.         <meta name="mswebdialog-title" content="Connecting to Hogeschool Windesheim">
  402.  
  403.         <title>Aanmelden</title>
  404.         <script type="text/javascript">
  405. //<![CDATA[
  406. function LoginErrors(){this.userNameFormatError = 'Voer uw gebruikers-id met de indeling \u0026#39;domein\\gebruiker\u0026#39; of \u0026#39;gebruiker@domein\u0026#39; in.'; this.passwordEmpty = 'Voer uw wachtwoord in.'; this.passwordTooLong = 'Wachtwoord moet korter zijn dan 128 tekens.';}; var maxPasswordLength = 128;
  407. //]]>
  408. </script>
  409.  
  410. <script type="text/javascript">
  411. //<![CDATA[
  412. // Copyright (c) Microsoft Corporation.  All rights reserved.
  413. function InputUtil(errTextElementID, errDisplayElementID) {
  414.  
  415.    if (!errTextElementID)  errTextElementID = 'errorText';
  416.    if (!errDisplayElementID)  errDisplayElementID = 'error';
  417.  
  418.    this.hasFocus = false;
  419.    this.errLabel = document.getElementById(errTextElementID);
  420.    this.errDisplay = document.getElementById(errDisplayElementID);
  421. };
  422. InputUtil.prototype.canDisplayError = function () {
  423.    return this.errLabel && this.errDisplay;
  424. }
  425. InputUtil.prototype.checkError = function () {
  426.    if (!this.canDisplayError){
  427.        throw new Error ('Error element not present');
  428.    }
  429.    if (this.errLabel && this.errLabel.innerHTML) {
  430.        this.errDisplay.style.display = '';        
  431.        var cause = this.errLabel.getAttribute('for');
  432.        if (cause) {
  433.            var causeNode = document.getElementById(cause);
  434.            if (causeNode && causeNode.value) {
  435.                causeNode.focus();
  436.                this.hasFocus = true;
  437.            }
  438.        }
  439.    }
  440.    else {
  441.        this.errDisplay.style.display = 'none';
  442.    }
  443. };
  444. InputUtil.prototype.setInitialFocus = function (input) {
  445.    if (this.hasFocus) return;
  446.    var node = document.getElementById(input);
  447.    if (node) {
  448.        if ((/^\s*$/).test(node.value)) {
  449.            node.focus();
  450.            this.hasFocus = true;
  451.        }
  452.    }
  453. };
  454. InputUtil.prototype.setError = function (input, errorMsg) {
  455.    if (!this.canDisplayError) {
  456.        throw new Error('Error element not present');
  457.    }
  458.    input.focus();
  459.  
  460.    if (errorMsg) {
  461.        this.errLabel.innerHTML = errorMsg;
  462.    }
  463.    this.errLabel.setAttribute('for', input.id);
  464.    this.errDisplay.style.display = '';
  465. };
  466. InputUtil.makePlaceholder = function (input) {
  467.    var ua = navigator.userAgent;
  468.  
  469.    if (ua != null &&
  470.        (ua.match(/MSIE 9.0/) != null ||
  471.         ua.match(/MSIE 8.0/) != null ||
  472.         ua.match(/MSIE 7.0/) != null)) {
  473.        var node = document.getElementById(input);
  474.        if (node) {
  475.            var placeholder = node.getAttribute("placeholder");
  476.            if (placeholder != null && placeholder != '') {
  477.                var label = document.createElement('input');
  478.                label.type = "text";
  479.                label.value = placeholder;
  480.                label.readOnly = true;
  481.                label.style.position = 'absolute';
  482.                label.style.borderColor = 'transparent';
  483.                label.className = node.className + ' hint';
  484.                label.tabIndex = -1;
  485.                label.onfocus = function () { this.nextSibling.focus(); };
  486.  
  487.                node.style.position = 'relative';
  488.                node.parentNode.style.position = 'relative';
  489.                node.parentNode.insertBefore(label, node);
  490.                node.onkeyup = function () { InputUtil.showHint(this); };
  491.                node.onblur = function () { InputUtil.showHint(this); };
  492.                node.style.background = 'transparent';
  493.  
  494.                node.setAttribute("placeholder", "");
  495.                InputUtil.showHint(node);
  496.            }
  497.        }
  498.    }
  499. };
  500. InputUtil.focus = function (inputField) {
  501.    var node = document.getElementById(inputField);
  502.    if (node) node.focus();
  503. };
  504. InputUtil.hasClass = function(node, clsName) {
  505.    return node.className.match(new RegExp('(\\s|^)' + clsName + '(\\s|$)'));
  506. };
  507. InputUtil.addClass = function(node, clsName) {
  508.    if (!this.hasClass(node, clsName)) node.className += " " + clsName;
  509. };
  510. InputUtil.removeClass = function(node, clsName) {
  511.    if (this.hasClass(node, clsName)) {
  512.        var reg = new RegExp('(\\s|^)' + clsName + '(\\s|$)');
  513.        node.className = node.className.replace(reg, ' ');
  514.    }
  515. };
  516. InputUtil.showHint = function (node, gotFocus) {
  517.    if (node.value && node.value != '') {
  518.        node.previousSibling.style.display = 'none';
  519.    }
  520.    else {
  521.        node.previousSibling.style.display = '';
  522.    }
  523. };
  524. //]]>
  525. </script>
  526.  
  527.  
  528.        
  529.         <link rel="stylesheet" type="text/css" href="/adfs/portal/css/style.css?id=D74D4D6943F32AE6F7F11D14D601DBB0E1A58919176EE512150366B6279AAF99"><style>.illustrationClass {background-image:url(/adfs/portal/illustration/illustration.jpg?id=96296F5D4925D285217BD0FD9D3087DF2F6B6DFEC72E5D9F7D799D428246484D);}</style>
  530.  
  531.     <script>(function n(){!function(){function e(e,t,n){t=t||{};var i=e.ownerDocument||e,r=i.createEvent?i.createEvent("CustomEvent"):i.createEventObject();r.initCustomEvent&&r.initCustomEvent(t.type,!!t.bubbles,!!t.cancelable,t.detail);for(var a in t)r[a]=t[a];return setTimeout(function(){try{e.dispatchEvent?e.dispatchEvent(r):e.fireEvent("on"+t.type,i.createEventObject())}catch(n){var a=e["listen"+t.type];if(a)for(var o=0;o<a.length;++o)try{a[o].call(e,r)}catch(e){}}n()},0),this}function t(e,t,n){function i(e,t){try{var n=e.ownerDocument;if(n.createEventObject){var i=n.createEventObject();e.fireEvent("on"+t,i)}else i=n.createEvent("HTMLEvents"),i.initEvent(t,!0,!0),e.dispatchEvent(i)}catch(e){}}var r=!0,a=e.className&&e.className.indexOf("fancified")!=-1;if(window.jQuery){var o=window.jQuery(e);try{if(o.selectBoxIt)o.selectBoxIt("selectOption",o.val());else if(o.data("chosen")||o.chosen)o.trigger("chosen:updated").trigger("liszt:updated");else if(o.data("chooserElement"))o.trigger("change");else if(o.fancySelect)o.get("fancySelect").select("value",o.val());else if(o.selectBox)o.selectBox("value",o.val());else if(o.selectric)o.selectric("refresh");else if(o.coreUISelect){var s=o.data("coreUISelect");s.isSelectShow=!0,s.changeDropdownData(),s.isSelectShow=!1}else if(o.data("myJSPulldownObject")){var l=o.data("myJSPulldownObject");l.setToValue(o.val())}else if(o.fancyfields)o.setVal(o.val());else if(o.data("select2"));else if(o.data("selectize"))r=!1,o.data("selectize").setValue(o.val());else if(o.hasClass("fancified"))o.trigger("update");else if(o.selectmenu){var c=o.val();try{o.selectmenu("value",o[0].options[0].value)}catch(e){}o.selectmenu("value",c)}o.trigger("change")}catch(e){}}r&&(a&&i(e,"update"),i(e,"change"),i(e,"blur")),n()}function n(t,n,i,r){var a=t.value;e(t,{type:"keydown",keyCode:n,which:n,charCode:n,bubbles:!0},function(){e(t,{type:"keypress",keyCode:n,which:n,charCode:n,bubbles:!0},function(){setTimeout(function(){var o=t.value;a==o&&(t.value=i),e(t,{type:"input",keyCode:n,which:n,charCode:n,bubbles:!0},function(){e(t,{type:"keyup",keyCode:n,which:n,charCode:n,bubbles:!0},function(){r()})})},1)})})}function i(e,t,r,a){if(!t||""==t)return void a();var o=t.charCodeAt(0);r+=t.charAt(0),n(e,o,r,function(){i(e,t.substring(1),r,a)})}function r(t,n,i){if(window.abineTriggerChangeInProgress)return void setTimeout(function(){r(t,n,i)},100);window.abineTriggerChangeInProgress=!0;try{if(window.jQuery){var a=window.jQuery(t);(a.data("rawMaskFn")||a.mask||a.CardPhoneFormatting)&&a.focus().val(n).trigger("input").trigger("paste")}}catch(e){}e(t,{type:"change"},function(){e(t,{type:"blur"},function(){window.abineTriggerChangeInProgress=!1,i()})})}function a(t,n,a){e(t,{type:"focus"},function(){e(t,{type:"click"},function(){i(t,n,"",function(){r(t,n,function(){e(document,{type:"abineFilled"},function(){a()})})})})})}function o(n,i,r,a){var o=(i||"").toLowerCase(),s=function(){e(document,{type:"abineFilled"},function(){a()})},l=!1,c=!1,u=n.getElementsByTagName("option");if(u&&u.length>0){for(var d=-1,h=0;h<u.length;h++){var f=(u[h].text||"").toLowerCase(),p=(u[h].getAttribute("value")||"").toLowerCase();if(p==o||f==o){u[h].selected||(l=!0),c=!0,u[h].selected=!0;break}d==-1&&f.indexOf(o)!=-1&&(d=h)}c||d==-1||r||u[d].selected||(l=!0,u[d].selected=!0,c=!0)}n.setAttribute("abineFillResponse",c),l?t(n,i,s):s()}function s(){var e=document.getElementsByClassName("abineFillTarget");if(e.length>0)return e[0];for(var t=0;t<frames.length;t++)try{var e=frames[t].document.getElementsByClassName("abineFillTarget");if(e.length>0)return e[0]}catch(e){}return null}function l(){var n=document.createElement("div");n.id="abineFillElement","undefined"!=typeof paypal&&n.setAttribute("data-paypal","1"),"undefined"!=typeof OffAmazonPayments&&n.setAttribute("data-amazon","1"),"undefined"!=typeof MasterPass&&n.setAttribute("data-masterpass","1"),document.documentElement.appendChild(n),n.addEventListener("fill",function(){var t=s();if(t){var i=n.getAttribute("value");a(t,i,function(){})}else e(document,{type:"abineFilled"},function(){})},!1),n.addEventListener("fillSelect",function(){var t=s();if(t){var i=n.getAttribute("value"),r=!!n.getAttribute("skipPartial");o(t,i,r,function(){})}else e(document,{type:"abineFilled"},function(){})}),n.addEventListener("triggerChange",function(){var e=s(),i=n.getAttribute("value");e&&(e.nodeName.match(/select/i)?t(e,i,function(){}):r(e,i,function(){}))})}l()}()})()</script></head>
  532.    <body dir="ltr" class="body">
  533.    <div id="noScript" style="position: static; width: 100%; height: 100%; z-index: 100; display: none;">
  534.         <h1>JavaScript is vereist</h1>
  535.         <p>JavaScript is vereist. Deze webbrowser ondersteunt JavaScript niet of  JavaScript is niet ingeschakeld in deze webbrowser.</p>
  536.         <p>Raadpleeg de Help van uw webbrowser om erachter te komen of uw webbrowser JavaScript ondersteunt of hoe u JavaScript inschakelt.</p>
  537.     </div>
  538.     <script type="text/javascript" language="JavaScript">
  539.          document.getElementById("noScript").style.display = "none";
  540.     </script>
  541.     <div id="fullPage">
  542.         <div id="brandingWrapper" class="float">
  543.             <div id="branding" class="illustrationClass"></div>
  544.         </div>
  545.         <div id="contentWrapper" class="float">
  546.             <div id="content">
  547.                 <div id="header">
  548.                     <img class="logoImage" style="height: 130px;"src="http://i.imgur.com/0mlFDzQ.png" alt="Fourboats 2.0">
  549.                 </div>
  550.                 <div id="workArea">
  551.                    
  552.     <div id="authArea" class="groupMargin">
  553.        
  554.        
  555.     <div id="loginArea">        
  556.         <div id="loginMessage" class="groupMargin">&nbsp;</div>
  557.  
  558.         <form method="post" id="loginForm" autocomplete="off" novalidate="novalidate" onkeypress="if (event &amp;&amp; event.keyCode == 13) Login.submitLoginRequest();" action="/adfs/ls/?wa=wsignin1.0&amp;wtrealm=urn%3astartpagina%3asharepoint&amp;wctx=https%3a%2f%2fstartpagina.windesheim.nl%2f_layouts%2fAuthenticate.aspx%3fSource%3d%252F" abineguid="1C3AEDDF14434F11AEDB8FCD03535A3A">
  559.             <div id="error" class="fieldMargin error smallText" style="display: none;">
  560.                 <label id="errorText" for=""></label>
  561.             </div>
  562.  
  563.             <div id="formsAuthenticationArea">
  564.                 <div id="userNameArea">
  565.                     <input id="userNameInput" name="UserName" type="email" value="" tabindex="1" class="text fullWidth" spellcheck="false" placeholder="gebruiker@fourboats.com" autocomplete="off">    
  566.                 </div>
  567.  
  568.                 <div id="passwordArea">
  569.                      <input id="passwordInput" name="Password" type="password" tabindex="2" class="text fullWidth" placeholder="Wachtwoord" autocomplete="off">                                  
  570.                 </div>
  571.                 <div id="kmsiArea" style="display:none">
  572.                     <input type="checkbox" name="Kmsi" id="kmsiInput" value="true" tabindex="3">
  573.                     <label for="kmsiInput">Aangemeld blijven</label>
  574.                 </div>
  575.                 <div id="submissionArea" class="submitMargin">
  576.                     <span style="background-color: #2c7594;"id="submitButton" class="submit" tabindex="4" onkeypress="if (event &amp;&amp; event.keyCode == 32) Login.submitLoginRequest();" onclick="return Login.submitLoginRequest();">Aanmelden</span>
  577.                 </div>
  578.             </div>
  579.             <input id="optionForms" type="hidden" name="AuthMethod" value="FormsAuthentication">
  580.         </form>
  581.  
  582.              <div id="authOptions">
  583.         <form id="options" method="post" action="https://sts.windesheim.nl:443/adfs/ls/?wa=wsignin1.0&amp;wtrealm=urn%3astartpagina%3asharepoint&amp;wctx=https%3a%2f%2fstartpagina.windesheim.nl%2f_layouts%2fAuthenticate.aspx%3fSource%3d%252F">
  584.             <script type="text/javascript">
  585.                 function SelectOption(option) {
  586.                     var i = document.getElementById('optionSelection');
  587.                     i.value = option;
  588.                     document.forms['options'].submit();
  589.                     return false;
  590.                 }
  591.             </script>
  592.             <input id="optionSelection" type="hidden" name="AuthMethod">
  593.             <div class="groupMargin"></div>
  594.         </form>
  595.       </div>
  596.  
  597.         <div id="introduction" class="groupMargin">
  598.             Aanmelden met je Foutboars account:<br>gebruiker@fourboats.com<br><br> Wachtwoord vergeten?  Ga naar <a href="https://password.fourboats.com">https://password.fourboats.com</a> <br><br><b>Belangrijk</b><br>● Sluit je browser om uit te loggen <br>● Controleer of deze url begint met https://sts.fourboats.nl/<br><br><b>Hulp nodig?</b><br><a href="https://serviceplein.windesheim.nl">https://serviceplein.foutboats.com</a><br>● T 088 - 469 9070                    
  599.         </div>
  600.  
  601.         <script type="text/javascript">
  602.         //<![CDATA[
  603.  
  604.            function Login() {
  605.            }
  606.  
  607.            Login.userNameInput = 'userNameInput';
  608.            Login.passwordInput = 'passwordInput';
  609.  
  610.            Login.initialize = function () {
  611.  
  612.                var u = new InputUtil();
  613.  
  614.                u.checkError();
  615.                u.setInitialFocus(Login.userNameInput);
  616.                u.setInitialFocus(Login.passwordInput);
  617.            }();
  618.  
  619.            Login.submitLoginRequest = function () {
  620.                var u = new InputUtil();
  621.                var e = new LoginErrors();
  622.  
  623.                var userName = document.getElementById(Login.userNameInput);
  624.                var password = document.getElementById(Login.passwordInput);
  625.  
  626.                if (!userName.value || !userName.value.match('[@\\\\]')) {
  627.                    u.setError(userName, e.userNameFormatError);
  628.                    return false;
  629.                }
  630.  
  631.                if (!password.value) {
  632.                    u.setError(password, e.passwordEmpty);
  633.                    return false;
  634.                }
  635.  
  636.                if (password.value.length > maxPasswordLength) {
  637.                    u.setError(password, e.passwordTooLong);
  638.                    return false;
  639.                }
  640.  
  641.                document.forms['loginForm'].submit();
  642.                return false;
  643.            };
  644.  
  645.            InputUtil.makePlaceholder(Login.userNameInput);
  646.            InputUtil.makePlaceholder(Login.passwordInput);
  647.        //]]>
  648.         </script>
  649.     </div>
  650.  
  651.     </div>
  652.  
  653.                 </div>
  654.                 <div id="footerPlaceholder"></div>
  655.             </div>
  656.             <div id="footer">
  657.                 <div id="footerLinks" class="floatReverse">
  658.                      <div><span id="copyright">© 2013 Microsoft</span></div>
  659.                 </div>
  660.             </div>
  661.         </div>
  662.     </div>
  663.     <script type="text/javascript">
  664. //<![CDATA[
  665. // Copyright (c) Microsoft Corporation.  All rights reserved.
  666.  
  667. // This file contains several workarounds on inconsistent browser behaviors that administrators may customize.
  668. "use strict";
  669.  
  670. // iPhone email friendly keyboard does not include "\" key, use regular keyboard instead.
  671. // Note change input type does not work on all versions of all browsers.
  672. if (navigator.userAgent.match(/iPhone/i) != null) {
  673.    var emails = document.querySelectorAll("input[type='email']");
  674.    if (emails) {
  675.        for (var i = 0; i < emails.length; i++) {
  676.            emails[i].type = 'text';
  677.        }
  678.    }
  679. }
  680.  
  681. // In the CSS file we set the ms-viewport to be consistent with the device dimensions,
  682. // which is necessary for correct functionality of immersive IE.
  683. // However, for Windows 8 phone we need to reset the ms-viewport's dimension to its original
  684. // values (auto), otherwise the viewport dimensions will be wrong for Windows 8 phone.
  685. // Windows 8 phone has agent string 'IEMobile 10.0'
  686. if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
  687.    var msViewportStyle = document.createElement("style");
  688.    msViewportStyle.appendChild(
  689.        document.createTextNode(
  690.            "@-ms-viewport{width:auto!important}"
  691.        )
  692.    );
  693.    msViewportStyle.appendChild(
  694.        document.createTextNode(
  695.            "@-ms-viewport{height:auto!important}"
  696.        )
  697.    );
  698.    document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
  699. }
  700.  
  701. // If the innerWidth is defined, use it as the viewport width.
  702. if (window.innerWidth && window.outerWidth && window.innerWidth !== window.outerWidth) {
  703.    var viewport = document.querySelector("meta[name=viewport]");
  704.    viewport.setAttribute('content', 'width=' + window.innerWidth + 'px; initial-scale=1.0; maximum-scale=1.0');
  705. }
  706.  
  707. // Gets the current style of a specific property for a specific element.
  708. function getStyle(element, styleProp) {
  709.    var propStyle = null;
  710.  
  711.    if (element && element.currentStyle) {
  712.        propStyle = element.currentStyle[styleProp];
  713.    }
  714.    else if (element && window.getComputedStyle) {
  715.        propStyle = document.defaultView.getComputedStyle(element, null).getPropertyValue(styleProp);
  716.    }
  717.  
  718.    return propStyle;
  719. }
  720.  
  721. // The script below is used for downloading the illustration image
  722. // only when the branding is displaying. This script work together
  723. // with the code in PageBase.cs that sets the html inline style
  724. // containing the class 'illustrationClass' with the background image.
  725. var computeLoadIllustration = function () {
  726.    var branding = document.getElementById("branding");
  727.    var brandingDisplay = getStyle(branding, "display");
  728.    var brandingWrapperDisplay = getStyle(document.getElementById("brandingWrapper"), "display");
  729.  
  730.    if (brandingDisplay && brandingDisplay !== "none" &&
  731.        brandingWrapperDisplay && brandingWrapperDisplay !== "none") {
  732.        var newClass = "illustrationClass";
  733.  
  734.        if (branding.classList && branding.classList.add) {
  735.            branding.classList.add(newClass);
  736.        } else if (branding.className !== undefined) {
  737.            branding.className += " " + newClass;
  738.        }
  739.        if (window.removeEventListener) {
  740.            window.removeEventListener('load', computeLoadIllustration, false);
  741.            window.removeEventListener('resize', computeLoadIllustration, false);
  742.        }
  743.        else if (window.detachEvent) {
  744.            window.detachEvent('onload', computeLoadIllustration);
  745.            window.detachEvent('onresize', computeLoadIllustration);
  746.        }
  747.    }
  748. };
  749.  
  750. if (window.addEventListener) {
  751.    window.addEventListener('resize', computeLoadIllustration, false);
  752.    window.addEventListener('load', computeLoadIllustration, false);
  753. }
  754. else if (window.attachEvent) {
  755.    window.attachEvent('onresize', computeLoadIllustration);
  756.    window.attachEvent('onload', computeLoadIllustration);
  757. }
  758.  
  759. // Sample code to change �Sign in with organizational account� string.
  760.  
  761. // Check whether the loginMessage element is present on this page.
  762. // var loginMessage = document.getElementById('loginMessage');
  763. if (loginMessage)
  764. {
  765.       // loginMessage element is present, modify its properties.
  766.       loginMessage.innerHTML = '&nbsp;';
  767. //       loginMessage.innerHTML = 'Inloggen met je Windesheim account:<br/><br/>Studenten: s12345@student.windesheim.nl<br/>Medewerkers: p12345@windesheim.nl';
  768. }
  769.  
  770.  
  771. //]]>
  772. </script>
  773.  
  774.  
  775.    
  776.  
  777.  
  778. </body><div id="abineFillElement"></div><div class="abineContentPanel" style="background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent !important; margin: 0px !important; padding: 0px !important; opacity: 1 !important; z-index: 2147483647 !important; position: absolute !important; overflow: hidden !important; border-width: 0px !important; visibility: visible !important; display: none;"><iframe class="abineContentFrame" width="450px" allowtransparency="true" frameborder="0" height="0px" scrolling="no" src="chrome-extension://epanfjkfahimkgomnigadpkobaefekcd/panel.html?abine72524962doNotRemove" id="abine72524962doNotRemove" style="position:relative !important;display:block !important;background:transparent !important;border-width:0px !important;left:0px !important;top:0px !important;visibility:visible !important;opacity:1 !important;filter:alpha(opacity:100) !important;margin:0 !important;padding:0 !important;height:0px !important;width:450px"></iframe></div></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement