baumant.github.io/index.html at master · baumant/baumant.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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta
      name="description"
      content="Timothy Bauman is a web developer and builder creating useful web tools, creative experiments, and fast storefronts."
    >
    <meta name="author" content="Timothy Bauman">
    <meta property="og:title" content="Timothy Bauman">
    <meta
      property="og:description"
      content="Web developer and builder. Creative tools, visual experiments, and fast storefronts."
    >
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://timothybauman.com/">
    <meta property="og:image" content="https://timothybauman.com/img/home.jpg">
    <link rel="icon" href="img/favicon.jpg">
    <link rel="stylesheet" href="css/style.css">
    <title>Timothy Bauman</title>
  </head>
  <body>
    <a class="skip-link" href="#main">Skip to content</a>

    <main id="main">
      <section class="hero" id="home" aria-labelledby="home-title">
        <div class="hero__content">
          <p class="eyebrow">Web developer / builder</p>
          <h1 id="home-title">Timothy Bauman</h1>
          <p class="hero__line">Creative tools, visual experiments, fast storefronts.</p>
          <nav class="hero__links" aria-label="Primary links">
            <a href="#projects">Work</a>
            <a href="/resume/">Resume</a>
            <a href="mailto:hi@timothybauman.com">Email</a>
            <a href="https://github.com/baumant" target="_blank" rel="noopener noreferrer">GitHub</a>
          </nav>
        </div>
      </section>

      <section class="section section--work" id="projects" aria-labelledby="projects-title">
        <span class="anchor-proxy" id="skills" aria-hidden="true"></span>
        <div class="section__inner">
          <h2 id="projects-title">Latest projects</h2>
          <div class="project-list">
            <article class="project">
              <a class="project-media" href="http://leviathan.timothybauman.com/" target="_blank" rel="noopener noreferrer" aria-label="Play Leviathan">
                <img src="img/leviathan.jpg" alt="Woodcut-style Leviathan cover art with a whale attacking a ship." loading="lazy">
              </a>
              <div>
                <p class="meta">ThreeJS</p>
                <h3>Leviathan</h3>
                <p class="project-description">A ThreeJS browser game built for <a href="https://vibej.am/2026/" target="_blank" rel="noopener noreferrer">Vibe Jam 2026</a>.</p>
                <div class="links">
                  <a href="http://leviathan.timothybauman.com/" target="_blank" rel="noopener noreferrer">Play</a>
                  <a href="https://github.com/baumant/leviathan" target="_blank" rel="noopener noreferrer">Code</a>
                </div>
              </div>
            </article>

            <article class="project">
              <a class="project-media" href="https://yenerator.com/" target="_blank" rel="noopener noreferrer" aria-label="Open Yenerator">
                <img src="img/social.jpg" alt="Yenerator generated cover artwork preview." loading="lazy">
              </a>
              <div>
                <p class="meta">Canvas / JavaScript</p>
                <h3>Yenerator</h3>
                <p class="project-description">A browser tool for making custom Ye-style cover art.</p>
                <div class="links">
                  <a href="https://yenerator.com/" target="_blank" rel="noopener noreferrer">Website</a>
                  <a href="https://github.com/baumant/ye-gen" target="_blank" rel="noopener noreferrer">Code</a>
                  <a href="https://www.complex.com/music/2018/06/you-can-now-make-your-very-own-ye-cover-art-with-the-yenerator-app" target="_blank" rel="noopener noreferrer">Press</a>
                </div>
              </div>
            </article>

            <article class="project">
              <a class="project-media" href="https://timothybauman.com/pixelsorter/" target="_blank" rel="noopener noreferrer" aria-label="Open PixelSorter">
                <img src="img/pxs.png" alt="PixelSorter interface preview." loading="lazy">
              </a>
              <div>
                <p class="meta">Canvas / image tools</p>
                <h3>PixelSorter</h3>
                <p class="project-description">Upload an image, distort its pixels, and export the result.</p>
                <div class="links">
                  <a href="https://timothybauman.com/pixelsorter/" target="_blank" rel="noopener noreferrer">Website</a>
                  <a href="https://github.com/baumant/pixelsorter" target="_blank" rel="noopener noreferrer">Code</a>
                </div>
              </div>
            </article>

            <article class="project">
              <a class="project-media" href="https://www.thealphadex.com/" target="_blank" rel="noopener noreferrer" aria-label="Open AlphaDex">
                <img src="img/thealphadex.png" alt="AlphaDex website preview." loading="lazy">
              </a>
              <div>
                <p class="meta">Gatsby / GraphQL / React</p>
                <h3>AlphaDex</h3>
                <p class="project-description">A focused marketing site built for a freelance lead-gen product.</p>
                <div class="links">
                  <a href="https://www.thealphadex.com/" target="_blank" rel="noopener noreferrer">Website</a>
                </div>
              </div>
            </article>
          </div>
        </div>
      </section>

      <section class="section section--professional" aria-labelledby="professional-title">
        <div class="section__inner compact-row">
          <h2 id="professional-title">Professional</h2>
          <p>
            <a href="https://groovelife.com" target="_blank" rel="noopener noreferrer">GrooveLife</a>
            <span>Senior Web Developer</span>
          </p>
        </div>
      </section>

      <section class="section section--resume" id="resume" aria-labelledby="resume-title">
        <div class="section__inner compact-row">
          <h2 id="resume-title">Resume</h2>
          <p>
            <a href="/resume/">HTML</a>
            <a href="img/Resume%20of%20Timothy%20Bauman%20_%20Senior%20Web%20Developer.pdf" target="_blank" rel="noopener noreferrer">PDF</a>
          </p>
        </div>
      </section>

      <section class="section section--contact" id="contact" aria-labelledby="contact-title">
        <div class="section__inner compact-row">
          <h2 id="contact-title">Contact</h2>
          <p>
            <a href="mailto:hi@timothybauman.com">hi@timothybauman.com</a>
            <a href="https://github.com/baumant" target="_blank" rel="noopener noreferrer">github.com/baumant</a>
          </p>
        </div>
      </section>
    </main>
  </body>
</html>