jleck.co.uk/index.html at main · jleck/jleck.co.uk · 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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <title>James Leckenby — Principal Software Engineer</title>
    <meta name="description" content="Principal Software Engineer with 20+ years of experience building high-availability services. Available for freelance web development." />

    <link rel="icon" href="favicon.svg" type="image/svg+xml" />

    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
    <link href="global.css" rel="stylesheet" />
  </head>
  <body>

    <!-- Hero + Hire Banner (fills viewport on load) -->
    <div class="hero-wrapper">

    <!-- Hero -->
    <section class="hero">
      <div class="hero-bg-grid"></div>
      <div class="container">
        <p class="mono tag">&gt; hello world</p>
        <h1>James <span class="gradient-text">Leckenby</span></h1>
        <p class="subtitle"><span class="mono">Principal Software Engineer</span><span class="cursor">_</span></p>
        <p class="bio">
          Passionate about JavaScript and the cloud, with 20+ years of
          experience leading engineering for products used by millions.
          Currently leading upsell and parking teams across
          <strong>Ticketmaster</strong> globally.
        </p>
        <div class="hero-links">
          <a href="https://github.com/jleck" target="_blank" rel="noopener" class="btn btn-primary">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z"/></svg>
            GitHub
          </a>
          <a href="https://linkedin.com/in/jleckenby" target="_blank" rel="noopener" class="btn btn-secondary">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
            LinkedIn
          </a>
          <a href="mailto:me@jleck.co.uk" class="btn btn-accent">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
            Get in Touch
          </a>
        </div>
      </div>
    </section>

    <!-- Available for hire banner -->
    <section class="hire-banner">
      <div class="container">
        <div class="hire-content">
          <span class="hire-status"><span class="pulse-dot"></span> Available for freelance work.</span>
          <p>Need something building? Let's talk.</p>
        </div>
      </div>
    </section>

    </div>

    <!-- Experience -->
    <section class="experience">
      <div class="container">
        <div class="timeline">

          <div class="timeline-item">
            <div class="timeline-marker"></div>
            <div class="timeline-date mono">2023 — Present</div>
            <div class="timeline-content">
              <h3>Principal Software Engineer</h3>
              <p class="company">Ticketmaster</p>
              <p>Leading engineering for upsells and parking services across Ticketmaster globally. Managing multiple teams and driving overall strategy for high-availability services.</p>
            </div>
          </div>

          <div class="timeline-item">
            <div class="timeline-marker"></div>
            <div class="timeline-date mono">2022 — 2023</div>
            <div class="timeline-content">
              <h3>Software Engineer (Lead)</h3>
              <p class="company">Causal</p>
              <p>Technical leadership within the engineering organisation, focusing on the frontend product application. TypeScript and React.</p>
            </div>
          </div>

          <div class="timeline-item">
            <div class="timeline-marker"></div>
            <div class="timeline-date mono">2021 — 2022</div>
            <div class="timeline-content">
              <h3>Principal Software Engineer</h3>
              <p class="company">Attractions.io</p>
              <p>Re-architecting the stack to help the business scale. TypeScript, React, GraphQL, Apollo and AWS.</p>
            </div>
          </div>

          <div class="timeline-item">
            <div class="timeline-marker"></div>
            <div class="timeline-date mono">2020 — 2021</div>
            <div class="timeline-content">
              <h3>Principal Software Engineer</h3>
              <p class="company">SDH Project Services</p>
              <p>Building a complete in-house system to manage civil engineering work. TypeScript, React, GraphQL, Apollo, React Native and AWS.</p>
            </div>
          </div>

          <div class="timeline-item">
            <div class="timeline-marker"></div>
            <div class="timeline-date mono">2010 — 2020</div>
            <div class="timeline-content">
              <h3>Software Developer → Dev Manager → Head of Technology</h3>
              <p class="company">Pace IT Systems</p>
              <p>Grew from developer to Head of Technology over 9+ years. Managed teams, coached developers, built bespoke systems for clients, and oversaw the technology roadmap.</p>
            </div>
          </div>

          <div class="timeline-item">
            <div class="timeline-marker"></div>
            <div class="timeline-date mono">2006 — 2015</div>
            <div class="timeline-content">
              <h3>Freelance Software Developer</h3>
              <p class="company">Contractor</p>
              <p>Freelance development for a wide variety of clients including high-profile projects for Barack Obama's first presidential campaign and Amazon.</p>
            </div>
          </div>

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

    <!-- Footer -->
    <footer>
      <div class="container">
        <p>&copy; 2026 James Leckenby. All rights reserved.</p>
      </div>
    </footer>

  </body>
</html>