code-.naif/reader.html at main · Naifttffgh/code-.naif · GitHub

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
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <title>معاينة لغة نايف</title>
    <style>
        body { margin: 0; padding: 50px; text-align: center; color: white; font-family: sans-serif; transition: background 0.5s; background-color: #121212; }
        .block-container { display: flex; gap: 15px; justify-content: center; margin-top: 40px; flex-wrap: wrap; }
        .block { width: 80px; height: 80px; line-height: 80px; border-radius: 12px; font-weight: bold; }
        .B1 { background: #ff4757; } .B2 { background: #2ed573; } .B3 { background: #1e90ff; }
        .naif { background: linear-gradient(45deg, #00d4ff, #00ff00); border: 2px solid gold; min-width: 100px; }
    </style>
</head>
<body>
    <h1 id="title"></h1>
    <p id="content"></p>
    <div id="blocks" class="block-container"></div>

    <script>
        const raw = localStorage.getItem('pending_naif_code');
        if (raw) {
            try {
                const data = JSON.parse(raw);
                document.title = data.title;
                document.getElementById('title').innerText = data.title;
                document.getElementById('content').innerText = data.content;
                document.body.style.backgroundColor = data.bg_color || "#121212";

                if (data.blocks) {
                    data.blocks.forEach(id => {
                        const div = document.createElement('div');
                        div.className = 'block ' + id;
                        div.innerText = id;
                        document.getElementById('blocks').appendChild(div);
                    });
                }
            } catch (e) { document.body.innerHTML = "<h1>خطأ في الكود!</h1>"; }
        }
    </script>
</body>
</html>