make cv a markdown page
This commit is contained in:
parent
a04446de76
commit
78b0780e12
GPG key ID:
DFC06C02ED3B4711
13 changed files with 375 additions and 464 deletions
|
|
@ -10,20 +10,14 @@ import Button from "@components/Button.astro";
|
|||
class="flex flex-col items-start justify-between gap-6 md:flex-row md:items-center"
|
||||
>
|
||||
<div>
|
||||
<h2
|
||||
class="animate-reveal text-2xl font-semibold break-words opacity-0"
|
||||
id="featured-projects"
|
||||
>
|
||||
<h1 class="animate-reveal text-3xl font-semibold break-words opacity-0">
|
||||
404
|
||||
</h2>
|
||||
<h3
|
||||
</h1>
|
||||
<h2
|
||||
class="animate-reveal mt-2 font-bold opacity-0 [animation-delay:0.1s]"
|
||||
>
|
||||
Content not found
|
||||
</h3>
|
||||
</div>
|
||||
<div class="animate-reveal opacity-0 [animation-delay:0.2s]">
|
||||
<Button href="/" link="Go home" />
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -1,332 +0,0 @@
|
|||
---
|
||||
import Layout from "@layouts/Layout.astro";
|
||||
import { SITE, CV } from "@consts";
|
||||
import { Image } from "astro:assets";
|
||||
import { Icon } from "astro-icon/components";
|
||||
import Link from "@components/Link.astro";
|
||||
import icon from "public/assets/icon.png";
|
||||
|
||||
const skills = [
|
||||
{ id: 1, name: "Python" },
|
||||
{ id: 2, name: "Rust" },
|
||||
{ id: 3, name: "TypeScript" },
|
||||
{ id: 4, name: "Git" },
|
||||
{ id: 5, name: "Docker" },
|
||||
{ id: 6, name: "Linux" },
|
||||
{ id: 7, name: "Shopify" },
|
||||
{ id: 8, name: "Astro" },
|
||||
{ id: 9, name: "Steamworks" },
|
||||
{ id: 10, name: "Blender" },
|
||||
{ id: 11, name: "Godot" },
|
||||
{ id: 12, name: "Unreal Engine" },
|
||||
{ id: 13, name: "Adobe Photoshop" },
|
||||
{ id: 14, name: "GIMP" },
|
||||
{ id: 15, name: "Inkscape" },
|
||||
{ id: 16, name: "DaVinci Resolve" },
|
||||
{ id: 17, name: "Pixelmator Pro" },
|
||||
{ id: 99, name: "Full drivers licence (A & B)" },
|
||||
];
|
||||
const sortedSkills = [...skills].sort((a, b) => a.id - b.id);
|
||||
|
||||
const projects = [
|
||||
{
|
||||
id: 1,
|
||||
name: "troylusty.com",
|
||||
description: "My personal portfolio website made using Astro.",
|
||||
tags: ["Astro", "Tailwind CSS", "TypeScript", "Actions", "Docker"],
|
||||
link: "https://code.troylusty.com/troy/troylusty.com",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: "Artwork",
|
||||
description:
|
||||
"A collection of digital artwork created with a variety of tools.",
|
||||
tags: ["Blender"],
|
||||
link: "/projects",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: "Packard",
|
||||
description: "Terminal based feed checker.",
|
||||
tags: ["Rust", "Tokio", "Clap", "NixOS Flake"],
|
||||
link: "https://code.troylusty.com/troy/packard",
|
||||
},
|
||||
];
|
||||
const sortedProjects = [...projects].sort((a, b) => a.id - b.id);
|
||||
|
||||
const education = [
|
||||
{
|
||||
id: 1,
|
||||
school: "University of Plymouth",
|
||||
course: "BA (Hons) Game Arts and Design",
|
||||
dates: "2024 - 2025",
|
||||
description: ["1st year: Estimated completion May 2025"],
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
school: "University Centre South Devon",
|
||||
course: "FdA Games and Interactive Design",
|
||||
dates: "2022 - 2024",
|
||||
description: [
|
||||
"2nd year: 70.25% State Aggregate Mark",
|
||||
"1st year: 69.43% State Aggregate Mark",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
school: "South Devon College",
|
||||
course:
|
||||
"UAL Level 3 Extended Diploma in Creative Media Production and Technology",
|
||||
dates: "2020 - 2022",
|
||||
description: [
|
||||
"2nd year: Extended Diploma - Distinction",
|
||||
"1st year: Diploma - Distinction",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
school: "Kennicott Sixth Form",
|
||||
course: "BTEC & A-level",
|
||||
dates: "2018 - 2020",
|
||||
description: [
|
||||
"Pearson BTEC Level 3 National Extended Diploma in Art and Design - Distinction Merit Merit",
|
||||
"AQA GCE/A Computer Science ADV (Python) - C",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
school: "King Edward VI Community College",
|
||||
course: "GCSEs & Cambridge Nationals qualification",
|
||||
dates: "2014 - 2018",
|
||||
description: [
|
||||
"10 GCSEs including Maths and English",
|
||||
"OCR Cambridge Nationals Creative iMedia Level 1/2 Award/Certificate - Merit at Level 2",
|
||||
],
|
||||
},
|
||||
];
|
||||
const sortedEducation = [...education].sort((a, b) => a.id - b.id);
|
||||
---
|
||||
|
||||
<Layout title={CV.TITLE} description={CV.DESCRIPTION}>
|
||||
<div class="animate-reveal flex items-center justify-between opacity-0">
|
||||
<div class="flex-1 space-y-1.5">
|
||||
<h1 class="text-2xl font-bold">{SITE.AUTHOR}</h1><p
|
||||
class="text-secondary/70 max-w-md font-mono text-sm text-pretty"
|
||||
>
|
||||
Digital designer.
|
||||
</p><p
|
||||
class="text-secondary/70 max-w-md items-center font-mono text-xs text-pretty"
|
||||
>
|
||||
<Link
|
||||
class="inline-flex gap-x-1.5 align-baseline leading-none hover:underline"
|
||||
href="https://www.google.com/maps/place/Devon"
|
||||
>
|
||||
<Icon name="mdi:earth" class="h-3 w-3" />
|
||||
Devon, United Kingdom, GMT
|
||||
</Link>
|
||||
</p><div
|
||||
class="text-secondary/70 flex gap-x-1 pt-1 font-mono text-sm print:hidden"
|
||||
>
|
||||
<a
|
||||
href={`mailto:${SITE.EMAIL}`}
|
||||
class="bg-button text-secondary hover:bg-button-active flex w-fit flex-row items-center gap-1 justify-self-center rounded-full p-2 text-center text-sm text-nowrap capitalize transition-colors duration-300"
|
||||
>
|
||||
<Icon name="mdi:email" title="Email" class="h-4 w-4" />
|
||||
</a>
|
||||
<Link
|
||||
href="/"
|
||||
class="bg-button text-secondary hover:bg-button-active flex w-fit flex-row items-center gap-1 justify-self-center rounded-full p-2 text-center text-sm text-nowrap capitalize transition-colors duration-300"
|
||||
>
|
||||
<Icon name="mdi:link-variant" title="Website" class="h-4 w-4" />
|
||||
</Link>
|
||||
|
||||
<Link
|
||||
href="https://code.troylusty.com"
|
||||
class="bg-button text-secondary hover:bg-button-active flex w-fit flex-row items-center gap-1 justify-self-center rounded-full p-2 text-center text-sm text-nowrap capitalize transition-colors duration-300"
|
||||
>
|
||||
<Icon name="mdi:git" title="Git" class="h-4 w-4" />
|
||||
</Link>
|
||||
<Link
|
||||
href="https://store.steampowered.com/developer/troy"
|
||||
class="bg-button text-secondary hover:bg-button-active flex w-fit flex-row items-center gap-1 justify-self-center rounded-full p-2 text-center text-sm text-nowrap capitalize transition-colors duration-300"
|
||||
>
|
||||
<Icon name="mdi:steam" title="Steamworks" class="h-4 w-4" />
|
||||
</Link>
|
||||
</div><div
|
||||
class="text-secondary/70 hidden flex-col gap-x-1 font-mono text-sm print:flex"
|
||||
>
|
||||
<a href={`mailto:${SITE.EMAIL}`}
|
||||
><span class="underline">{SITE.EMAIL}</span></a
|
||||
>
|
||||
</div>
|
||||
</div><span
|
||||
class="relative flex h-28 w-28 shrink-0 overflow-hidden rounded-xl"
|
||||
>
|
||||
<Image
|
||||
src={icon}
|
||||
alt="Troy Lusty"
|
||||
class="aspect-square h-full w-full"
|
||||
loading="eager"
|
||||
/>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<section
|
||||
class="animate-reveal flex min-h-0 flex-col gap-y-3 opacity-0 [animation-delay:0.1s]"
|
||||
>
|
||||
<h2 class="text-xl font-bold">About</h2><p
|
||||
class="text-secondary/70 font-mono text-sm text-pretty"
|
||||
>
|
||||
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. My portfolio of work can be found on my website at <a
|
||||
href="/projects"
|
||||
class="underline hover:no-underline">troylusty.com/projects</a
|
||||
>.
|
||||
</p>
|
||||
</section>
|
||||
<section
|
||||
class="animate-reveal flex min-h-0 flex-col gap-y-3 opacity-0 [animation-delay:0.2s]"
|
||||
>
|
||||
<h2 class="text-xl font-bold">Experience</h2>
|
||||
<div>
|
||||
<div class="flex flex-col space-y-1.5">
|
||||
<div class="flex items-center justify-between gap-x-2 text-base">
|
||||
<h3
|
||||
class="inline-flex items-center justify-center gap-x-1 leading-none font-semibold"
|
||||
>
|
||||
<Link
|
||||
href="/projects/camouflage-store"
|
||||
class="text-secondary inline-flex items-center gap-1 hover:underline"
|
||||
>
|
||||
<span class="mr-1 h-1 w-1 rounded-full bg-green-500"></span>
|
||||
Camouflage Store
|
||||
</Link>
|
||||
</h3><div class="text-tertiary text-sm tabular-nums">
|
||||
2020 - Current
|
||||
</div>
|
||||
</div><h4 class="font-mono text-sm leading-none">
|
||||
E-commerce Business Management
|
||||
</h4>
|
||||
</div><div class="text-secondary/70 mt-2 font-mono text-xs text-pretty">
|
||||
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.
|
||||
<ul class="mt-2 list-inside list-disc">
|
||||
<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>
|
||||
</div>
|
||||
<div>
|
||||
<div class="flex flex-col space-y-1.5">
|
||||
<div class="flex items-center justify-between gap-x-2 text-base">
|
||||
<h3
|
||||
class="inline-flex items-center justify-center gap-x-1 leading-none font-semibold"
|
||||
>
|
||||
Smaller Roles
|
||||
</h3>
|
||||
</div>
|
||||
<h4 class="font-mono text-sm leading-none">Production Assistant</h4>
|
||||
</div><div class="text-secondary/70 mt-2 font-mono text-xs text-pretty">
|
||||
SDC Radiant Rumble (2024)
|
||||
</div>
|
||||
<h4 class="mt-2 font-mono text-sm leading-none">Photogrammetrist</h4>
|
||||
<div class="text-secondary/70 mt-2 font-mono text-xs text-pretty">
|
||||
Paignton Picture House (2023)
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section
|
||||
class="animate-reveal flex min-h-0 flex-col gap-y-3 opacity-0 [animation-delay:0.3s]"
|
||||
>
|
||||
<h2 class="text-xl font-bold">Education</h2>
|
||||
{
|
||||
sortedEducation.map((education) => (
|
||||
<div>
|
||||
<div class="flex flex-col space-y-1.5">
|
||||
<div class="flex items-center justify-between gap-x-2 text-base">
|
||||
<h3 class="leading-none font-semibold">{education.school}</h3>
|
||||
<div class="text-tertiary text-sm tabular-nums">
|
||||
{education.dates}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-secondary mt-2 font-mono text-sm text-pretty">
|
||||
{education.course}
|
||||
<ul class="text-secondary/70 mt-2 list-inside list-disc text-xs">
|
||||
{education.description.map((line) => (
|
||||
<li>{line}</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
))
|
||||
}
|
||||
</section>
|
||||
<section
|
||||
class="animate-reveal flex min-h-0 flex-col gap-y-3 opacity-0 [animation-delay:0.4s]"
|
||||
>
|
||||
<h2 class="text-xl font-bold">Skills & Tools</h2><ul
|
||||
class="flex flex-wrap gap-1"
|
||||
>
|
||||
{
|
||||
sortedSkills.map((skill) => (
|
||||
<li class="bg-button text-secondary hover:bg-button-active flex w-fit flex-row items-center gap-1 justify-self-center rounded-full px-2 py-1 text-center text-xs text-nowrap capitalize transition-colors duration-300">
|
||||
{skill.name}
|
||||
</li>
|
||||
))
|
||||
}
|
||||
</ul>
|
||||
</section>
|
||||
<section
|
||||
class="animate-reveal flex min-h-0 scroll-mb-16 flex-col gap-y-3 opacity-0 [animation-delay:0.5s]"
|
||||
>
|
||||
<h2 class="text-xl font-bold">Projects</h2>
|
||||
<ol
|
||||
class="grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-3 print:grid-cols-3 print:gap-2"
|
||||
>
|
||||
{
|
||||
sortedProjects.map((project) => (
|
||||
<li class="flex flex-col overflow-hidden">
|
||||
<div class="flex flex-col space-y-1.5">
|
||||
<div class="space-y-1">
|
||||
<>
|
||||
<h3 class="text-base font-semibold tracking-tight">
|
||||
<Link
|
||||
href={project.link}
|
||||
class="text-secondary inline-flex items-center gap-1 hover:underline"
|
||||
>
|
||||
<span class="mr-1 h-1 w-1 rounded-full bg-green-500" />
|
||||
{project.name}
|
||||
</Link>
|
||||
</h3>
|
||||
<div class="hidden font-mono text-xs underline print:visible">
|
||||
{project.name}
|
||||
</div>
|
||||
<p class="text-secondary/70 font-mono text-xs">
|
||||
{project.description}
|
||||
</p>
|
||||
</>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-auto flex font-mono text-sm text-pretty">
|
||||
<div class="mt-2 flex flex-wrap gap-1">
|
||||
{project.tags.map((tag) => (
|
||||
<div class="bg-button text-secondary hover:bg-button-active flex w-fit flex-row items-center gap-1 justify-self-center rounded-full px-2 py-1 text-center font-sans text-[10px] font-light text-nowrap capitalize transition-colors duration-300">
|
||||
{tag}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
))
|
||||
}
|
||||
</ol>
|
||||
</section>
|
||||
</Layout>
|
||||
62
src/pages/cv.mdx
Normal file
62
src/pages/cv.mdx
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
---
|
||||
title: Troy Lusty
|
||||
description: Curriculum Vitae
|
||||
layout: "@layouts/Cv.astro"
|
||||
---
|
||||
|
||||
import Projects from "@components/CvProjects.astro";
|
||||
|
||||
## About
|
||||
|
||||
I'm a [Game Arts and Design](#education) degree student with a chosen area of focus on the design, lighting, and rendering of 3D environments. Using either real-time or offline rendering techniques in software packages such as Blender and Unreal Engine. In addition to this I also have an interest in web development, graphic design, and cyber security which make up a large part of my hobbies. My current portfolio of work can be found on my website at [troylusty.com/projects](/projects).
|
||||
|
||||
---
|
||||
|
||||
## Experience
|
||||
|
||||
### **E-commerce Business Management**, [Camouflage Store](/projects/camouflage-store) <small class="font-light font-mono text-xs">(2020 - Current)</small>
|
||||
|
||||
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 branding redesign, migration of content to Shopify, and any maintenance or general upkeep of the site with all its related systems, such as the self-hosted analytics platform.
|
||||
|
||||
### Volunteering
|
||||
|
||||
- **Production Assistant**, SDC Radiant Rumble <small class="font-light font-mono text-xs">(2024)</small>
|
||||
- **Photogrammetrist**, Paignton Picture House <small class="font-light font-mono text-xs">(2023)</small>
|
||||
|
||||
---
|
||||
|
||||
## Education
|
||||
|
||||
### **BA (Hons) Game Arts and Design**, University of Plymouth <small class="font-light font-mono text-xs">(2024 - 2025)</small>
|
||||
|
||||
- 1st year: Estimated completion May 2025
|
||||
|
||||
### **FdA Games and Interactive Design**, University Centre South Devon <small class="font-light font-mono text-xs">(2022 - 2024)</small>
|
||||
|
||||
- 2nd year: 70.25% State Aggregate Mark
|
||||
- 1st year: 69.43% State Aggregate Mark
|
||||
|
||||
### **UAL Level 3 Extended Diploma in Creative Media Production and Technology**, South Devon College <small class="font-light font-mono text-xs">(2020 - 2022)</small>
|
||||
|
||||
- 2nd year: Extended Diploma - Distinction
|
||||
- 1st year: Diploma - Distinction
|
||||
|
||||
### **BTEC & A-level**, Kennicott Sixth Form <small class="font-light font-mono text-xs">(2018 - 2020)</small>
|
||||
|
||||
- Pearson BTEC Level 3 National Extended Diploma in Art and Design - Distinction Merit Merit
|
||||
- AQA GCE/A Computer Science ADV (Python) - C
|
||||
|
||||
### **GCSEs & Cambridge Nationals qualification**, King Edward VI Community College <small class="font-light font-mono text-xs">(2014 - 2018)</small>
|
||||
|
||||
- 10 GCSEs including Maths and English
|
||||
- OCR Cambridge Nationals Creative iMedia Level 1/2 Award/Certificate - Merit at Level 2
|
||||
|
||||
### Additional
|
||||
|
||||
- Full drivers licence (A & B)
|
||||
|
||||
---
|
||||
|
||||
## Projects
|
||||
|
||||
<Projects />
|
||||
Loading…
Add table
Add a link
Reference in a new issue