artemis/index.html at main · SpyGdev/artemis · 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
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
<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/png" href="/favicon.png">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description"
        content="iOS researcher focused on iOS internals and reverse engineering. Currently working on iOS and network security.">
    <link rel="stylesheet" href="/dist/assets/main-DxMavco3.css">
</head>

<body class="selection:bg-accent selection:text-white">
    <main class="max-w-[1000px] mx-auto px-6 py-16 md:py-24 flex flex-col gap-20">

        <!-- Hero Section -->
        <header class="flex flex-col gap-6">
            <h1 class="text-3xl font-bold tracking-tight text-white">Spy_G</h1>
            <p class="text-secondary max-w-xl text-lg leading-relaxed">
                Researcher focused on <span class="text-primary">iOS internals</span> and <span
                    class="text-primary">reverse engineering</span>. Currently working on <span class="text-primary">iOS
                    and network security</span>.
            </p>
            <nav>
                <ul class="flex gap-6 text-sm font-mono text-secondary">
                    <li><a href="https://github.com/SpyGdev" target="_blank" class="hover:text-accent">GitHub</a></li>
                    <li><a href="#projects" class="hover:text-accent">Projects</a></li>
                    <li><a href="/wallpapers" class="hover:text-accent">Wallpapers</a></li>
                    <li><a href="/blogs" class="hover:text-accent">Blogs</a></li>
                    <li><a href="/passtheme" class="hover:text-accent">PassThemer</a></li>

                    <li><a href="/socials" class="hover:text-accent">Contact</a></li>
                </ul>
            </nav>
        </header>

        <!-- Projects Section -->
        <section id="projects" class="flex flex-col gap-8">
            <h2 class="text-sm font-mono uppercase tracking-wider text-secondary">Public Projects</h2>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <!-- Project 1 -->
                <a href="https://github.com/SpyGdev/windows-screentime-disabler" target="_blank"
                    class="block p-6 border border-neutral-800 hover:border-accent/50 transition-colors group">
                    <div class="flex flex-col gap-4 h-full justify-between">
                        <div class="flex flex-col gap-2">
                            <div class="flex justify-between items-start">
                                <h3 class="text-lg font-medium text-primary group-hover:text-accent transition-colors">
                                    Windows Screentime Disabler</h3>
                                <span
                                    class="text-xs font-mono text-secondary border border-neutral-800 px-2 py-1 rounded">Python</span>
                            </div>
                            <p class="text-secondary text-sm leading-relaxed">
                                A Python script that disables the screentime feature on Windows.
                            </p>
                        </div>
                        <div class="flex gap-3 text-xs font-mono text-secondary/60">
                            <span>Windows</span>
                            <span>Screentime</span>
                            <span>Python</span>
                        </div>
                    </div>
                </a>

                <!-- Project 2 -->
                <a href="https://github.com/SpyGdev/PassThemer" target="_blank"
                    class="block p-6 border border-neutral-800 hover:border-accent/50 transition-colors group">
                    <div class="flex flex-col gap-4 h-full justify-between">
                        <div class="flex flex-col gap-2">
                            <div class="flex justify-between items-start">
                                <h3 class="text-lg font-medium text-primary group-hover:text-accent transition-colors">
                                    PassThemer</h3>
                                <span
                                    class="text-xs font-mono text-secondary border border-neutral-800 px-2 py-1 rounded">JavaScript</span>
                            </div>
                            <p class="text-secondary text-sm leading-relaxed">
                                Build custom pass themes for iOS devices.
                            </p>
                        </div>
                        <div class="flex gap-3 text-xs font-mono text-secondary/60">
                            <span>iOS</span>
                            <span>Theming</span>
                            <span>JavaScript</span>
                        </div>
                    </div>
                </a>

                <!-- Project 3 (Placeholder) -->
                <div
                    class="h-full p-6 border border-neutral-800 border-dashed flex flex-col items-center justify-center text-secondary/50 font-mono text-sm gap-2">
                    <span class="animate-pulse">Still Loading...</span>
                </div>

                <!-- Project 4 (Placeholder) -->
                <div
                    class="h-full p-6 border border-neutral-800 border-dashed flex flex-col items-center justify-center text-secondary/50 font-mono text-sm gap-2">
                    <span class="animate-pulse">Still Loading...</span>
                </div>
            </div>
        </section>

        <section class="flex flex-col gap-8">
            <h2 class="text-sm font-mono uppercase tracking-wider text-secondary">Experience</h2>
            <div class="flex flex-col gap-6">
                <div class="flex flex-col md:flex-row md:justify-between md:items-baseline gap-1">
                    <h3 class="text-primary font-medium">C++</h3>
                    <span class="text-sm text-secondary font-mono">Present</span>
                </div>
                <div class="flex flex-col md:flex-row md:justify-between md:items-baseline gap-1">
                    <h3 class="text-primary font-medium">Python</h3>
                    <span class="text-sm text-secondary font-mono">Present</span>
                </div>
            </div>
        </section>

        <footer class="pt-12 border-t border-neutral-800 flex flex-col sm:flex-row justify-between items-start gap-4">
            <p class="text-xs text-secondary font-mono">
                &copy; 2026 Spy_G. Built with semantic HTML & Tailwind.
            </p>
            <a href="/tos" class="text-xs text-secondary hover:text-accent transition-colors font-mono">
                Terms of Service
            </a>
        </footer>
    </main>
    <script type="module" src="/src/main.js"></script>
</body>

</html>