https://ehba.de/assets/@/components/countdown/boundary/countdown.js

1<!DOCTYPE html>
2<html lang="de">
3    <head>
4        <meta charset="UTF-8">
5        <meta name="viewport" content="width=device-width, initial-scale=1.0">
6        <meta name="description" content="Beantragen Sie eHBA, SMC-B und HSM-B Ausweise online bei medisign GmbH: sicher, digital und passend für Praxen, Apotheken und weitere Institutionen des Gesundheitswesens.">
7        <meta name="keywords" content="medisign, medisign Kartenportal, eHBA, elektronischer Heilberufsausweis, Heilberufsausweis online beantragen, eHBA beantragen, eHBA für Ärzte, eHBA für Zahnärzte, eHBA für Psychotherapeuten, eHBA für Apotheker, SMC-B, Praxisausweis, Institutionsausweis, SMC-B beantragen, SMC-B für Arztpraxis, SMC-B für Zahnarztpraxis, SMC-B für Psychotherapie, SMC-B für Apotheke, HSM-B, HSM-B beantragen, TI Karten, Telematikinfrastruktur, Zertifikatskarte, digitale Signatur, qualifizierte elektronische Signatur, Kundenkonto, Kartenantrag, Online Antrag, Praxiskarte, Apothekenkarte, Institutionskarte, SM-B, SMB, HSMB, virtueller Praxisausweis, virtueller Institutionsausweis, TSP, Trust Service Provider, VDA, Vertrauensdienste Anbieter, dgn">
8        <base href="/">
9        <link rel="shortcut icon" href="/favicon/cropped-favicon-32x32.png" type="image/x-icon">
10        <link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
11        <link rel="icon" href="/favicon/favicon-32x32.png" type="image/png" sizes="32x32">
12        <link rel="icon" href="/favicon/favicon-16x16.png" type="image/png" sizes="16x16">
13        <meta name="theme-color" content="#FFFFFF" media="(prefers-color-scheme: light)">
14        <meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)">
15        <meta id="build-version-meta" data-build-version="1.2.5">
16        <script>
17            if (/(ref|stage|test)/i.test(window.location.origin)) {

18                document.write('<meta name="robots" content="noindex, nofollow">');
19            }
20        </script>
21
22        <link rel="modulepreload" href="/assets/app-CY5vOlEI.js">
23        <title>medisign eHBA, SMC-B und HSM-B online beantragen</title>
24      <script type="module" crossorigin src="/assets/index-BCISuyjc.js"></script>
25      <link rel="stylesheet" crossorigin href="/assets/index-BFW-owcO.css">
26    </head>
27    <body>
28        <noscript>
29            Bitte aktivieren Sie JavaScript um diese Anwendung verwenden zu können.
30            <p> Chrome: <mark>chrome://settings/content/javascript</mark> </p>
31            <p> Firefox: <mark>about:config → javascript.enabled</mark> </p>
32            <p> Safari: <mark>Einstellungen → Sicherheit → JavaScript aktivieren</mark> </p>
33        </noscript>
34        <dgn-icon-list></dgn-icon-list>
35        <dgn-toast-container class="toast-container"></dgn-toast-container>
36        <dgn-toast></dgn-toast>
37        <div id="app"></div>
38        <script>
39            // We need this to show the user that the page is loading because the script is slow to load 
40            // its being removed in app.js in importPages function
41                const style = document.createElement("style");
42                style.innerHTML = `
43                @keyframes spin {
44                    0% { transform: rotate(0deg); }
45                    100% { transform: rotate(360deg); }
46                }
47
48                .loader-wrapper{
49                    position:absolute;
50                    top:50%;
51                    left:50%;
52                    transform:translate(-50%, -50%);
53                    display:flex;
54                    align-items:center;
55                    justify-content: center;
56                    gap:12px;
57                    color:#F5821E;
58                    font-family:Arial, sans-serif;
59                    font-size:18px;
60                    width: 100%;
61                }
62
63                .loader {
64                    width:60px;
65                    height:60px;
66                    border:6px solid #444;
67                    border-top:6px solid #F5821E;
68                    border-radius:50%;
69                    animation:spin 1s linear infinite;
70                }
71                `;
72                document.head.appendChild(style);
73
74                // wrapper
75                const wrapper = document.createElement("div");
76                wrapper.className = "loader-wrapper";
77
78                // text
79                const text = document.createElement("span");
80                text.textContent = "Seite wird geladen ";
81
82                // spinner
83                const loader = document.createElement("div");
84                loader.className = "loader";
85
86                // append text then spinner (text on left)
87                wrapper.appendChild(text);
88                wrapper.appendChild(loader);
89                document.body.appendChild(wrapper);
90                // if (!window.location.origin?.includes('localhost')) document.body.appendChild(wrapper);
91                
92        </script>
93    </body>
94</html>