iCat/control.html at master · enaon/iCat · 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
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
<!DOCTYPE html>
<html lang="el">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>eW Launcher</title>
    <link rel="stylesheet" href="common.css">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
    <link rel="manifest" href="Loader/app.webmanifest">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🐱</text></svg>">
</head>
<body>
    <header>
        <button class="menu-toggle" id="menuToggle">
            <i class="fas fa-bars"></i>
        </button>

        <h1 class="header-title">eW</h1>

        <div class="header-buttons">
            <div class="current-app-indicator" id="currentAppIndicator">
                <div class="status-dot" id="statusDotHeader"></div>
                <span id="statusTextHeader">-</span>
            </div>


            <div class="language-selector" id="languageSelector">
                <button class="language-btn" id="languageBtn">
                    <i class="fas fa-globe"></i>
                </button>
                <div class="language-dropdown" id="languageDropdown">
                    <div class="language-option" data-lang="el">
                        <span class="flag">🇬🇷</span> Ελληνικά
                    </div>
                    <div class="language-option" data-lang="en">
                        <span class="flag">🇺🇸</span> English
                    </div>
                </div>
            </div>
           <!--    <button id="settingsBtn" class="btn btn-secondary">
                <i class="fas fa-cog"></i>
            </button>
            -->
            <button id="connectBtn" class="btn">
                <i class="fas fa-bluetooth-b"></i> Σύνδεση
            </button>
        </div>
    </header>

    <div class="status">
        <div class="status-dot" id="statusDot"></div>
        <span id="statusText">Δεν έχετε συνδεθεί με Espruino</span>
    </div>

    <button class="frame-selector" id="frameSelector">
        <i class="fas fa-th-large"></i> Επιλογή App
    </button>

    <main>
        <aside id="sidebar" class="hidden">
            <div id="appList" class="app-list">
                <div class="empty-state">
                    <i class="fas fa-plug"></i>
                    <p>Συνδεθείτε για να φορτώσετε apps</p>
                </div>
            </div>
        </aside>

        <div class="overlay" id="overlay"></div>

        <iframe id="appFrame" src="about:blank"></iframe>
    </main>

    <script src="common.js"></script>
    <script src="control.js"></script>
</body>
</html>