initial commit

tgraupne · Sep 15, 2022 · 88c7220 · 88c7220
commit 88c7220
Show file tree

Hide file tree

Showing 9 changed files with 201 additions and 0 deletions.
diff --git a/CNAME b/CNAME
@@ -0,0 +1 @@
+tomgraupner.de
diff --git a/fonts/IBMPlexSans-Light.woff b/fonts/IBMPlexSans-Light.woff
diff --git a/fonts/IBMPlexSans-SemiBold.woff b/fonts/IBMPlexSans-SemiBold.woff
diff --git a/images/GitHub-Mark-64px.png b/images/GitHub-Mark-64px.png
diff --git a/images/In-Black-66px-R.png b/images/In-Black-66px-R.png
diff --git a/images/contact-tomgraupner.png b/images/contact-tomgraupner.png
diff --git a/imprint.html b/imprint.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+
+  <title>Impressum</title>
+
+  <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+
+<header>
+  <h1>Impressum</h1>
+  <h2>Angaben gemäß § 5 TMG</h2>
+</header>
+
+<main>
+  <p>Tom Graupner<br />
+    Trompeterstraße 5<br />
+    01069 Dresden</p>
+
+  <h2>Kontakt</h2>
+    E-Mail: <img class="imprint-contact" src="images/contact-tomgraupner.png" alt="contact tom graupner email"></p>
+</main>
+
+<footer>
+  <a href="./index.html">Home</a>
+</footer>
+
+</body>
+</html>
+
diff --git a/index.html b/index.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
+<head>
+  <meta charset="utf-8">
+
+  <title>Tom Graupner</title>
+
+  <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+
+<header>
+  <p>
+    <h1>Tom Graupner</h1>
+  </p>
+  <p>
+    <h2>Managing Director of <a href="https://unit214.de">Unit 214 GmbH</a> and passioned DevOps and Backend Developer</h2>
+  </p>
+</header>
+
+<main>
+  <p class="mission">
+    Cloud environments and backend architectures were always my favourite topics.
+    However, during the past 5 years I became more interested and invested in technologies
+    surrounding DevOps, like software lifecycle management, continuous integration and
+    deployment as well as developer productivity.
+  </p>
+
+  <p class="mission">
+    In 2022, I founded <a href="https://unit214.de">Unit 214 GmbH</a> together
+    with Philipp Piwowarsky and Keno Dreßel.</br>
+  </p>
+
+  <p class="mission">
+    With our experience as well as our transparent and flexible work,
+    we always meet our clients' needs by providing<br/>
+    <b>Full-Stack Development, Software Architecture and IT Consulting</b>.
+  </p>
+
+  <h2>Areas of Expertise</h2>
+
+  <p>
+    <h3>DevOps</h3>
+    What has started as the blend between traditional development and operations
+    teams became the new strategic standard for the management of teams and products
+    in technology companies. The overall goal is to accelerate everything and the steps
+    towards that goal are the “measurements of software delivery performance” and the
+    implementation of a “continuous delivery pipeline”.</br>
+
+    I will help your teams to find the right tools for the acceleration of your
+    organisation and adapt them to your workflows.
+  </p>
+
+  <p>
+    <h3>Kubernetes</h3>
+  A lot of expert groups call Kubernetes the “operating system for cloud native infrastructures”
+  and its rapid growth over the last couple of years made its importance evident.</br>
+
+  This technology can enable your development teams to move faster because the underlying
+  infrastructure of your products becomes a commodity.</br>
+
+  Together, we will find out how Kubernetes can help your organisation to grow and your
+  development teams to deliver more.
+  </p>
+
+  <p>
+    <h3>Developer Productivity</h3>
+    Teams in tech organisations have the tendency to always look for solutions in tools and technology.</br>
+
+    However, sometimes, problems can’t be fixed by a new project management software or the newest version
+    of some hyped framework. Especially when it comes to team dynamics, empathy and mindfulness are my
+    cornerstones of a holistic perspective on developer productivity.</br>
+
+    I will shadow your teams in their daily business to identify obstacles as well as conduct interviews to
+    understand what motivates them and what may keep them from being most productive. And together, we will
+    iron out everything in their way.
+  </p>
+
+</main>
+
+<footer>
+  <a href="./imprint.html">Imprint / Impressum</a> |
+  <a class="social-media-ref" href="https://www.linkedin.com/in/tom-graupner/" target="_blank"><img src="images/In-Black-66px-R.png" alt="linkedin reference"></a>
+  <a class="social-media-ref" href="https://github.com/tgraupne" target="_blank"><img src="images/GitHub-Mark-64px.png" alt="github reference"></a>
+</footer>
+
+</body>
+</html>
+
diff --git a/style.css b/style.css
@@ -0,0 +1,77 @@
+/* SIL Open Font License 1.1, not using google fonts api for GDPR concerns */
+@font-face {
+  font-family: "IBM Plex Sans";
+  src: url("fonts/IBMPlexSans-Light.woff") format("woff");
+  font-weight: normal;
+}
+
+@font-face {
+  font-family: "IBM Plex Sans";
+  src: url("fonts/IBMPlexSans-SemiBold.woff") format("woff");
+  font-weight: bold;
+}
+
+body {
+  font-family: 'IBM Plex Sans', sans-serif;
+  max-width: 500px;
+  margin: auto;
+  text-align: center;
+}
+
+h2 {
+  font-weight: normal;
+}
+
+a {
+  color: #565656;
+}
+
+header h1 {
+  margin-bottom: 0;
+}
+
+header h2 {
+  margin-top: 0;
+}
+
+header {
+  margin-top: 2rem;
+  margin-bottom: 4rem;
+}
+
+main {
+  margin-bottom: 4rem;
+}
+
+main h2 {
+  margin-top: 4rem;
+  font-weight: bold;
+}
+
+footer {
+  font-size: 0.8rem;
+  margin-bottom: 1rem;
+}
+
+.social-media-ref img {
+  max-height: 16px;
+}
+
+img.imprint-contact {
+  max-height: 20px;
+  margin-bottom: -4px;
+}
+
+footer img {
+  max-height: 16px;
+  margin-bottom: -4px;
+}
+
+.name {
+  font-weight: bold;
+  margin-right: 0.3rem;
+}
+
+.mission {
+  font-size: 1.2rem
+}