zklamm.github.io/index.html at master · zklamm/zklamm.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
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
<!DOCTYPE html>
<html lang="en-US">
  <head>
    <title>Zac Klammer | Software Engineer</title>
    <meta charset="utf-8" />
    <meta name="author" content="Zac Klammer" />
    <meta
      name="description"
      content="I'm a full stack software engineer in Corpus Christi, TX & co-creator of Maestro"
    />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="public/stylesheets/style.css" />
    <link rel="icon" href="public/favicons/favicon.ico" />
  </head>
  <body>
    <div class="logo-links">
      <a href="https://github.com/zklamm/" target="_blank">
        <img
          class="icon"
          src="public/assets/icons/git_hub.svg"
          alt="github logo"
          id="github-logo"
        />
      </a>
      <a href="https://maestro-framework.github.io/" target="_blank">
        <img
          class="icon"
          src="public/assets/images/mark-on-dark.png"
          alt="maestro-logo"
          id="bowtie"
        />
      </a>
      <a href="public/assets/zac-klammer-resume-v3.pdf" target="_blank">
        <img
          class="icon"
          src="public/assets/icons/resume.svg"
          alt="link to Zac Klammer resume"
          id="resume-logo"
        />
      </a>
      <a href="https://www.linkedin.com/in/zac-klammer/" target="_blank">
        <img
          class="icon"
          src="public/assets/icons/linked_in.svg"
          alt="link to Zac Klammer LinkedIn"
          id="linkedin-logo"
        />
      </a>
    </div>
    <main>
      <section id="intro" class="flexbox horz-center">
        <img
          id="avatar"
          class="profile"
          src="public/assets/images/headshot.jpg"
          alt="photo of Zac Klammer"
        />
        <h1 class="profile-name">ZAC KLAMMER</h1>
        <p class="intro-p-1">
          Hello! I'm a software engineer in Corpus Christi, TX with experience
          in JavaScript, Node.js, React/Redux, Ruby, Rails, C#, SQL, and AWS.
        </p>
        <p class="intro-p-2">
          I recently built
          <a
            class="maestro"
            href="https://maestro-framework.github.io/"
            target="_blank"
            >Maestro</a
          >, an open-source framework for serverless orchestration.
        </p>
      </section>
      <section id="maestro" class="flexbox horz-center">
        <div id="maestro-title-container" class="flexbox">
          <a href="https://maestro-framework.github.io/" target="_blank"
            ><img
              id="maestro-logo"
              src="public/assets/images/maestro-logo.png"
              alt="Maestro logo"
          /></a>
        </div>
        <div class="flexbox horz-center">
          <p id="maestro-description">
            The rise of serverless architectures and FaaS offerings such as AWS
            Lambda has revolutionized how companies are developing modern apps.
            The need for an orchestration layer over these architectures has
            brought about services such as AWS Step Functions. However,
            deploying apps that use Step Functions can be tedious and
            error-prone.
            <a
              class="maestro"
              href="https://maestro-framework.github.io/"
              target="_blank"
              >Maestro</a
            >
            prioritizes speed and developer productivity by automating this
            process so that the developer’s focus stays on developing their
            application's business logic.
          </p>
          <a
            id="maestro-repo-btn"
            class="btn"
            target="_blank"
            href="https://maestro-framework.github.io/"
            >View Case Study</a
          >
        </div>
      </section>
      <section id="projects" class="flexbox horz-center">
        <h2>OTHER PROJECTS</h2>
        <ul class="flexbox vert-center">
          <li>
            <img
              src="public/assets/images/reaction.png"
              alt="Screenshot of Reaction application"
            />
            <h4>REACTION</h4>
            <p>
              A Trello-like app built with a React and Redux front end and Ruby
              on Rails back end
            </p>
          </li>
          <li>
            <img
              src="public/assets/images/postit.png"
              alt="Screenshot of Postit application"
            />
            <h4>POSTIT</h4>
            <p>
              A Reddit-like app built with Rails and PostgreSQL deployed to
              Heroku
            </p>
          </li>
          <li>
            <img
              src="public/assets/images/airlineApp.png"
              alt="Screenshot of Airline Routes viewer application"
            />
            <h4>AIRLINE ROUTES</h4>
            <p>
              An app built with React that allows users to view and filter
              airline routes on a clickable SVG map
            </p>
          </li>
        </ul>
      </section>
      <section id="contact" class="flexbox horz-center">
        <h3>CONTACT</h3>
        <h4>
          <a href="mailto:zklamm@gmail.com">zklamm&commat;gmail.com</a>
        </h4>
        <ul class="flexbox vert-center">
          <li>
            <a href="public/assets/zac-klammer-resume-v3.pdf" target="_blank">
              <img
                class="icon"
                src="public/assets/icons/resume.svg"
                alt="link to Zac Klammer resume"
              />
            </a>
          </li>
          <li>
            <a href="https://maestro-framework.github.io/" target="_blank">
              <img
                class="icon"
                src="public/assets/images/mark-on-dark.png"
                alt="maestro-logo"
              />
            </a>
          </li>
          <li>
            <a href="https://github.com/zklamm" target="_blank">
              <img
                class="icon"
                src="public/assets/icons/git_hub.svg"
                alt="link to Zac Klammer GitHub"
              />
            </a>
          </li>
          <li>
            <a href="https://www.linkedin.com/in/zac-klammer/" target="_blank">
              <img
                class="icon"
                src="public/assets/icons/linked_in.svg"
                alt="link to Zac Klammer LinkedIn"
              />
            </a>
          </li>
        </ul>
      </section>
    </main>
  </body>
</html>