feat: add back cv as webpage
This commit is contained in:
parent
8df8272d6d
commit
2a8bffcb8b
GPG key ID:
DFC06C02ED3B4711
27 changed files with 301 additions and 193 deletions
Binary file not shown.
|
|
@ -41,7 +41,7 @@ export const SITE: Site = {
|
|||
},
|
||||
{
|
||||
name: "CV",
|
||||
href: "/troy-lusty-cv.pdf",
|
||||
href: "/cv",
|
||||
icon: "mdi:certificate",
|
||||
},
|
||||
{
|
||||
|
|
|
|||
|
|
@ -1,11 +0,0 @@
|
|||
---
|
||||
institution: "Kennicott Sixth Form"
|
||||
qualification: "BTEC & A-level"
|
||||
grades:
|
||||
[
|
||||
"Pearson BTEC Level 3 National Extended Diploma in Art and Design - Distinction Merit Merit (2020)",
|
||||
"AQA GCE/A Computer Science ADV (Python) - C (2020)",
|
||||
]
|
||||
dateStart: "2018"
|
||||
dateEnd: "2020"
|
||||
---
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
---
|
||||
institution: "King Edward VI Community College"
|
||||
qualification: "GCSEs & Cambridge Nationals qualification"
|
||||
grades:
|
||||
[
|
||||
"10 GCSEs including Maths and English (2018)",
|
||||
"OCR Cambridge Nationals Creative iMedia Level 1/2 Award/Certificate - Merit at Level 2 (2016)",
|
||||
]
|
||||
dateStart: "2014"
|
||||
dateEnd: "2018"
|
||||
---
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
---
|
||||
institution: "South Devon College"
|
||||
qualification: "UAL Level 3 Extended Diploma in Creative Media Production and Technology"
|
||||
grades:
|
||||
[
|
||||
"2nd year: Extended Diploma - Distinction (2022)",
|
||||
"1st year: Diploma - Distinction (2021)",
|
||||
]
|
||||
dateStart: "2020"
|
||||
dateEnd: "2022"
|
||||
---
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
---
|
||||
institution: "University Centre South Devon"
|
||||
qualification: "FdA Games and Interactive Design"
|
||||
grades:
|
||||
[
|
||||
"2nd year: 70.25% State Aggregate Mark (2024)",
|
||||
"1st year: 69.43% State Aggregate Mark (2023)",
|
||||
]
|
||||
dateStart: "2022"
|
||||
dateEnd: "2024"
|
||||
isOpen: true
|
||||
---
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
---
|
||||
institution: "University of Plymouth"
|
||||
qualification: "BA (Hons) Game Arts and Design"
|
||||
grades: ["1st year: Estimated completion May 2025"]
|
||||
dateStart: "2024"
|
||||
dateEnd: "2025"
|
||||
---
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
type: "web"
|
||||
title: "Astro"
|
||||
icon: "simple-icons:astro"
|
||||
---
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
type: "3d"
|
||||
title: "Blender"
|
||||
icon: "simple-icons:blender"
|
||||
---
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
type: "2d"
|
||||
title: "Blackmagic Design DaVinci Resolve"
|
||||
icon: "simple-icons:davinciresolve"
|
||||
---
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
type: "web"
|
||||
title: "Docker"
|
||||
icon: "simple-icons:docker"
|
||||
---
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
type: "driving"
|
||||
title: "Full drivers licence (A & B)"
|
||||
icon: "mdi:card-account-details-star"
|
||||
---
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
type: "3d"
|
||||
title: "Godot"
|
||||
icon: "simple-icons:godotengine"
|
||||
---
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
type: "2d"
|
||||
title: "Inkscape"
|
||||
icon: "simple-icons:inkscape"
|
||||
---
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
type: "web"
|
||||
title: "Linux"
|
||||
icon: "simple-icons:linux"
|
||||
---
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
type: "2d"
|
||||
title: "Adobe Photoshop"
|
||||
icon: "simple-icons:adobephotoshop"
|
||||
---
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
type: "web"
|
||||
title: "Shopify"
|
||||
icon: "simple-icons:shopify"
|
||||
---
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
type: "web"
|
||||
title: "Steamworks"
|
||||
icon: "simple-icons:steam"
|
||||
---
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
type: "3d"
|
||||
title: "Unreal Engine"
|
||||
icon: "simple-icons:unrealengine"
|
||||
---
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
---
|
||||
company: "Camouflage Store"
|
||||
role: "E-commerce Management & Video Production"
|
||||
dateStart: "2020"
|
||||
dateEnd: "Current"
|
||||
article: "/projects/camouflage-store"
|
||||
---
|
||||
|
||||
Migrating and managing an ecommerce store, in addition to creating informational video content.
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
---
|
||||
company: "Dialled in Bikes"
|
||||
role: "E-commerce Management"
|
||||
dateStart: "2021"
|
||||
dateEnd: "2022"
|
||||
---
|
||||
|
||||
Product management of an [online store](https://dialledinbikes.com) using
|
||||
WordPress. Additionally, various visual design changes were made to the layout
|
||||
of the site and its content through the use of custom plugins.
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
---
|
||||
company: "MUST FIND BEANS & Sinkie Soldiers"
|
||||
role: "Development and Publishing"
|
||||
dateStart: "2023-12-13"
|
||||
dateEnd: "Current"
|
||||
article: "https://store.steampowered.com/developer/troy"
|
||||
---
|
||||
|
||||
Currently developing a fast paced fps experience and polishing up a past game jam entry for release on Steam.
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
---
|
||||
company: "Paignton Picture House"
|
||||
role: "Photogrammetry"
|
||||
dateStart: "2023"
|
||||
dateEnd: "2023"
|
||||
---
|
||||
|
||||
Digital capture of the [historic building](https://paigntonpicturehouse.org) and
|
||||
its artefacts using photogrammetry and 3D laser scanning techniques. Carried out
|
||||
with a University tutor during the restoration of the building as a means of
|
||||
preservation.
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
---
|
||||
company: "SDC Radiant Rumble"
|
||||
role: "Production Assistant"
|
||||
dateStart: "2024-06-04"
|
||||
dateEnd: "2024-06-05"
|
||||
---
|
||||
|
||||
Assisted in the production of the
|
||||
[SDC Radiant Rumble](https://www.eventbrite.co.uk/e/south-devon-college-radiant-rumble-gaming-tournament-tickets-901323411587)
|
||||
by controlling related media being displayed onto
|
||||
[The Market Hall](https://real-immersive.realideas.org/market-hall/)’s
|
||||
‘Immersive Dome’. In addition, technical support was also provided to diagnose
|
||||
and fix an item of broadcast hardware which was failing to output any signal.
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
---
|
||||
company: "Hele Cross Service Station, Cox of Torbay"
|
||||
role: "Sales Assistant"
|
||||
dateStart: "2017"
|
||||
dateEnd: "2019"
|
||||
---
|
||||
|
||||
Whilst in secondary school I worked in two fuel stations, gaining experience in
|
||||
working with others and communicating with customers. Initially my job was to
|
||||
unload deliveries, keep products stocked up, and server customers. Later, once I
|
||||
was older, this progressed to assisting in opening and closing up the shop.
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
---
|
||||
company: "WebBoss"
|
||||
role: "Web Design Mockups"
|
||||
dateStart: "2019"
|
||||
dateEnd: "2019"
|
||||
article: "/projects/webboss"
|
||||
---
|
||||
|
||||
I joined WebBoss for a week as my work experience placement in Sixth Form. In my
|
||||
time there I sat with the designers and developers observing the work they did
|
||||
before going off to create my own designs. These designs were then later turned
|
||||
into [templates](https://webboss.uk/ryman) that customers could use as a
|
||||
launchpad when creating their own site. I used Adobe XD and Photoshop to create
|
||||
the designs which turned out to be different to what the
|
||||
rest of the team were using, however I was still able to fit into their team.
|
||||
Upon completion of the week I was invited back to work further over the coming
|
||||
holiday.
|
||||
300
src/pages/cv.astro
Normal file
300
src/pages/cv.astro
Normal file
|
|
@ -0,0 +1,300 @@
|
|||
---
|
||||
import "@styles/global.css";
|
||||
import { SITE, CV } from "@consts";
|
||||
import { Icon } from "astro-icon/components";
|
||||
import Head from "@components/Head.astro";
|
||||
import Link from "@components/Link.astro";
|
||||
import { Image } from "astro:assets";
|
||||
import icon from "public/assets/icon.png";
|
||||
---
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en" class="scroll-smooth antialiased" transition:animate="none">
|
||||
<Head title={CV.TITLE} description={CV.DESCRIPTION} />
|
||||
<body class="w-full font-sans antialiased">
|
||||
<div class="container mx-auto max-w-screen-xl">
|
||||
<main
|
||||
id="wrapper"
|
||||
class="flex flex-col rounded-md shadow-2xl sm:m-12 sm:flex-row-reverse"
|
||||
>
|
||||
<div id="sidebar" class="w-full rounded-r-md p-8 sm:max-w-sm">
|
||||
<div class="mb-12 px-2">
|
||||
<Image
|
||||
src={icon}
|
||||
alt="Troy Lusty"
|
||||
class="mx-auto mb-2 w-48 rounded-full"
|
||||
loading="eager"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="mb-12 px-2 text-lg font-light">
|
||||
<div class="mb-4 flex items-center">
|
||||
<Icon name="mdi:cogs" class="mr-2" />
|
||||
<h2 class="text-xl font-semibold">Skills & Tools</h2>
|
||||
</div>
|
||||
<h3>Programming</h3>
|
||||
<p class="leading-8">
|
||||
<span class="box">Python</span>
|
||||
<span class="box">Rust</span>
|
||||
<span class="box">TypeScript</span>
|
||||
</p>
|
||||
<h3>Development</h3>
|
||||
<p class="leading-8">
|
||||
<span class="box">Git</span>
|
||||
<span class="box">Docker</span>
|
||||
<span class="box">Linux</span>
|
||||
<span class="box">Shopify</span>
|
||||
<span class="box">Astro</span>
|
||||
<span class="box">Steamworks</span>
|
||||
</p>
|
||||
<h3>3D</h3>
|
||||
<p class="leading-8">
|
||||
<span class="box">Blender</span>
|
||||
<span class="box">Godot</span>
|
||||
<span class="box">Unreal Engine</span>
|
||||
</p>
|
||||
<h3>2D</h3>
|
||||
<p class="leading-8">
|
||||
<span class="box">Adobe Photoshop</span>
|
||||
<span class="box">GIMP</span>
|
||||
<span class="box">Inkscape</span>
|
||||
<span class="box">DaVinci Resolve</span>
|
||||
<span class="box">Pixelmator Pro</span>
|
||||
</p>
|
||||
<h3>Other</h3>
|
||||
<p class="leading-8">
|
||||
<span class="box">Full drivers licence (A & B)</span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="mb-12 px-2 text-lg font-light">
|
||||
<div class="mb-4 flex items-center">
|
||||
<Icon name="mdi:chart-timeline-variant-shimmer" class="mr-2" />
|
||||
<h2 class="text-xl font-semibold">Education</h2>
|
||||
</div>
|
||||
<h3 class="font-semibold">BA (Hons) Game Arts and Design</h3>
|
||||
<p>2024 - 2025 University of Plymouth</p>
|
||||
<ol class="list-inside list-disc">
|
||||
<li><small>1st year: Estimated completion May 2025</small></li>
|
||||
</ol>
|
||||
<h3 class="font-semibold">FdA Games and Interactive Design</h3>
|
||||
<p>2022 - 2024 University Centre South Devon</p>
|
||||
<ol class="list-inside list-disc">
|
||||
<li><small>2nd year: 70.25% State Aggregate Mark</small></li>
|
||||
<li><small>1st year: 69.43% State Aggregate Mark</small></li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="mb-12 px-2 text-lg font-light">
|
||||
<div class="mb-4 flex items-center">
|
||||
<Icon name="mdi:wrench" class="mr-2" />
|
||||
<h2 class="text-xl font-semibold">Other</h2>
|
||||
</div>
|
||||
<h3 class="font-semibold">Production Assistant</h3>
|
||||
<p>2024 SDC Radiant Rumble</p>
|
||||
<h3 class="font-semibold">Photogrammetrist</h3>
|
||||
<p>2023 Paignton Picture House</p>
|
||||
</div>
|
||||
|
||||
<div class="mb-12 px-2 text-lg font-light">
|
||||
<div class="mb-4 flex items-center">
|
||||
<Icon name="mdi:plane-train" class="mr-2" />
|
||||
<h2 class="text-xl font-semibold">Languages</h2>
|
||||
</div>
|
||||
<h3 class="font-semibold">English</h3>
|
||||
<p>Native</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content w-full p-12">
|
||||
<h1 class="mb-2 text-5xl font-bold">{SITE.AUTHOR}</h1>
|
||||
<h2 class="mb-2 text-xl italic">Digital Designer</h2>
|
||||
<div class="social-links grid grid-cols-2 gap-1 py-4 font-medium">
|
||||
<div class="flex items-center">
|
||||
<Icon name="mdi:house" class="mr-2 inline w-6" />
|
||||
Devon, United Kingdom
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
<Icon name="mdi:globe" class="mr-2 inline w-6" />
|
||||
<a href="/">troylusty.com</a>
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
<Icon name="mdi:email" class="mr-2 inline w-6" />
|
||||
<a href={`mailto:${SITE.EMAIL}`}>hello@troylusty.com</a>
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
<Icon name="mdi:house" class="mr-2 inline w-6" />
|
||||
<Link href="https://github.com/troylusty"
|
||||
>github.com/troylusty</Link
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div id="profile" class="prose">
|
||||
<h2>Summary</h2>
|
||||
<p>
|
||||
My specific chosen area of focus is design, lighting, and
|
||||
rendering focusing on 3D environments within software such as
|
||||
Blender and Unreal Engine. Using either real-time or offline
|
||||
rendering techniques. In addition to this I also have interests in
|
||||
web development and cyber security.
|
||||
</p>
|
||||
<p>
|
||||
My portfolio of work can be found on my website at <a
|
||||
href="/projects">troylusty.com/projects</a
|
||||
>.
|
||||
</p>
|
||||
</div>
|
||||
<hr class="mt-8 mb-12" />
|
||||
<div id="experience" class="prose">
|
||||
<h2>Experience</h2>
|
||||
<div>
|
||||
<h3>Camouflage Store</h3>
|
||||
<section class="mb-6">
|
||||
<p class="mb-2 italic lg:inline-block lg:w-3/12 lg:align-top">
|
||||
2020 - Current:
|
||||
</p>
|
||||
<p class="w-full lg:inline-block lg:w-8/12">
|
||||
E-commerce Business Management
|
||||
</p>
|
||||
</section>
|
||||
<section class="mb-6">
|
||||
<p class="mb-2 italic lg:inline-block lg:w-3/12 lg:align-top">
|
||||
Task:
|
||||
</p>
|
||||
<p class="w-full lg:inline-block lg:w-8/12">
|
||||
CMS Migration and Rebrand
|
||||
</p>
|
||||
</section>
|
||||
<section class="mb-6">
|
||||
<p class="mb-2 italic lg:inline-block lg:w-3/12 lg:align-top">
|
||||
Description:
|
||||
</p>
|
||||
<div class="w-full lg:inline-block lg:w-8/12">
|
||||
<p>
|
||||
My role has me in charge of managing an online e-commerce
|
||||
store in addition to creating, editing, and publishing
|
||||
informational YouTube and social media content for a family
|
||||
run outdoors store. This includes the recent redesign and
|
||||
also any maintenance and general upkeep of the site with all
|
||||
its related systems.
|
||||
</p>
|
||||
<ul>
|
||||
<li>Migration of content to Shopify</li>
|
||||
<li>Branding refresh and site redesign</li>
|
||||
<li>VPS setup and self-hosted analytics platform</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
<section class="mb-6">
|
||||
<div class="mb-2 italic lg:inline-block lg:w-3/12 lg:align-top">
|
||||
Tools:
|
||||
</div>
|
||||
<div class="w-full lg:inline-block lg:w-8/12">
|
||||
<span class="box">Shopify</span>
|
||||
<span class="box">Docker</span>
|
||||
<span class="box">DaVinci Resolve</span>
|
||||
<span class="box">Pixelmator Pro</span>
|
||||
<span class="box">YouTube Creator Studio</span>
|
||||
<span class="box">GitHub</span>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="mt-8 mb-12" />
|
||||
<div id="projects" class="prose">
|
||||
<h2>Projects</h2>
|
||||
<div class="mb-16">
|
||||
<h3>troylusty.com</h3>
|
||||
<section class="mb-6">
|
||||
<p class="mb-2 italic lg:inline-block lg:w-3/12 lg:align-top">
|
||||
Personal blog:
|
||||
</p>
|
||||
<p class="w-full lg:inline-block lg:w-8/12">
|
||||
My blog is the center of my online presence. Here, I share
|
||||
posts about what I've learnt, tutorials and my thoughts on web
|
||||
development in general.
|
||||
</p>
|
||||
</section>
|
||||
<section class="mb-6">
|
||||
<p class="mb-2 italic lg:inline-block lg:w-3/12 lg:align-top">
|
||||
Deployed to:
|
||||
</p>
|
||||
<div class="w-full lg:inline-block lg:w-8/12">
|
||||
<Link href="/">troylusty.com</Link>
|
||||
</div>
|
||||
</section>
|
||||
<section class="mb-6">
|
||||
<p class="mb-2 italic lg:inline-block lg:w-3/12 lg:align-top">
|
||||
Code on:
|
||||
</p>
|
||||
<p class="w-full lg:inline-block lg:w-8/12">
|
||||
<Link href="https://github.com/troylusty/troylusty.com"
|
||||
>github.com/troylusty/troylusty.com</Link
|
||||
>
|
||||
</p>
|
||||
</section>
|
||||
<section class="mb-6">
|
||||
<p class="mb-2 italic lg:inline-block lg:w-3/12 lg:align-top">
|
||||
Features:
|
||||
</p>
|
||||
<div class="w-full lg:inline-block lg:w-8/12">
|
||||
<ul>
|
||||
<li>Static generation</li>
|
||||
<li>Blog and project articles written in Markdown/MDX</li>
|
||||
<li>SEO</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="mb-6">
|
||||
<p class="mb-2 italic lg:inline-block lg:w-3/12 lg:align-top">
|
||||
Built with:
|
||||
</p>
|
||||
<div class="w-full lg:inline-block lg:w-8/12">
|
||||
<span class="box">Astro</span>
|
||||
<span class="box">Tailwind CSS</span>
|
||||
<span class="box">Alpine.js</span>
|
||||
<span class="box">GitHub Actions</span>
|
||||
<span class="box">Docker</span>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<style>
|
||||
body {
|
||||
color: #3c3c42;
|
||||
background: #f3f1ea;
|
||||
}
|
||||
p,
|
||||
li,
|
||||
h1,
|
||||
h2,
|
||||
h3 {
|
||||
color: #3c3c42;
|
||||
a {
|
||||
color: #3c3c42;
|
||||
}
|
||||
}
|
||||
a {
|
||||
text-decoration-style: wavy;
|
||||
text-decoration-color: #3c3c42;
|
||||
}
|
||||
hr {
|
||||
color: #d4d2cc;
|
||||
}
|
||||
.social-links {
|
||||
color: #78787e;
|
||||
}
|
||||
.box {
|
||||
border-radius: var(--radius-md);
|
||||
background: #d4d2cc;
|
||||
color: #3c3c42;
|
||||
padding-inline: calc(var(--spacing) * 2);
|
||||
font-weight: var(--font-weight-medium);
|
||||
}
|
||||
</style>
|
||||
Loading…
Add table
Reference in a new issue