CINXE.COM
Informatieservice Buitenlandse Zaken
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Informatieservice Buitenlandse Zaken</title> <base href="/"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="favicon.ico"> <link rel="stylesheet" href="styles.93a4e324f22b90224a9d.css"></head> <body> <app-root> <style> .splash { display: flex; flex-direction: column; justify-content: center; align-items: center; font-family: 'RO Sans', Arial, Helvetica, sans-serif; height: 100vh; text-align: center; } .icon { max-width: 60px; margin-bottom: 20px; } .spinner-wrap { background-color: #eee; border: 1px solid #000; border-radius: 11px; text-align: center; width: 22px; height: 22px; } .spinner { display: inline-block; height: 20px; width: 20px; background: transparent url('/assets/working.png') center center no-repeat; background-size: cover; transition: width .25s; animation: rotator .5s linear infinite; } #initErrors { text-align: center; padding: 20px 0 0 0; color: red; font-weight: bold; } @keyframes rotator { from { transform: rotateZ(0); } to { transform: rotateZ(360deg); } } </style> <div class="splash"> <img class="icon" src="/assets/ro_icon.png" /> <h1>Informatieservice Buitenlandse Zaken</h1> <div id="holdOn">Een ogenblik geduld...</div> <div id="spinIt" class="spinner-wrap"> <div class="spinner"></div> </div> <div id="initErrors"> </div> </div> <script> window.ReportInitError = function(message) { var el = document.createElement("div"); el.innerText = message; document.getElementById("initErrors") .appendChild(el); document.getElementById("holdOn").style.display = "none"; document.getElementById("spinIt").style.display = "none"; } </script> </app-root> <script type="text/javascript" src="runtime.06daa30a2963fa413676.js"></script><script type="text/javascript" src="polyfills.99b877362ea16b5c1bce.js"></script><script type="text/javascript" src="main.945f3f7c39f13fe5b764.js"></script></body> </html>