Skip to content

Commit

Permalink
Re-word work experience, add abridged print section
Browse files Browse the repository at this point in the history
  • Loading branch information
@mcky
mcky committed Oct 7, 2024
1 parent ae3bf25 commit 1ab82e3
Show file tree
Hide file tree
Showing 2 changed files with 111 additions and 28 deletions.
16 changes: 16 additions & 0 deletions assets/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -155,11 +155,27 @@ ul {
text-decoration: underline;
}

.jobs--abridged {}

.jobs--abridged .job {
margin-bottom: .2em;
}

@media print {
.jobs--abridged {
page-break-before: always;
}
}

.print-only {
display: none;
}

@media print {
a {
text-decoration: none;
}

.no-print {
display: none !important;
}
Expand Down
123 changes: 95 additions & 28 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,9 +30,10 @@ <h2>About</h2>
</p>

<p>
I've been working with React, node and friends for over a decade
now, but I've got experience integrating with and contributing to
services written in a wide range of stacks/languages.
I've been working with node and react and for over a decade now, the
past 5 of those with Typescript. I also have experience integrating
with, and contributing to services written in a wide range of
stacks/languages.
<span class="no-print">
If you're working in a functional language such as Elixir or
Clojure I'd be particularly interested to hear from you.
Expand All @@ -44,7 +45,7 @@ <h2>About</h2>
<em>github:</em>
<a href="https://github.com/mcky" target="blank">mcky</a><br />

<h2>Clients (contract)</h2>
<h2>Recent clients (contract)</h2>

<div class="job">
<p class="job__client">
Expand All @@ -60,14 +61,15 @@ <h2>Clients (contract)</h2>
services. We launched 2 new AI tools to assist teachers, utilizing
a novel approach of streaming structured LLM responses to the
browser to improve the UX of long-running prompts. Productionising
these entailed instrumenting and adding observability, reporting,
custom back-office dashboards and service hardening. Ultimately
the experiments proved successful and Oak are now integrating the
AI features into their main apps.
these entailed instrumenting and adding authorization/access
control, observability, reporting, custom back-office dashboards
and service hardening. Ultimately the experiments proved
successful and Oak are now integrating the AI features into their
main apps.
<br />
<span class="job__skills">
Stack: Next.js, Postgres (w/ Prisma), Clerk, Inngest, Langhcain,
Retool, tRPC
Stack: Next.js, Typescript, PostgresSQL (w/ Prisma), Clerk,
Inngest, Langhchain, Retool, Redis, tRPC
</span>
</p>

Expand All @@ -76,22 +78,15 @@ <h2>Clients (contract)</h2>
projects, spanning the entirety of their tech stack. One highlight
was redeveloping and re-launching their asset downloads
experience. By enabling bulk downloads of entire lessons or
collections of lessons, and streamlining the (fully accessible) UI,
we were able to save teachers a lot of time. On the back-end, the
service was extended to zip bundles of assets together,
collections of lessons, and streamlining the (fully accessible)
UI, we were able to save teachers a lot of time. On the back-end,
the service was extended to zip bundles of assets together,
intelligently caching them to reduce download times.
</p>
<!-- <p>
Migrating their CMS from Contentful to Sanity.io. I transitioned
them from a chaotic ad-hoc developed schema to something robust,
future proofed and typesafe end-to-end, backed by a modern
development workflow and integrated with Oak's internal asset
pipelines.
<br />
</p> -->
<p class="job__skills">
Stack: Next.js, Serverless architecture (GCP, Cloudflare workers),
Postgres (w/ Hasura), GraphQL, Sanity.io
<span class="job__skills">
Stack: Next.js, Typescript, Serverless architecture (GCP,
Cloudflare workers), PostgresSQL (w/ Hasura), GraphQL, Sanity.io
</span>
</p>
</div>

Expand Down Expand Up @@ -131,6 +126,69 @@ <h2>Clients (contract)</h2>
</p>
</div>

<section class="jobs--abridged print-only">
<h3>Additional clients</h3>
<div class="job">
<p class="job__client"><a href="#">Zappar</a> (2022)</p>
</div>
<div class="job">
<p class="job__client"><a href="#">y’all</a> (2021)</p>
</div>
<div class="job">
<p class="job__client"><a href="#">JAAM</a> (2021)</p>
</div>
<div class="job">
<p class="job__client">
<a href="#">Moving Brands (2019</a>, 2020)
</p>
</div>
<div class="job">
<p class="job__client"><a href="#">YunoJuno (HQ)</a> (2019)</p>
</div>
<div class="job">
<p class="job__client">
<a href="#">Wizarding World (via Huge)</a> (2018)
</p>
</div>
<div class="job">
<p class="job__client"><a href="#">Ekino</a> (2017)</p>
</div>
<div class="job">
<p class="job__client"><a href="#">Beamly</a> (2017)</p>
</div>
<div class="job">
<p class="job__client"><a href="#">StinkDigital</a> (2016)</p>
</div>
<div class="job">
<p class="job__client"><a href="#">2PAx</a> (2016)</p>
</div>
<div class="job">
<p class="job__client">
<a href="#">Instinctif Partners</a> (2016)
</p>
</div>
<div class="job">
<p class="job__client"><a href="#">Unmade</a> (2016)</p>
</div>
<div class="job">
<p class="job__client"><a href="#">The Rumpus Room</a> (2015)</p>
</div>
<div class="job">
<p class="job__client"><a href="#">The Telegraph</a> (2015)</p>
</div>
<div class="job">
<p class="job__client"><a href="#">WhatLeadsTo</a> (2015)</p>
</div>
<div class="job">
<p class="job__client"><a href="#">Kota Creative</a> (2014)</p>
</div>
<div class="job">
<p class="job__client">
<a href="#">FuelStory / Converge Collective</a> (2013)
</p>
</div>
</section>

<section class="jobs--additional" style="display: none">
<div class="job">
<p class="job__client">
Expand Down Expand Up @@ -398,7 +456,8 @@ <h3>FuelStory / Converge Collective (2013)</h3>
</button>

<p class="print-only">
More work experience available online at
<br />
Comprehensive work experience & client history available online at
<a href="https://rossmackay.co">rossmackay.co</a>
</p>

Expand All @@ -409,9 +468,17 @@ <h3 class="job__client">BA Digital Media Design (2012 - 2015)</h3>

<p>London College of Communication</p>

<p>
A multi-disciplinary degree focusing on creative applications of
technology, in my final year I focused on applications of wearable
technology. For my thesis I developed a prototype 3D-printed
wearable, using BLE to communicate with a companion iOS app
(Obj-C) and the accompanying web services backing it.
</p>

<p class="job__skills">
Skills: Creative coding, hardware, motion graphics, 3D, video
editing
Skills: Creative coding, hardware, motion graphics, 3D modelling,
video production
</p>
</div>

Expand All @@ -426,7 +493,7 @@ <h3 class="job__client">BA Digital Media Design (2012 - 2015)</h3>
resume the trip and continue through Asia.
</p> -->

<!-- <div class="job">
<!-- <div class="job">abd
<h3 class="job__client">Interactive Media (2010 - 2012)</h3>
<p>South Nottingham College</p>
Expand Down

0 comments on commit 1ab82e3

Please sign in to comment.