1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+ < head >
4+ < meta charset ="UTF-8 ">
5+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6+ < title > YOUR PRIVACY , YOUR LIFE</ title >
7+ < link rel ="icon " type ="image/x-icon " href ="favicon.ico?v=2 ">
8+ < link rel ="shortcut icon " href ="favicon.ico?v=2 ">
9+ < link rel ="apple-touch-icon " href ="favicon.ico?v=2 ">
10+ < link rel ="stylesheet " href ="style.css ">
11+ < link href ="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap " rel ="stylesheet ">
12+ </ head >
13+ < body >
14+ < div class ="hacker-bg "> </ div >
15+ < div class ="hacker-grid "> </ div >
16+ < div class ="hacker-particles " id ="hackerParticles "> </ div >
17+ < div class ="custom-cursor-ring " id ="customCursorRing "> </ div >
18+ < div class ="custom-cursor " id ="customCursor "> </ div >
19+
20+ < div class ="loading-screen " id ="loadingScreen ">
21+ < div class ="loading-content ">
22+ < div class ="loading-logo "> YOUR PRIVACY , YOUR LIFE</ div >
23+ < div class ="loading-bar ">
24+ < div class ="loading-progress "> </ div >
25+ </ div >
26+ < div class ="loading-text "> Loading...</ div >
27+ </ div >
28+ </ div >
29+
30+ < div class ="touch-screen " id ="touchScreen ">
31+ < div class ="touch-content ">
32+ < div class ="touch-logo "> I hope you will like our project</ div >
33+ < div class ="touch-message ">
34+ < p > This site offers enormous resources for your private life on the privacy page, it is still under construction and will grow bigger and bigger, share with your friends!</ p >
35+ </ div >
36+ < div class ="touch-button " onclick ="enterSite() ">
37+ < div class ="touch-text "> Touch to Enter</ div >
38+ < div class ="touch-arrow "> →</ div >
39+ </ div >
40+ </ div >
41+ </ div >
42+
43+ < div class ="volume-control ">
44+ < div class ="volume-icon " id ="volumeIcon ">
45+ < svg width ="20 " height ="20 " viewBox ="0 0 24 24 " fill ="currentColor ">
46+ < path d ="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z "/>
47+ </ svg >
48+ </ div >
49+ < input type ="range " id ="volumeSlider " min ="0 " max ="100 " value ="50 " class ="volume-slider ">
50+ < div class ="volume-value " id ="volumeValue "> 50%</ div >
51+ </ div >
52+
53+ < div class ="view-counter ">
54+ < div class ="view-icon ">
55+ < svg width ="16 " height ="16 " viewBox ="0 0 24 24 " fill ="currentColor ">
56+ < path d ="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z "/>
57+ </ svg >
58+ </ div >
59+ < span id ="viewCount "> 0</ span >
60+ </ div >
61+
62+ < div class ="container ">
63+ < div class ="profile-card ">
64+ < div class ="profile-header ">
65+ < div class ="profile-image ">
66+ < img id ="profileImg " src ="" alt ="Profile " />
67+ </ div >
68+ < div class ="profile-info ">
69+ < h1 > LittleCat1234</ h1 >
70+ < p > Privacy Expert & Resource Sharing</ p >
71+ < p > I specialize in privacy protection and am here to help you navigate the complexities of safeguarding your personal data. My goal is to provide you with the necessary tools, knowledge, and resources to protect your online privacy. Whether you’re looking for guidance on secure communication, data encryption, or privacy laws like GDPR, I offer expert advice and share valuable resources to help you stay safe and informed in the digital world.</ p >
72+ </ div >
73+ </ div >
74+
75+ < div class ="navigation-section ">
76+ < h3 > Navigation</ h3 >
77+ < div class ="nav-links ">
78+ < a href ="osint/index.html " class ="nav-link ">
79+ < div class ="nav-icon ">
80+ < svg width ="20 " height ="20 " viewBox ="0 0 24 24 " fill ="currentColor ">
81+ < path d ="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z "/>
82+ </ svg >
83+ </ div >
84+ < span > Access OSINT Site</ span >
85+ </ a >
86+ < a href ="osint/privacy.html " class ="nav-link ">
87+ < div class ="nav-icon ">
88+ < svg width ="20 " height ="20 " viewBox ="0 0 24 24 " fill ="currentColor ">
89+ < path d ="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,7C13.4,7 14.8,8.6 14.8,10V11.5C15.4,11.5 16,12.4 16,13V16.5C16,17.4 15.4,18 14.8,18H9.2C8.6,18 8,17.4 8,16.5V13C8,12.4 8.6,11.5 9.2,11.5V10C9.2,8.6 10.6,7 12,7M12,8.2C11.2,8.2 10.4,8.7 10.4,10V11.5H13.6V10C13.6,8.7 12.8,8.2 12,8.2Z "/>
90+ </ svg >
91+ </ div >
92+ < span > Access Privacy Site</ span >
93+ </ a >
94+ </ div >
95+ </ div >
96+
97+ < div class ="social-links ">
98+ < div class ="social-section ">
99+ < h3 > Social Networks</ h3 >
100+ < div class ="social-grid ">
101+ < a href ="https://github.com/myosintse " target ="_blank " class ="social-link github ">
102+ < div class ="social-icon ">
103+ < svg width ="24 " height ="24 " viewBox ="0 0 24 24 " fill ="currentColor ">
104+ < path d ="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z "/>
105+ </ svg >
106+ </ div >
107+ < span > GitHub</ span >
108+ </ a >
109+ < a href ="https://tryhackme.com/p/anonshit1234 " target ="_blank " class ="social-link tryhackme ">
110+ < div class ="social-icon ">
111+ < svg width ="24 " height ="24 " viewBox ="0 0 24 24 " fill ="currentColor ">
112+ < path d ="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5 "/>
113+ </ svg >
114+ </ div >
115+ < span > TryHackMe</ span >
116+ </ a >
117+ </ div >
118+ </ div >
119+
120+ < div class ="social-section ">
121+ < h3 > Contact</ h3 >
122+ < div class ="social-grid ">
123+ < button class ="social-link contact-btn " onclick ="openContactPopup('signal') ">
124+ < div class ="social-icon ">
125+ < svg width ="24 " height ="24 " viewBox ="0 0 24 24 " fill ="currentColor ">
126+ < path d ="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z "/>
127+ </ svg >
128+ </ div >
129+ < span > Signal</ span >
130+ </ button >
131+ < button class ="social-link contact-btn " onclick ="openContactPopup('session') ">
132+ < div class ="social-icon ">
133+ < svg width ="24 " height ="24 " viewBox ="0 0 24 24 " fill ="currentColor ">
134+ < path d ="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,7C13.4,7 14.8,8.6 14.8,10V11.5C15.4,11.5 16,12.4 16,13V16.5C16,17.4 15.4,18 14.8,18H9.2C8.6,18 8,17.4 8,16.5V13C8,12.4 8.6,11.5 9.2,11.5V10C9.2,8.6 10.6,7 12,7M12,8.2C11.2,8.2 10.4,8.7 10.4,10V11.5H13.6V10C13.6,8.7 12.8,8.2 12,8.2Z "/>
135+ </ svg >
136+ </ div >
137+ < span > Session</ span >
138+ </ button >
139+ < button class ="social-link contact-btn " onclick ="openContactPopup('mail') ">
140+ < div class ="social-icon ">
141+ < svg width ="24 " height ="24 " viewBox ="0 0 24 24 " fill ="currentColor ">
142+ < path d ="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z "/>
143+ </ svg >
144+ </ div >
145+ < span > Mail</ span >
146+ </ button >
147+ </ div >
148+ </ div >
149+ </ div >
150+ </ div >
151+ </ div >
152+
153+ < div id ="contactModal " class ="modal ">
154+ < div class ="modal-content ">
155+ < div class ="modal-header ">
156+ < h2 id ="modalTitle "> Contact</ h2 >
157+ < button class ="close-btn " onclick ="closeContactPopup() "> ×</ button >
158+ </ div >
159+ < div class ="modal-body ">
160+ < div class ="contact-info ">
161+ < div class ="info-item ">
162+ < label > ID/Address:</ label >
163+ < div class ="info-value ">
164+ < input type ="text " id ="contactValue " readonly />
165+ < button class ="copy-btn " onclick ="copyContact() "> Copy</ button >
166+ </ div >
167+ </ div >
168+ </ div >
169+ </ div >
170+ </ div >
171+ </ div >
172+
173+ < audio id ="backgroundMusic " loop autoplay >
174+ < source src ="" type ="audio/mpeg ">
175+ </ audio >
176+
177+ < script src ="script.js "> </ script >
178+ </ body >
179+ </ html >
0 commit comments