java-idl.github.io/index.html at main · Java-Idl/java-idl.github.io · 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
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Javagar's Link Page</title>

    <link rel="icon"
        href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><rect width=%22100%22 height=%22100%22 rx=%2220%22 fill=%22%23080808%22/><text x=%2250%22 y=%2275%22 font-family=%22sans-serif%22 font-weight=%22bold%22 font-size=%2270%22 fill=%22%23D4AF37%22 text-anchor=%22middle%22>J</text><rect x=%225%22 y=%225%22 width=%2290%22 height=%2290%22 rx=%2215%22 fill=%22none%22 stroke=%22%23D4AF37%22 stroke-width=%225%22/></svg>">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Audiowide&family=Fascinate+Inline&display=swap"
        rel="stylesheet">

    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div id="app-shell">
        <main id="main-panel" aria-label="Projects Workspace">
            <section id="content-area" aria-label="Main Content">
                <div id="scene-host" aria-label="Interactive 3D project sphere">
                    <div id="scene-container"></div>
                    <canvas id="connections" role="img" aria-label="Interactive 3D network of project links."></canvas>
                </div>
            </section>

            <aside id="preview-sidebar" aria-label="Project Preview">
                <div id="resize-handle" title="Resize Preview Panel"></div>
                <div class="preview-header">
                    <h2 id="preview-title" class="audiowide-font">Project Name</h2>
                    <div class="preview-controls">
                        <button id="retry-preview" class="preview-btn" type="button" aria-label="Retry Preview">RETRY</button>
                        <button id="fullscreen-preview" class="preview-btn" type="button" aria-pressed="false" aria-label="Fullscreen Preview">FULLSCREEN</button>
                        <a id="preview-link" href="#" target="_blank" class="preview-btn">OPEN FULL</a>
                        <button id="close-preview" class="preview-btn" aria-label="Close Preview" aria-keyshortcuts="Escape Q X" title="Close (Esc / Q / X)">×</button>
                    </div>
                </div>
                <div class="preview-content">
                    <div class="iframe-loader">
                        <div class="spinner"></div>
                        <span>Establishing Link...</span>
                    </div>
                    <iframe id="preview-frame" title="Website Preview"></iframe>
                </div>
            </aside>
        </main>

        <div id="hud-layer" aria-label="Controls">
            <h1 class="hud-title fascinate-font">JAVAGAR'S</h1>

            <button id="chip-search" class="hud-chip" type="button" aria-expanded="false">SEARCH</button>
            <button id="chip-mode" class="hud-chip" type="button" aria-pressed="false">LIST</button>
            <button id="chip-motion" class="hud-chip" type="button" aria-pressed="false">PAUSE</button>
        </div>

        <div id="search-popover" class="hud-popover" aria-hidden="true">
            <div id="search-resize-handle" title="Resize Search Panel"></div>
            <label for="search-input" class="sr-only">Search Projects</label>
            <input type="text" id="search-input" placeholder="> SEARCH_PROJECT..." autocomplete="off">
        </div>

        <section id="list-sheet" aria-label="Project List" aria-hidden="true">
            <div id="sheet-resize-handle" title="Resize List Panel"></div>
            <div class="sheet-header">
                <span class="audiowide-font">PROJECTS</span>
                <button id="close-sheet" class="sheet-close" type="button">CLOSE</button>
            </div>
            <ul id="project-list" role="list"></ul>
        </section>

        <div class="hint hud-hint audiowide-font">J / K NAVIGATE · ENTER OPEN · ESC/Q/X CLOSE</div>
        <div id="status-live" class="sr-only" aria-live="polite"></div>

        <div id="kao-corner-banner" aria-label="Keep Android Open notice"></div>
        <div id="drag-shield" aria-hidden="true"></div>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/js-yaml/4.1.0/js-yaml.min.js"></script>
    <script src="https://keepandroidopen.org/banner.js?size=mini&id=kao-corner-banner&link=https%3A%2F%2Fkeepandroidopen.org"></script>
    <script src="script.js"></script>
</body>


</html>