-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathabout.html
More file actions
160 lines (150 loc) · 12.2 KB
/
Copy pathabout.html
File metadata and controls
160 lines (150 loc) · 12.2 KB
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
<!DOCTYPE html>
<html lang="en" dir="ltr" data-theme="dark" class="no-js">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About - John Bampton</title>
<meta name="description" content="The engineering journey, philosophy and research of John Bampton - software engineer, architect and open-source maintainer.">
<meta name="theme-color" content="#05080d">
<link rel="canonical" href="https://john-bampton.github.io/john.com/about.html">
<meta property="og:title" content="About - John Bampton">
<meta property="og:description" content="The engineering journey, philosophy and research of John Bampton.">
<meta property="og:type" content="profile">
<meta property="og:url" content="https://john-bampton.github.io/john.com/about.html">
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='20' fill='%2305080d'/%3E%3Ctext x='50' y='68' font-family='monospace' font-size='52' font-weight='bold' fill='%2300ff9c' text-anchor='middle'%3E%26gt;_%3C/text%3E%3C/svg%3E">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<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">
<script src="https://cdn.tailwindcss.com"></script>
<script src="assets/js/tailwind.config.js"></script>
<link rel="stylesheet" href="assets/css/styles.css">
</head>
<body>
<div class="scanlines" aria-hidden="true"></div>
<a class="skip-link" href="#main">Skip to content</a>
<header class="topbar">
<div class="topbar__inner">
<a class="brand" href="index.html" aria-label="John Bampton - home">
<span class="brand__dot" aria-hidden="true"></span>
<span class="brand__name mono"><b>committer</b><span>@</span><b>asf</b><span>:~$</span></span>
</a>
<nav class="nav" id="nav" aria-label="Primary">
<a href="index.html">home</a>
<a href="about.html" aria-current="page">about</a>
<a href="projects.html">projects</a>
</nav>
<div class="topbar__tools">
<button class="cmd-trigger" data-action="palette" aria-label="Open command palette"><span aria-hidden="true">⌘</span><span class="cmd-label">command</span><kbd>Ctrl K</kbd></button>
<button class="icon-btn" data-action="terminal" aria-label="Open terminal" title="Terminal ( ` )"><span class="mono" aria-hidden="true">_</span></button>
<button class="icon-btn" data-action="theme" aria-label="Toggle light/dark theme" title="Toggle theme"><span aria-hidden="true">◑</span></button>
<button class="icon-btn nav-toggle" id="nav-toggle" aria-label="Toggle menu" aria-expanded="false" aria-controls="nav"><span aria-hidden="true">≡</span></button>
</div>
</div>
</header>
<main id="main">
<section class="wrap page-hero">
<p class="crumbs"><a href="index.html">~</a> / about</p>
<h1>$ cat <span class="text-green">about.md</span></h1>
<p>I'm John, a consulting analyst, events host, manager and programmer, full-stack to the core, currently based in Brisbane, Australia.</p>
</section>
<section class="section section--tight wrap reveal">
<div class="about__grid">
<div class="prose">
<p>Recognised open-source contributor elevated to Committer status on three distinct Apache Top-Level Projects, demonstrating a proven track record of community governance and high-impact code delivery.</p>
<p>Active open-source contributor to the official mruby GitHub organization, I provide a high volume of commits across the core codebase, the mgem-list package registry, and the official website.</p>
</div>
<div class="win">
<div class="win__bar"><span class="win__dots"><i></i><i></i><i></i></span><span class="win__title">~/whoami.json</span></div>
<div class="win__body">
<div class="facts">
<div class="fact"><span class="fact__k">name</span><span class="fact__v">John Bampton</span></div>
<div class="fact"><span class="fact__k">alias</span><span class="fact__v">johnbam</span></div>
<div class="fact"><span class="fact__k">city</span><span class="fact__v">Brisbane, Australia</span></div>
<div class="fact"><span class="fact__k">cs interests</span><span class="fact__v">Consulting, Management, Team Leading</span></div>
<div class="fact"><span class="fact__k">dev interests</span><span class="fact__v">Scrum Master, System Admin, Developer Relations</span></div>
<div class="fact"><span class="fact__k">instruments</span><span class="fact__v">Xbox Series X, PlayStation 5, Nintendo Switch 2</span></div>
<div class="fact"><span class="fact__k">sport</span><span class="fact__v">Basketball, Boardgames, Crosswords</span></div>
</div>
</div>
</div>
</div>
</section>
<section class="section section--tight wrap reveal">
<div class="section-head"><span class="section-head__kicker">University affiliation</span><h2>Where management and math meets the machine.</h2>
<p><a href="https://github.com/KashanUniversity" target="_blank" rel="noopener">University of Kashan, Iran</a></p></div>
<div class="skill-cats">
<div class="skill-cat"><div class="skill-cat__title mono">GitHub Involvement</div>
<div class="chips">
<span class="chip">Manage GitHub organization</span><span class="chip">Contribute bug fixes</span><span class="chip">Suggest improvements</span><span class="chip">Provide consulting</span>
</div>
</div>
</div>
</section>
<section class="section section--tight wrap reveal">
<div class="section-head"><span class="section-head__kicker">education</span><h2>Education & study.</h2></div>
<div class="list-rows">
<div class="row"><span class="row__date">2016-</span><span class="row__title">Completed more than 25 online courses in Data Science and Programming <span class="row__sub">— DataCamp · completed</span></span></div>
<div class="row"><span class="row__date">2014-</span><span class="row__title">Completed more than 1,600 kata and reached 2-kyu purple belt overall <span class="row__sub">— Codewars · completed</span></span></div>
<div class="row"><span class="row__date">1999-2006</span><span class="row__title">Bachelor of Information Technology Computer Science Major <span class="row__sub">— Queensland University of Technology · not completed</span></span></div>
<div class="row"><span class="row__date">1995-??</span><span class="row__title">Bachelor of Science Mathematics Major <span class="row__sub">— University of Queensland · not completed</span></span></div>
<div class="row"><span class="row__date">1995-1999</span><span class="row__title">Bachelor of Commerce <span class="row__sub">— University of Queensland · not completed</span></span></div>
</div>
</section>
<section class="section section--tight wrap reveal">
<div class="about__grid">
<div>
<div class="section-head"><span class="section-head__kicker">languages</span><h2>Spoken.</h2></div>
<div class="list-rows">
<div class="row"><span class="row__date">native</span><span class="row__title">English</span></div>
</div>
</div>
<div>
<div class="section-head"><span class="section-head__kicker">memberships</span><h2>Affiliations.</h2></div>
<div class="list-rows">
<div class="row"><span class="row__date">2025–</span><span class="row__title">Member - Tasmania Devils Football Club</span></div>
<div class="row"><span class="row__date">2025–</span><span class="row__title">Member - YMCA Queensland</span></div>
<div class="row"><span class="row__date">2023–</span><span class="row__title">Apache Committer - The Apache Software Foundation</span></div>
</div>
</div>
</div>
</section>
<section class="section section--tight wrap reveal" id="contact">
<div class="section-head"><span class="section-head__kicker">./contact</span><h2>Reach out.</h2>
<p>Email is best - I read everything sent there.</p></div>
<div class="contact-grid">
<a class="contact-card" href="mailto:jbampton@gmail.com"><span class="ic mono" aria-hidden="true">@</span><span><span class="contact-card__label">email</span><span class="contact-card__val">jbampton@gmail.com</span></span></a>
<a class="contact-card" href="https://github.com/jbampton" target="_blank" rel="noopener"><span class="ic mono" aria-hidden="true">⌥</span><span><span class="contact-card__label">github</span><span class="contact-card__val">@jbampton</span></span></a>
</div>
</section>
</main>
<footer class="footer">
<div class="wrap footer__grid">
<div class="footer__brand mono"><b>committer</b>@<b>asf</b>:~$ <span class="text-dim">cd ..</span>
<div class="footer__meta" style="margin-top:.6rem"><span><span class="dot-ok">●</span> system: operational</span><button data-action="about-system" class="text-dim" style="text-decoration:underline">about this system</button></div>
</div>
<nav class="footer__links" aria-label="Footer"><a href="index.html">home</a><a href="projects.html">projects</a></nav>
</div>
<div class="wrap" style="margin-top:1.2rem"><p class="mono text-mute" style="font-size:.74rem">© 2010–<span data-year>2026</span> John Bampton.</p></div>
</footer>
<div class="palette-overlay" id="palette-overlay" role="dialog" aria-modal="true" aria-label="Command palette">
<div class="palette"><div class="palette__input-wrap"><span class="chev" aria-hidden="true">></span><input id="palette-input" type="text" placeholder="Type a command or search…" aria-label="Command palette input" autocomplete="off" spellcheck="false"></div><div class="palette__list" id="palette-list" role="listbox" aria-label="Commands"></div></div>
</div>
<div class="terminal-overlay" id="terminal-overlay" role="dialog" aria-modal="true" aria-label="Interactive terminal">
<div class="terminal-shell"><div class="win__bar"><span class="win__dots"><i></i><i></i><i></i></span><span class="win__title">john@bampton: ~ - interactive shell - <span class="text-green">type 'help'</span></span><button class="icon-btn" data-action="terminal" style="margin-left:auto;width:28px;height:28px" aria-label="Close terminal">✕</button></div><div class="terminal-out" id="terminal-out" aria-live="polite"></div><div class="terminal-input-line"><span class="ps1">john@bampton:~$</span><input id="terminal-input" type="text" aria-label="Terminal input" autocomplete="off" spellcheck="false"></div></div>
</div>
<div class="modal-overlay" id="sys-modal" role="dialog" aria-modal="true" aria-labelledby="sys-h">
<div class="modal win"><div class="win__bar"><span class="win__dots"><i></i><i></i><i></i></span><span class="win__title" id="sys-h">About This System</span><button class="icon-btn" data-action="close-modal" style="margin-left:auto;width:28px;height:28px" aria-label="Close">✕</button></div>
<div class="win__body">
<div class="sysrow"><span class="sysrow__k">OS</span><span class="sysrow__v">johnbampton.os // static edition</span></div>
<div class="sysrow"><span class="sysrow__k">Kernel</span><span class="sysrow__v">HTML5 · CSS3 · Vanilla JS</span></div>
<div class="sysrow"><span class="sysrow__k">Uptime</span><span class="sysrow__v" id="sys-uptime">—</span></div>
<div class="sysrow"><span class="sysrow__k">Viewport</span><span class="sysrow__v" id="sys-vp">—</span></div>
<div class="sysrow"><span class="sysrow__k">Pixel ratio</span><span class="sysrow__v" id="sys-dpr">—</span></div>
<div class="sysrow"><span class="sysrow__k">CPU</span><span class="sysrow__v" id="sys-cores">—</span></div>
<div style="margin-top:1rem"><div class="mono text-dim" style="font-size:.74rem">engineering capacity</div><div class="bar"><i style="width:99%"></i></div></div>
</div>
</div>
</div>
<script src="assets/js/main.js" defer></script>
</body>
</html>