stevengersztyn/index.html at main · sgersz/stevengersztyn · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Steven Gersztyn | Cloud Infrastructure & Security Engineer</title>
  <link rel="icon" href="favicon.ico" type="image/x-icon">
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-black text-gray-300 font-sans">

  <!-- ✅ background image applied here -->
  <div class="bg-cover bg-center bg-fixed min-h-screen" style="background-image: url('background.jpg');">

    <div class="min-h-screen flex items-center justify-center px-4">
      <div class="max-w-3xl bg-gray-800 bg-opacity-80 backdrop-blur-md shadow-lg rounded-xl p-8 space-y-6">

        <img src="me.png" alt="Steven Gersztyn" class="w-44 h-44 rounded-full object-cover mx-auto shadow-md">

        <h1 class="text-center text-3xl font-semibold text-white">Hi, I’m Steven Gersztyn</h1>
        <p class="text-center text-lg text-gray-400">Building secure, scalable, and user-focused cloud solutions</p>

        <hr class="border-gray-600">

        <p>Senior Systems Engineer with 13+ years across software development, systems administration, and cloud architecture—currently supporting secure, scalable environments across AWS, Azure, and GCP, with a strong focus on identity, automation, and cloud security.</p>
        <p>Outside of work, I enjoy playing classical guitar, working on DIY projects, experimenting with new ideas in my homelab, and exploring the outdoors here in Utah. I’m passionate about continuous learning, whether it’s through technical challenges, creative projects, or time spent in nature.</p>

        <p>Always learning, always building, always finding a reason to take something apart.</p>

        <h2 class="text-2xl font-semibold text-white flex items-center justify-center gap-2">
          <img src="icons/server.svg" alt="Server Icon" class="w-5 inline-block filter invert"> Featured Projects
        </h2>
        <ul class="space-y-2">
          <li class="flex items-center bg-gray-700 bg-opacity-60 p-4 rounded-lg hover:bg-gray-600">
  <img src="icons/bot.svg" class="w-7 mr-3">
    <a href="https://github.com/sgersz/azureBotTeams" class="font-semibold text-blue-400 hover:underline">Azure Bot Teams Integration</a> – Deploying Dialogflow CX into Microsoft Teams using Azure Bot Services.
</li>
          <li class="flex items-center bg-gray-700 bg-opacity-60 p-4 rounded-lg hover:bg-gray-600">
            <img src="icons/server.svg" class="w-7 mr-3 filter invert"> <a href="https://github.com/sgersz/homelab-2025" class="font-semibold text-blue-400 hover:underline">Homelab 2025</a> – Secure, scalable home lab combining virtualization, containers, automation, and Zero Trust.
          </li>
          <li class="flex items-center bg-gray-700 bg-opacity-60 p-4 rounded-lg hover:bg-gray-600">
            <img src="icons/layout-dashboard.svg" class="w-7 mr-3 filter invert"> <a href="https://github.com/sgersz/observability-dashboard" class="font-semibold text-blue-400 hover:underline">Homelab Monitoring</a> – Real-time system & Docker metrics visualization with Prometheus + Grafana.
          </li>
          <li class="flex items-center bg-gray-700 bg-opacity-60 p-4 rounded-lg hover:bg-gray-600">
            <img src="icons/cloud.svg" class="w-7 mr-3 filter invert"> <a href="https://github.com/sgersz/-workspacecostreduction" class="font-semibold text-blue-400 hover:underline">Workspace Cost Reduction</a> – Cloud cost optimization migrating from AWS Workspaces to EC2 + Zscaler ZPA.
          </li>
          <li class="flex items-center bg-gray-700 bg-opacity-60 p-4 rounded-lg hover:bg-gray-600">
            <img src="icons/flowchart.svg" class="w-7 mr-3 filter invert"> <a href="https://github.com/sgersz/simplecicd" class="font-semibold text-blue-400 hover:underline">Simple CI/CD Pipeline</a> – Automated Docker builds using GitHub Actions.
          </li>
          <li class="flex items-center bg-gray-700 bg-opacity-60 p-4 rounded-lg hover:bg-gray-600">
            <img src="icons/terminal.svg" class="w-7 mr-3 filter invert"> <a href="https://github.com/sgersz/toolbox" class="font-semibold text-blue-400 hover:underline">Toolbox</a> – Automation scripts for cloud, security, identity, DevOps, and IT operations.
          </li>
        </ul>

        <h2 class="text-2xl font-semibold text-white flex items-center justify-center gap-2">
          <img src="icons/certificate.svg" alt="Certificate Icon" class="w-5 inline-block filter invert"> Certifications
        </h2>
        <ul class="list-disc list-inside space-y-1 text-gray-300">
          <li>AWS Certified Developer </li>
          <li>AWS Certified Cloud Practitioner</li>
          <li>CyberArk Trustee</li>
          <li>AWS SSA and DevOps - In Progress </li>
        </ul>

        <div class="flex justify-center space-x-2">
          <img src="https://img.shields.io/badge/AWS-Cloud-orange?logo=amazonaws" alt="AWS Badge">
          <img src="https://img.shields.io/badge/Azure-Identity-blue?logo=microsoftazure" alt="Azure Badge">
          <img src="https://img.shields.io/badge/Okta-Identity%20Mgmt-lightgrey?logo=okta" alt="Okta Badge">
        </div>

        <h2 class="text-2xl font-semibold text-white text-center">Connect with Me</h2>
        <div class="text-center space-x-4">
          <a href="https://www.linkedin.com/in/stevengersztyn/" class="inline-block bg-blue-600 text-white py-2 px-4 rounded hover:bg-blue-500 transition">LinkedIn</a>
          <a href="https://github.com/sgersz" class="inline-block bg-gray-900 text-white py-2 px-4 rounded hover:bg-gray-800 transition">GitHub</a>
          <a href="https://x.com/readonlyfansdev" class="inline-block bg-black text-white py-2 px-4 rounded hover:bg-gray-800 transition">X (Twitter)</a>
        </div>

        <hr class="border-gray-700">

        <p class="text-center text-gray-500">Thanks for visiting!</p>

      </div>
    </div>
  </div>

</body>
</html>