-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
273 lines (239 loc) · 17.5 KB
/
index.html
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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Dive into my personalized link tree — an effortless gateway to unravel the layers of my online presence with just one click.">
<meta name="author" content="Lakhindar Pal">
<!-- Open Graph tags -->
<meta property="og:title" content="Link Tree">
<meta property="og:description" content="Dive into my personalized link tree — an effortless gateway to unravel the layers of my online presence with just one click.">
<meta property=" og:image" content="icons/avatar-1200x630.webp">
<meta property="og:image:alt" content="Link Tree Thumbnail">
<meta property="og:url" content="https://lakhindar.is-a-good.dev">
<!-- Twitter Card tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Link Tree">
<meta name="twitter:description" content="Dive into my personalized link tree — an effortless gateway to unravel the layers of my online presence with just one click.">
<meta name="twitter:image" content="icons/avatar-1200x630.webp">
<meta property="twitter:image:alt" content="Link Tree Thumbnail">
<meta property="twitter:url" content="https://lakhindar.is-a-good.dev">
<title>Lakhindar Pal - Links</title>
<link rel="stylesheet" href="styles.css">
<script src="main.js" defer></script>
<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" sizes="120x120" href="icons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon-180x180.png">
<!-- Android Chrome Icons -->
<link rel="icon" sizes="192x192" href="icons/android-icon-192x192.png">
<link rel="icon" sizes="512x512" href="icons/android-icon-512x512.png">
<!-- Favicon.ico -->
<link rel="icon" type="image/x-icon" href="icons/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="icons/favicon-48x48.png">
<!-- Microsoft Tile Icons -->
<meta name="msapplication-TileImage" content="icons/mstile-70x70.png">
<meta name="msapplication-TileImage" content="icons/mstile-150x150.png">
<meta name="msapplication-TileImage" content="icons/mstile-310x310.png">
<meta name="msapplication-TileColor" content="#3498db">
<meta name="theme-color" content="#3498db">
<meta http-equiv="Content-Language" content="en">
<link rel="manifest" href="pwa/manifest.json">
<meta name="msapplication-config" content="pwa/browserconfig.xml" />
<script>
if ("serviceWorker" in navigator) {
navigator.serviceWorker
.register("pwa/sw.js")
.then((reg) => console.log("Service Worker registered", reg))
.catch((err) =>
console.error("Service Worker **not** registered", err)
);
} else {
console.warn("Service Worker not supported in this browser");
}
</script>
</head>
<body>
<header>
<img src="icons/avatar-300x300.webp" alt="Avatar of Lakhindar Pal" height="300" width="300">
<h1>Lakhindar Pal</h1>
<p>Noob Developer</p>
<a href="https://lakhindar.is-a.dev" target="_blank" rel="noopener noreferrer"><span>Portfolio </span><svg xmlns="http://www.w3.org/2000/svg" height="14" width="14" viewBox="0 0 512 512">
<path d="M320 0a32 32 0 1 0 0 64h83L201 265a32 32 0 0 0 46 46l201-202v83a32 32 0 1 0 64 0V32c0-18-14-32-32-32H320zM80 32C36 32 0 68 0 112v320c0 44 36 80 80 80h320c44 0 80-36 80-80V320a32 32 0 1 0-64 0v112c0 9-7 16-16 16H80c-9 0-16-7-16-16V112c0-9 7-16 16-16h112a32 32 0 1 0 0-64H80z" fill="blue" />
</svg></a>
</header>
<div id="controls">
<!-- search box -->
<input type="text" id="searchInput" placeholder="Search for a link..." aria-label="Search for a link">
<!-- select menu for filtering -->
<select id="categorySelect" aria-label="Select a category">
<option value="all">All Categories</option>
<option value="social">Social</option>
<option value="conversation">Conversation</option>
<option value="community">Community</option>
<option value="professional">Professional</option>
<option value="blogs">Blogs</option>
<option value="videos">Videos</option>
<option value="projects">Projects</option>
<option value="playgrounds">Playgrounds</option>
<option value="development">Development</option>
<option value="queriverse">Queriverse</option>
<option value="innovation">Innovation</option>
<option value="programming">Programming</option>
<option value="anime-lists">Anime Lists</option>
<option value="playlists">Playlists</option>
<option value="support">Support</option>
</select>
</div>
<main>
<!-- Social Media -->
<section id="social">
<h2>Social</h2>
<ul>
<li><a href="https://www.facebook.com" target="_blank" rel="noopener noreferrer"><img src="logos/facebook.svg" alt="Facebook" data-keywords="facebook fb meta" width="32" height="32"></a></li>
<li><a href="https://www.instagram.com" target="_blank" rel="noopener noreferrer"><img src="logos/instagram.svg" alt="Instagram" data-keywords="instagram ig meta" width="32" height="32"></a></li>
<li><a href="https://www.pinterest.com" target="_blank" rel="noopener noreferrer"><img src="logos/pinterest.svg" alt="Pinterest" data-keywords="pinterest pt" width="32" height="32"></a></li>
</ul>
</section>
<!-- Conversation -->
<section id="conversation">
<h2>Conversation</h2>
<ul>
<li><a href="https://twitter.com" target="_blank" rel="noopener noreferrer"><img src="logos/twitter-x.svg" alt="Twitter" data-keywords="twitter x" width="32" height="32"></a></li>
<li><a href="https://hachyderm.io/@LakhindarPal" target="_blank" rel="noopener noreferrer"><img src="logos/mastodon.svg" alt="Mastodon" data-keywords="mastodon hachyderm hd" width="32" height="32"></a></li>
<li><a href="https://www.kooapp.com/profile/LakhindarPal" target="_blank" rel="noopener noreferrer"><img src="logos/kooapp.svg" alt="Kooapp" data-keywords="kooapp" width="32" height="32"></a></li>
<li><a href="https://www.threads.net/" target="_blank" rel="noopener noreferrer"><img src="logos/threads.svg" alt="Threads" data-keywords="threads meta" width="32" height="32"></a></li>
</ul>
</section>
<!-- Community -->
<section id="community">
<h2>Community</h2>
<ul>
<li><a href="https://discord.com" target="_blank" rel="noopener noreferrer"><img src="logos/discord.svg" alt="Discord" data-keywords="discord dc" width="32" height="32"></a></li>
<li><a href="https://www.telegram.com" target="_blank" rel="noopener noreferrer"><img src="logos/telegram.svg" alt="Telegram" data-keywords="telegram tg" width="32" height="32"></a></li>
<li><a href="https://reddit.com/user/LakhindarPal/" target="_blank" rel="noopener noreferrer"><img src="logos/reddit.svg" alt="Reddit" data-keywords="reddit" width="32" height="32"></a></li>
<li><a href="https://lakhindarpal.tumblr.com/" target="_blank" rel="noopener noreferrer"><img src="logos/tumblr.svg" alt="Tumblr" data-keywords="tumblr" width="32" height="32"></a></li>
</ul>
</section>
<!-- Professional network-->
<section id="professional">
<h2>Professional</h2>
<ul>
<li><a href="https://www.linkedin.com/in/lakhindarpal" target="_blank" rel="noopener noreferrer"><img src="logos/linkedin.svg" alt="LinkedIn" data-keywords="linkedin" width="32" height="32"></a></li>
<li><a href="mailto:hello@lakhindar.is-a.dev" target="_blank" rel="noopener noreferrer"><img src="logos/email.svg" alt="Email" data-keywords="email" width="32" height="32"></a></li>
<li><a href="https://www.behance.net/lakhindarpal" target="_blank" rel="noopener noreferrer"><img src="logos/behance.svg" alt="Behance" data-keywords="behance adobe" width="32" height="32"></a></li>
</ul>
</section>
<!-- Blogging Platforms -->
<section id="blogs">
<h2>Blogs</h2>
<ul>
<li><a href="https://lakhindarpal.medium.com/" target="_blank" rel="noopener noreferrer"><img src="logos/medium.svg" alt="Medium" data-keywords="medium" width="32" height="32"></a></li>
<li><a href="https://lakhindarpal.blogspot.com/" target="_blank" rel="noopener noreferrer"><img src="logos/blogger.svg" alt="Blogger" data-keywords="blogger blogspot" width="32" height="32"></a></li>
<li><a href="https://lakhindarpal.substack.com/" target="_blank" rel="noopener noreferrer"><img src="logos/substack.svg" alt="Substack" data-keywords="substack" width="32" height="32"></a></li>
<li><a href="https://lakhindarpal.hashnode.dev/" target="_blank" rel="noopener noreferrer"><img src="logos/hashnode.svg" alt="Hashnode" data-keywords="hashnode" width="32" height="32"></a></li>
<li><a href="https://dev.to/lakhindarpal" target="_blank" rel="noopener noreferrer"><img src="logos/dev-to.svg" alt="Dev.to" data-keywords="devto" width="32" height="32"></a></li>
</ul>
</section>
<!-- Video Platforms -->
<section id="videos">
<h2>Videos</h2>
<ul>
<li><a href="https://www.youtube.com" target="_blank" rel="noopener noreferrer"><img src="logos/youtube.svg" alt="YouTube" data-keywords="youtube yt" width="32" height="32"></a></li>
<li><a href="https://www.twitch.tv/lakhindarpal" target="_blank" rel="noopener noreferrer"><img src="logos/twitch.svg" alt="Twitch" data-keywords="twitch" width="32" height="32"></a></li>
<li><a href="https://kick.com/LakhindarPal" target="_blank" rel="noopener noreferrer"><img src="logos/kick.svg" alt="Kick" data-keywords="kick" width="32" height="32"></a></li>
<li><a href="https://vimeo.com/lakhindarpal" target="_blank" rel="noopener noreferrer"><img src="logos/vimeo.svg" alt="Vimeo" data-keywords="vimeo" width="32" height="32"></a></li>
</ul>
</section>
<!-- Version Control -->
<section id="projects">
<h2>Projects</h2>
<ul>
<li><a href="https://github.com/LakhindarPal" target="_blank" rel="noopener noreferrer"><img src="logos/github.svg" alt="GitHub" data-keywords="github gh" width="32" height="32"></a></li>
<li><a href="https://gitlab.com/LakhindarPal" target="_blank" rel="noopener noreferrer"><img src="logos/gitlab.svg" alt="GitLab" data-keywords="gitlab gl" width="32" height="32"></a></li>
<li><a href="https://bitbucket.com/LakhindarPal" target="_blank" rel="noopener noreferrer"><img src="logos/bitbucket.svg" alt="Bitbucket" data-keywords="bitbucket bb" width="32" height="32"></a></li>
<li><a href="https://gitea.com/LakhindarPal" target="_blank" rel="noopener noreferrer"><img src="logos/gitea.svg" alt="Gitea" data-keywords="gitea" width="32" height="32"></a></li>
<li><a href="https://www.npmjs.com/~lakhindarpal" target="_blank" rel="noopener noreferrer"><img src="logos/npmjs.svg" alt="NPM" data-keywords="npmjs nodejs" width="32" height="32"></a></li>
</ul>
</section>
<!-- Coding Playgrounds -->
<section id="playgrounds">
<h2>Playgrounds</h2>
<ul>
<li><a href="https://glitch.com/@LakhindarPal" target="_blank" rel="noopener noreferrer"><img src="logos/glitch.svg" alt="Glitch" data-keywords="glitch" width="32" height="32"></a></li>
<li><a href="https://replit.com/@LakhindarPal" target="_blank" rel="noopener noreferrer"><img src="logos/replit.svg" alt="Replit" data-keywords="replit" width="32" height="32"></a></li>
<li><a href="https://codepen.io/LakhindarPal" target="_blank" rel="noopener noreferrer"><img src="logos/codepen.svg" alt="Codepen cp" data-keywords="codepen" width="32" height="32"></a></li>
<li><a href="https://codesandbox.io/u/LakhindarPal" target="_blank" rel="noopener noreferrer"><img src="logos/codesandbox.svg" alt="Codesandbox" data-keywords="codesandbox csb" width="32" height="32"></a></li>
<li><a href="https://stackblitz.com/@LakhindarPal" target="_blank" rel="noopener noreferrer"><img src="logos/stackblitz.svg" alt="StackBlitz" data-keywords="stackblitz sb" width="32" height="32"></a></li>
</ul>
</section>
<!-- Development-->
<section id="development">
<h2>Development</h2>
<ul>
<li><a href="https://hub.docker.com/u/lakhindarpal" target="_blank" rel="noopener noreferrer"><img src="logos/docker.svg" alt="Docker" data-keywords="docker" width="32" height="32"></a></li>
<li><a href="https://connect.symfony.com/profile/lakhindarpal" target="_blank" rel="noopener noreferrer"><img src="logos/symfony.svg" alt="Symfony" data-keywords="symfony php" width="32" height="32"></a></li>
</ul>
</section>
<!-- Query Resolver-->
<section id="queriverse">
<h2>Queriverse</h2>
<ul>
<li><a href="https://stackoverflow.com" target="_blank" rel="noopener noreferrer"><img src="logos/stack-overflow.svg" alt="Stack Overflow" data-keywords="stackoverflow" width="32" height="32"></a></li>
<li><a href="https://www.quora.com" target="_blank" rel="noopener noreferrer"><img src="logos/quora.svg" alt="Quora" data-keywords="quora" width="32" height="32"></a></li>
</ul>
</section>
<!-- Indie Development -->
<section id="innovation">
<h2>Innovation</h2>
<ul>
<li><a href="https://www.producthunt.com/@lakhindarpal" target="_blank" rel="noopener noreferrer"><img src="logos/producthunt.svg" alt="ProductHunt" data-keywords="producthunt ph" width="32" height="32"></a></li>
<li><a href="https://www.indiehackers.com/LakhindarPal" target="_blank" rel="noopener noreferrer"><img src="logos/indiehackers.svg" alt="IndieHackers" data-keywords="indiehackers ih" width="32" height="32"></a></li>
<li><a href="https://huggingface.co/LakhindarPal" target="_blank" rel="noopener noreferrer"><img src="logos/huggingface.svg" alt="Hugging Face" data-keywords="huggingface hf" width="32" height="32"></a></li>
<li><a href="https://hackaday.io/LakhindarPal" target="_blank" rel="noopener noreferrer"><img src="logos/hackaday.svg" alt="Hackaday" data-keywords="hackaday" width="32" height="32"></a></li>
</ul>
</section>
<!-- Programming Practice -->
<section id="programming">
<h2>Programming</h2>
<ul>
<li><a href="https://www.kaggle.com/lakhindarpal" target="_blank" rel="noopener noreferrer"><img src="logos/kaggle.svg" alt="Kaggle" data-keywords="kaggle" width="32" height="32"></a></li>
<li><a href="https://leetcode.com/LakhindarPal/" target="_blank" rel="noopener noreferrer"><img src="logos/leetcode.svg" alt="LeetCode" data-keywords="leetcode lc" width="32" height="32"></a></li>
<li><a href="https://www.hackerrank.com/profile/LakhindarPal" target="_blank" rel="noopener noreferrer"><img src="logos/hackerrank.svg" alt="HackerRank" data-keywords="hackerrank hr" width="32" height="32"></a></li>
</ul>
</section>
<!-- Anime/Manga Lists -->
<section id="anime-lists">
<h2>Anime Lists</h2>
<ul>
<li><a href="https://myanimelist.net/profile/LakhindarPal" target="_blank" rel="noopener noreferrer"><img src="logos/myanimelist.svg" alt="MyAnimeList" data-keywords="myanimelist mal" width="32" height="32"></a></li>
<li><a href="https://anilist.co/user/LakhindarPal/" target="_blank" rel="noopener noreferrer"><img src="logos/anilist.svg" alt="AniList" data-keywords="anilist al" width="32" height="32"></a></li>
<li><a href="https://kitsu.io/users/LakhindarPal" target="_blank" rel="noopener noreferrer"><img src="logos/kitsu.svg" alt="Kitsu" data-keywords="kitsu" width="32" height="32"></a></li>
</ul>
</section>
<!-- Music Playlists -->
<section id="playlists">
<h2>Playlists</h2>
<ul>
<li><a href="https://music.amazon.in/profiles/yolsv5wzpwpm7zfkn5xettwrsm" target="_blank" rel="noopener noreferrer"><img src="logos/amazon-music.svg" alt="Amazon music" data-keywords="amazon prime music" width="32" height="32"></a></li>
<li><a href="https://soundcloud.com/lakhindarpal" target="_blank" rel="noopener noreferrer"><img src="logos/soundcloud.svg" alt="SoundCloud" data-keywords="soundcloud sc" width="32" height="32"></a></li>
<li><a href="https://open.spotify.com/user/" target="_blank" rel="noopener noreferrer"><img src="logos/spotify.svg" alt="Spotify" data-keywords="spotify" width="32" height="32"></a></li>
</ul>
</section>
<!-- Donation Platforms -->
<section id="support">
<h2>Support</h2>
<ul>
<li><a href="https://www.buymeacoffee.com/lakhindarpal" target="_blank" rel="noopener noreferrer"><img src="logos/buy-me-a-coffee.svg" alt="Buy Me a Coffee" data-keywords="buymeacoffee bmac bmc" width="32" height="32"></a></li>
<li><a href="https://www.ko-fi.com/lakhindarpal" target="_blank" rel="noopener noreferrer"><img src="logos/ko-fi.svg" alt="Ko-fi" data-keywords="kofi ko-fi" width="32" height="32"></a></li>
<li><a href="https://patreon.com/LakhindarPal" target="_blank" rel="noopener noreferrer"><img src="logos/patreon.svg" alt="Patreon" data-keywords="patreon" width="32" height="32"></a></li>
<li><a href="https://liberapay.com/LakhindarPal" target="_blank" rel="noopener noreferrer"><img src="logos/liberapay.svg" alt="Liberapay" data-keywords="liberapay lp" width="32" height="32"></a></li>
</ul>
</section>
</main>
<footer>
<p>© 2024 - All rights reserved <a href="https://github.com/LakhindarPal/links" target="_blank" rel="noopener noreferrer">@Lakhindar</a>.</p>
</footer>
</body>
</html>