rmkr-dev.github.io/profile.html at main · rmkr-dev/rmkr-dev.github.io · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <script>fetch('https://api.countapi.xyz/hit/rmkr-dev.github.io/profile');</script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Profile | Ramkumar Ethiraj</title>

    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFC300' d='M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V288H216c-13.3 0-24 10.7-24 24s10.7 24 24 24H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128z'/%3E%3C/svg%3E">

    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />

    <style>
        :root {
            --color-bg: #0C1524; --color-card: #18233C;
            --color-accent: #FFC300; --color-text: #F0F4F8;
            --color-muted: #A0AEC0; --color-line: #2D3748;
        }
        body { font-family: 'Inter', sans-serif; background-color: var(--color-bg); color: var(--color-text); line-height: 1.6; }
        .wrap { max-width: 1000px; margin: 0 auto; padding: 1.5rem; }

        header.top {
            background: linear-gradient(135deg, rgba(24, 35, 60, 0.95), rgba(255, 195, 0, 0.05));
            backdrop-filter: blur(10px); border-bottom: 1px solid var(--color-line);
            padding: 1rem 0; position: sticky; top: 0; z-index: 10;
        }

        .section-title {
            position: relative; font-size: 1.75rem; font-weight: 700;
            margin: 2.5rem 0 1rem; padding-left: 1rem; color: var(--color-accent);
        }
        .section-title::before {
            content: ''; position: absolute; left: 0; top: 0; width: 6px; height: 100%;
            background: var(--color-accent); border-radius: 3px; box-shadow: 0 0 8px var(--color-accent);
        }

        .card {
            background: var(--color-card); border-radius: 12px; padding: 2rem;
            border: 1px solid rgba(45, 55, 72, 0.5); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
        }

        .badge {
            display: inline-block; padding: 0.4rem 0.8rem; margin: 0.2rem;
            font-size: 0.75rem; font-weight: 600; border-radius: 9999px;
            background: rgba(255, 195, 0, 0.1); color: var(--color-accent);
            border: 1px solid rgba(255, 195, 0, 0.3);
        }

        .timeline-container { border-left: 2px solid var(--color-line); padding-left: 20px; }
        .timeline-item { position: relative; margin-bottom: 2.5rem; padding-left: 1.5rem; }
        .timeline-item::before {
            content: ''; position: absolute; left: -31px; top: 5px;
            width: 20px; height: 20px; background: var(--color-accent);
            border: 4px solid var(--color-bg); border-radius: 50%;
        }
    </style>
</head>
<body>

<header class="top">
    <div class="wrap flex justify-between items-center">
        <a href="index.html" class="text-[--color-accent] font-bold hover:underline">
            <i class="fa-solid fa-arrow-left mr-2"></i> Back to Hub
        </a>
        <div class="hidden md:block text-sm font-mono opacity-50 uppercase tracking-widest">
            Principal Engineer Profile
        </div>
    </div>
</header>

<div class="wrap">
    <h2 class="section-title">Architectural Vision</h2>
    <div class="card">
        <p class="text-lg text-gray-200">
            A results-driven <b>Principal Software Engineer</b> with over <b>11 years</b> of experience specializing in architecting high-performance, enterprise-scale platforms. Expertise in <b>Azure-native</b> strategies, distributed systems, and <b>Java/Spring Boot</b> solutions for Healthcare and Telecom.
        </p>
        <div class="mt-4">
            <span class="badge">#CloudArchitecture</span> <span class="badge">#AzureNative</span>
            <span class="badge">#DistributedSystems</span> <span class="badge">#JavaEcosystem</span>
        </div>
    </div>

    <h2 class="section-title">Career Trajectory</h2>
    <div class="card timeline-container">
        <div class="timeline-item">
            <span class="text-xs text-gray-500 uppercase font-bold">2024 – Present</span>
            <h3 class="text-xl font-bold">Principal Software Engineer @ Optum</h3>
            <p class="text-sm text-gray-400 mt-1 italic">Chennai, India</p>
            <ul class="mt-3 text-sm space-y-2 text-gray-300">
                <li><i class="fa-solid fa-caret-right text-[--color-accent] mr-2"></i>Modernized UHG pricing platform, significantly enhancing scalability.</li>
                <li><i class="fa-solid fa-caret-right text-[--color-accent] mr-2"></i>Architected orchestration solutions handling 20x more daily approvals.</li>
            </ul>
        </div>

        <div class="timeline-item">
            <span class="text-xs text-gray-500 uppercase font-bold">2022 – 2024</span>
            <h3 class="text-xl font-bold">Senior Software Engineer II @ Optum</h3>
            <ul class="mt-3 text-sm space-y-2 text-gray-300">
                <li><i class="fa-solid fa-caret-right text-[--color-accent] mr-2"></i>Led complete security architecture for PHI/PII data governance.</li>
                <li><i class="fa-solid fa-caret-right text-[--color-accent] mr-2"></i>Enabled large-scale data migration to Azure Synapse & Databricks.</li>
            </ul>
        </div>

        </div>

    <h2 class="section-title">Education</h2>
    <div class="card space-y-6">
        <div>
            <h3 class="font-bold text-lg text-white">M.Tech. - System Software (WILP)</h3>
            <p class="text-sm text-[--color-accent]">BITS Pilani | 2024 – 2026 (In Progress)</p>
        </div>
        <div class="h-px bg-[--color-line]"></div>
        <div>
            <h3 class="font-bold text-lg text-white">B.E. - Computer Science and Engineering</h3>
            <p class="text-sm text-[--color-muted]">CIET Coimbatore | 2010 – 2014</p>
        </div>
    </div>

    <footer class="mt-12 text-center text-xs text-gray-600 pb-12">
        Detailed Profile // Ramkumar Ethiraj
    </footer>
</div>

</body>
</html>