-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
143 lines (136 loc) · 9.46 KB
/
Copy pathindex.html
File metadata and controls
143 lines (136 loc) · 9.46 KB
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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="description" content="Krishna Moorthy (Krissh) is a Software Engineer building performant and scalable enterprise web applications." />
<meta name="keywords" content="Krishna Moorthy, Krissh, Software Engineer, Full Stack Developer, Web Developer, Portfolio, React, TypeScript, Performance Engineering" />
<meta name="author" content="Krishna Moorthy" />
<meta name="robots" content="index, follow, max-image-preview:large" />
<meta name="theme-color" content="#0f172a" />
<link rel="icon" type="image/svg+xml" href="/images/logos/krissh/logo-thumb.svg" />
<link rel="canonical" href="https://krissh.dev/" />
<link rel="preload" href="/src/assets/fonts/Rookery-Regular.woff" as="font" type="font/woff" crossorigin />
<link rel="preload" href="/src/assets/fonts/CommitMono-400-Regular.woff2" as="font" type="font/woff2" crossorigin />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Krissh" />
<meta property="og:title" content="Krishna Moorthy | Software Engineer" />
<meta property="og:description" content="Portfolio of Krishna Moorthy (Krissh), Software Engineer focused on scalable, performant web applications." />
<meta property="og:url" content="https://krissh.dev/" />
<meta property="og:image" content="https://krissh.dev/images/Krissh.png" />
<meta property="og:image:alt" content="Portrait of Krishna Moorthy" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Krishna Moorthy | Software Engineer" />
<meta name="twitter:description" content="Portfolio of Krishna Moorthy (Krissh), Software Engineer focused on scalable, performant web applications." />
<meta name="twitter:image" content="https://krissh.dev/images/Krissh.png" />
<meta name="twitter:creator" content="@krissh_tweets" />
<title>Krishna Moorthy | Software Engineer</title>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "Krishna Moorthy",
"alternateName": "Krissh",
"url": "https://krissh.dev/",
"image": "https://krissh.dev/images/Krissh.png",
"jobTitle": "Software Engineer",
"description": "Software Engineer building performant and scalable enterprise web applications.",
"sameAs": [
"https://github.com/krissh-codes",
"https://linkedin.com/in/krissh-connects",
"https://x.com/krissh_tweets",
"https://bsky.app/profile/krissh.dev",
"https://www.instagram.com/krissh_posts",
"https://reddit.com/user/krissh_speaks"
]
}
</script>
<style id="preloader-styles">
#app-preloader {
position: fixed;
inset: 0;
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
background-color: #0f172a;
opacity: 1;
visibility: visible;
transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
#app-preloader.fade-out {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.preloader-glow-bg {
position: absolute;
width: 140px;
height: 140px;
background: radial-gradient(circle, rgba(172, 107, 255, 0.5) 0%, rgba(112, 0, 255, 0.2) 55%, transparent 75%);
filter: blur(24px);
border-radius: 50%;
pointer-events: none;
animation: preloader-aura-pulse 1.8s ease-in-out infinite alternate;
}
.preloader-logo {
position: relative;
z-index: 1;
width: 96px;
height: 96px;
animation: preloader-pulse 1.8s ease-in-out infinite alternate;
}
.preloader-logo path {
filter: drop-shadow(0 0 8px rgba(172, 107, 255, 0.8)) drop-shadow(0 0 18px rgba(112, 0, 255, 0.5));
animation: preloader-glow 2s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
}
@keyframes preloader-pulse {
0% {
transform: scale(0.92);
}
100% {
transform: scale(1.06);
}
}
@keyframes preloader-aura-pulse {
0% {
transform: scale(0.85);
opacity: 0.5;
}
100% {
transform: scale(1.35);
opacity: 0.95;
}
}
@keyframes preloader-glow {
0% {
fill-opacity: 0.75;
}
100% {
fill-opacity: 1;
}
}
</style>
<script>
setTimeout(function() {
var loader = document.getElementById('app-preloader');
if (loader && !loader.classList.contains('fade-out')) {
loader.classList.add('fade-out');
setTimeout(function() { loader.remove(); }, 500);
}
}, 6000);
</script>
</head>
<body>
<div id="app-preloader" aria-hidden="false" aria-label="Loading page">
<div class="preloader-glow-bg"></div>
<svg class="preloader-logo" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M291.076 221.324H264.113V174.585C264.113 171.461 262.872 168.464 260.663 166.255C258.454 164.046 255.458 162.805 252.334 162.805H220.436C217.312 162.805 214.316 164.046 212.107 166.255C209.898 168.464 208.657 171.461 208.657 174.585V244.353C208.655 247.409 209.841 250.345 211.964 252.543C214.087 254.741 216.982 256.028 220.036 256.132L242.852 256.85V344.063C242.856 345.55 243.373 346.989 244.314 348.139C245.255 349.289 246.563 350.08 248.019 350.379C249.475 350.677 250.989 350.465 252.307 349.779C253.625 349.092 254.666 347.972 255.255 346.608L301.901 237.745C302.669 235.952 302.981 233.997 302.807 232.054C302.633 230.112 301.98 228.243 300.906 226.615C299.832 224.988 298.37 223.652 296.652 222.729C294.935 221.805 293.026 221.323 291.076 221.324ZM287.672 174.585V197.766H291.076C296.922 197.768 302.677 199.219 307.824 201.992C312.971 204.764 317.35 208.77 320.568 213.65C323.786 218.531 325.743 224.134 326.264 229.957C326.785 235.78 325.853 241.641 323.551 247.015L276.906 355.89C274.178 362.239 269.343 367.453 263.218 370.652C257.092 373.851 250.051 374.839 243.281 373.449C236.512 372.06 230.429 368.378 226.059 363.024C221.689 357.671 219.3 350.974 219.294 344.063V279.678C210.123 279.382 201.427 275.53 195.046 268.937C188.664 262.344 185.097 253.528 185.099 244.353V174.585C185.099 165.213 188.822 156.224 195.449 149.597C202.076 142.97 211.064 139.247 220.436 139.247H252.334C261.706 139.247 270.695 142.97 277.322 149.597C283.949 156.224 287.672 165.213 287.672 174.585Z" fill="#AC6BFF"/>
<path d="M312.084 109.726C312.082 111.209 312.373 112.678 312.94 114.048C313.506 115.418 314.338 116.663 315.386 117.712C316.435 118.76 317.68 119.591 319.05 120.158C320.42 120.725 321.889 121.016 323.372 121.014L385.495 121.014L385.495 183.138C385.495 184.62 385.787 186.088 386.354 187.458C386.922 188.827 387.753 190.072 388.801 191.12C389.849 192.168 391.094 192.999 392.463 193.567C393.833 194.134 395.301 194.426 396.783 194.426C398.265 194.426 399.733 194.134 401.103 193.567C402.472 192.999 403.717 192.168 404.765 191.12C405.813 190.072 406.644 188.827 407.212 187.458C407.779 186.088 408.071 184.62 408.071 183.138L408.071 109.646C408.073 108.164 407.782 106.695 407.215 105.325C406.648 103.955 405.817 102.71 404.768 101.661C403.72 100.613 402.475 99.7813 401.105 99.2145C399.734 98.6478 398.266 98.3569 396.783 98.3584L323.291 98.3584C317.207 98.3584 312.084 103.482 312.084 109.726Z" fill="#AC6BFF"/>
<path d="M114.414 316.772C112.932 316.77 111.463 317.061 110.093 317.628C108.723 318.195 107.478 319.026 106.429 320.075C105.381 321.123 104.549 322.368 103.983 323.738C103.416 325.109 103.125 326.577 103.126 328.06L103.126 401.551C103.125 403.034 103.416 404.503 103.983 405.873C104.549 407.243 105.381 408.488 106.429 409.537C107.478 410.585 108.723 411.417 110.093 411.983C111.463 412.55 112.932 412.841 114.414 412.839L187.906 412.839C189.388 412.839 190.856 412.547 192.226 411.98C193.595 411.413 194.84 410.581 195.888 409.533C196.936 408.485 197.767 407.241 198.335 405.871C198.902 404.502 199.194 403.034 199.194 401.551C199.194 400.069 198.902 398.601 198.335 397.232C197.767 395.862 196.936 394.618 195.888 393.57C194.84 392.522 193.595 391.69 192.226 391.123C190.856 390.556 189.388 390.264 187.906 390.264L125.702 390.183L125.702 328.06C125.702 321.815 120.499 316.772 114.414 316.772Z" fill="#AC6BFF"/>
</svg>
</div>
<div id="root"></div>
<script type="module" src="/src/root/main.tsx"></script>
</body>
</html>