chsteiner.github.io/index.html at master · chsteiner/chsteiner.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
<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>Christian Steiner – Digital Humanities Craft</title>
    <meta name="description" content="Christian Steiner - Founder & CEO, Digital Humanities Craft" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png" />

    <!-- CSS -->
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="assets/css/LineIcons.2.0.css" />
    <link rel="stylesheet" href="assets/css/main.css" />
  </head>

  <body>
    <main class="business-card">
      <div class="card-container">
        <!-- Language Toggle -->
        <div class="lang-toggle">
          <button class="lang-btn active" data-lang="de">DE</button>
          <span class="lang-divider">|</span>
          <button class="lang-btn" data-lang="en">EN</button>
        </div>

        <!-- Photo -->
        <div class="card-photo">
          <img src="assets/img/about/Chris-solo.jpg" alt="Christian Steiner" />
        </div>

        <!-- Header -->
        <header class="card-header">
          <h1>Mag.phil. Christian Steiner, MA</h1>
          <p class="subtitle">Founder &amp; CEO – Digital Humanities Craft</p>
        </header>

        <!-- Bio German -->
        <section class="bio bio-de">
          <p>
            Christian Steiner absolvierte Master-Studien in Übersetzen und Digital Humanities an der Universität Graz, wo er seit 2012 am Institut für Digitale Geisteswissenschaften tätig war. Er ist Gründer und CEO von Digital Humanities Craft OG, einem IT-Research-Unternehmen in enger Kooperation mit der Universität Graz. Er lehrt an mehreren Universitäten in Europa. Sein Schwerpunkt liegt auf generativer KI – insbesondere Coding Agents sowie Prompt und Context Engineering – und Webprogrammierung. Er bringt umfassende Erfahrung in Datenmodellierung und -verarbeitung mit, von Geisteswissenschaften bis Naturwissenschaften.
          </p>
        </section>

        <!-- Bio English -->
        <section class="bio bio-en" style="display: none;">
          <p>
            Christian Steiner holds Master's degrees in Translation and Digital Humanities from the University of Graz, where he worked at the Department of Digital Humanities since 2012. He is founder and CEO of Digital Humanities Craft OG, an IT research company in close cooperation with the University of Graz. He teaches at several universities across Europe. His focus is on generative AI – particularly coding agents and prompt and context engineering – and web programming. He brings extensive experience in data modelling and processing, from humanities to natural sciences.
          </p>
        </section>

        <!-- Links -->
        <nav class="link-buttons">
          <a href="https://dhcraft.org" class="link-btn" target="_blank" rel="noopener">
            <i class="lni lni-world"></i>
            <span>Digital Humanities Craft</span>
          </a>
          <a href="https://dhcraft.org/excellence" class="link-btn" target="_blank" rel="noopener">
            <i class="lni lni-graduation"></i>
            <span>Excellence Hub</span>
          </a>
          <a href="https://github.com/chsteiner" class="link-btn" target="_blank" rel="noopener">
            <i class="lni lni-github-original"></i>
            <span>GitHub</span>
          </a>
          <a href="https://github.com/DigitalHumanitiesCraft" class="link-btn" target="_blank" rel="noopener">
            <i class="lni lni-github-original"></i>
            <span>GitHub DH Craft</span>
          </a>
          <a href="https://orcid.org/0000-0002-6658-4622" class="link-btn" target="_blank" rel="noopener">
            <i class="lni lni-link"></i>
            <span>ORCID</span>
          </a>
          <a href="mailto:christian.steiner@dhcraft.org" class="link-btn">
            <i class="lni lni-envelope"></i>
            <span>E-Mail</span>
          </a>
        </nav>

        <!-- Footer -->
        <footer class="card-footer">
          <p>&copy; 2025 Christian Steiner · <a href="https://dhcraft.org/imprint" target="_blank" rel="noopener" class="imprint-link">Impressum</a></p>
        </footer>
      </div>
    </main>

    <!-- JS -->
    <script src="assets/js/main.js"></script>
  </body>
</html>