trace-tool/index.html at main · CodeByPeace/trace-tool · 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
88
<!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>RECOVERY_OS_PROTOTYPE</title>
    <link rel="stylesheet" href="style.css">
    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300&family=Inter:wght@200;400;600&display=swap" rel="stylesheet">
</head>
<body>
    <div class="scanlines"></div>
    <audio id="bg-music" loop><source src="https://assets.mixkit.co/music/preview/mixkit-atmospheric-dream-40.mp3" type="audio/mpeg"></audio>
    <audio id="sfx-error"><source src="https://assets.mixkit.co/sfx/preview/mixkit-wrong-answer-fail-notification-946.mp3" type="audio/mpeg"></audio>
    <audio id="sfx-decrypt" loop><source src="https://assets.mixkit.co/sfx/preview/mixkit-radio-fuzz-white-noise-2525.mp3" type="audio/mpeg"></audio>

    <div id="boot-screen" onclick="startSystem()">
        <div class="boot-text">
            <p>> [!] KERNEL_PANIC: MEMORY_DUMP_DETECTED</p>
            <p>> ATTEMPTING_RECOVERY: 7/30/2026</p>
            <p>> SOURCE: LAKE_HOUSE_STATION_04</p>
            <p class="blink">> [ FORCE_MOUNT_PARTITION ]</p>
        </div>
    </div>

    <div class="desktop hidden" id="desktop">
        <div class="taskbar">
            <div class="system-status">SYS_STATUS: CRITICAL | TRACE_ID: #073026</div>
            <div id="clock">02:14 AM</div>
        </div>

        <div class="icon-grid">
            <div class="icon" onclick="openApp('gallery')">🖼️<span>GALLERY</span></div>
            <div class="icon" onclick="openApp('messages')">💬<span>MESSAGES</span></div>
            <div class="icon" onclick="openApp('notes')">📝<span>NOTES</span></div>
            <div class="icon" onclick="openApp('logs')">📟<span>SYS_LOGS</span></div>
            <div class="icon" onclick="openApp('vault')">🔒<span>VAULT</span></div>
        </div>

        <!-- WINDOWS -->
        <div id="window-gallery" class="window hidden">
            <div class="window-header"><span>IMG_DUMP_04</span><span class="close" onclick="closeApp('gallery')">×</span></div>
            <div class="window-content photo-grid" id="main-grid"></div>
        </div>

        <div id="window-messages" class="window hidden">
            <div class="window-header"><span>SMS_SQL_DB</span><span class="close" onclick="closeApp('messages')">×</span></div>
            <div class="window-content chat-app" id="chat-list"></div>
        </div>

        <div id="window-notes" class="window hidden">
            <div class="window-header"><span>DRAFT_CACHED</span><span class="close" onclick="closeApp('notes')">×</span></div>
            <div class="window-content" id="notes-list"></div>
        </div>

        <div id="window-logs" class="window hidden">
            <div class="window-header"><span>STDOUT</span><span class="close" onclick="closeApp('logs')">×</span></div>
            <div class="window-content console" id="log-stream">
                <p>> scanning sectors...</p>
                <p>> sector 1 [OK]</p>
                <p>> sector 2 [CORRUPTED]</p>
                <p>> sector 7 [KEY_FRAGMENT_A: "07"]</p>
                <p>> search notes for fragment_b...</p>
            </div>
        </div>

        <div id="window-vault" class="window hidden">
            <div class="window-header"><span>CONFESSION_RECOVERED</span><span class="close" onclick="closeApp('vault')">×</span></div>
            <div class="window-content">
                <div class="final-box">
                    <p class="glitch-text">RECOVERY_COMPLETE</p>
                    <p>Leo didn't kill her. Leo arrived at the dock (02:14) to save her. Look at the 6th photo—the one in the trash. Sarah wasn't alone. Ashley was there, but she wasn't helping Sarah. She was the one who leaked the fit-check photo to Leo to start the fight. Sarah was trying to leave the island because she found out Ashley was the one stealing the money. The letter Sarah had? It was a restraining order against Ashley. Leo was the only one who cared. The truth was in the water.</p>
                </div>
            </div>
        </div>
    </div>

    <div id="overlay" class="glass-overlay hidden">
        <div class="modal-content">
            <span class="close-btn" onclick="closeOverlay()">&times;</span>
            <div id="media-holder"></div>
            <div id="progress-bar-container"><div id="progress-bar"></div></div>
            <p id="decrypt-label">HOLD TO DECRYPT IMAGE</p>
        </div>
    </div>

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