From 0cc2a7a04ed061be236d4a547c014060047e7150 Mon Sep 17 00:00:00 2001 From: Troy Date: Mon, 6 Jan 2025 15:37:15 +0000 Subject: [PATCH] switch hero font to borel (#15) --- package-lock.json | 14 ++-- package.json | 2 +- src/components/Hero.astro | 16 +++-- src/pages/cv.astro | 132 +++++++++++++++++++------------------- src/styles/global.css | 2 +- tailwind.config.ts | 2 +- 6 files changed, 89 insertions(+), 79 deletions(-) diff --git a/package-lock.json b/package-lock.json index 54262f8..338d7bc 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14,8 +14,8 @@ "@astrojs/sitemap": "3.2.1", "@astrojs/tailwind": "^5.1.4", "@fontsource-variable/outfit": "^5.1.1", - "@fontsource-variable/playwrite-ca": "^5.1.1", "@fontsource-variable/red-hat-mono": "^5.1.0", + "@fontsource/borel": "^5.1.1", "astro": "^5.1.1", "astro-icon": "^1.1.4", "rehype-external-links": "^3.0.0", @@ -783,18 +783,18 @@ "integrity": "sha512-XuzmITw6zWt3nUINJVAk99f0TgXJ9ZCt3qERAr0t89Em6RbqQ4x6skmxsIgjzkLHVzmoqf3AzCbxvpk/kNnu5A==", "license": "OFL-1.1" }, - "node_modules/@fontsource-variable/playwrite-ca": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/@fontsource-variable/playwrite-ca/-/playwrite-ca-5.1.1.tgz", - "integrity": "sha512-982bgK4zGM3KjjXvrBo5virq2jLHJHbQw3gFG9krR5PoFqq00tcNNSAa4ns6gf7wNKjQFk6Pz2OAPj/KPoEJAQ==", - "license": "OFL-1.1" - }, "node_modules/@fontsource-variable/red-hat-mono": { "version": "5.1.1", "resolved": "https://registry.npmjs.org/@fontsource-variable/red-hat-mono/-/red-hat-mono-5.1.1.tgz", "integrity": "sha512-yeZTpCFFU+fJwlhDrMdQROva42Kuaj1KjCp2HSHziT0FE+BPEL90oS0yAAdDZqwjgI77wDp2I6kgnZoHFV95AQ==", "license": "OFL-1.1" }, + "node_modules/@fontsource/borel": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/@fontsource/borel/-/borel-5.1.1.tgz", + "integrity": "sha512-FkQy7EqFdnDuDXIekP3bYLu/UhoCxhrJ+3cg71OgR3M4AgInLgPUKcsOI+OLuQ24GlThLVtEXWnEkgf/0apJEA==", + "license": "OFL-1.1" + }, "node_modules/@iconify-json/mdi": { "version": "1.2.2", "resolved": "https://registry.npmjs.org/@iconify-json/mdi/-/mdi-1.2.2.tgz", diff --git a/package.json b/package.json index 5d36941..0ee6fd0 100644 --- a/package.json +++ b/package.json @@ -17,8 +17,8 @@ "@astrojs/sitemap": "3.2.1", "@astrojs/tailwind": "^5.1.4", "@fontsource-variable/outfit": "^5.1.1", - "@fontsource-variable/playwrite-ca": "^5.1.1", "@fontsource-variable/red-hat-mono": "^5.1.0", + "@fontsource/borel": "^5.1.1", "astro": "^5.1.1", "astro-icon": "^1.1.4", "rehype-external-links": "^3.0.0", diff --git a/src/components/Hero.astro b/src/components/Hero.astro index 052046b..03f0ec5 100644 --- a/src/components/Hero.astro +++ b/src/components/Hero.astro @@ -1,13 +1,21 @@ --- +import borel from "@fontsource/borel/files/borel-latin-400-normal.woff2?url"; +--- ---- + -
+

Digital designer based in the United Kingdom.

diff --git a/src/pages/cv.astro b/src/pages/cv.astro index 2ef81c6..5808980 100644 --- a/src/pages/cv.astro +++ b/src/pages/cv.astro @@ -10,73 +10,75 @@ import Prose from "@components/Prose.astro"; --- -
-
-

- Troy Lusty -

+
+
-
- - -

hello@troylusty.com

- - - -

troylusty.com

- +

+ Troy Lusty +

+
+
+ + +

hello@troylusty.com

+ + + +

troylusty.com

+ +
-
-
-
- -

About me

-

- Hi, my name is Troy and I’m a student 3D artist studying on a BA (Hons) - Game Arts and Design course in the UK. -

-

- In 2019 I began experimenting with Blender after having used various 2D - art applications such as Adobe Photoshop for over 5 years. After making - this change, I realised that I have a huge interest in creating 3D - graphics for video games and TV. At the moment I am working on expanding - my skillset to encompass other areas with a focus on lighting and - rendering techniques in relation to environment art. -

-

- My current portfolio of work can be found on my website at: - troylusty.com/projects. -

- -
-
- -

Education

- - -
-
- -

Skills

-

- 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 am also very interested in web development. -

- -
  • Full drivers licence for cars and motorbikes
- -
-
- -

Experience

- - -
+
+
+ +

About me

+

+ Hi, my name is Troy and I’m a student 3D artist studying on a BA + (Hons) Game Arts and Design course in the UK. +

+

+ In 2019 I began experimenting with Blender after having used various + 2D art applications such as Adobe Photoshop for over 5 years. After + making this change, I realised that I have a huge interest in creating + 3D graphics for video games and TV. At the moment I am working on + expanding my skillset to encompass other areas with a focus on + lighting and rendering techniques in relation to environment art. +

+

+ My current portfolio of work can be found on my website at: + troylusty.com/projects. +

+ +
+
+ +

Education

+ + +
+
+ +

Skills

+

+ 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 am also very interested in web development. +

+ +
  • Full drivers licence for cars and motorbikes
+ +
+
+ +

Experience

+ + +
+ diff --git a/src/styles/global.css b/src/styles/global.css index dcb83cf..0657424 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -1,6 +1,6 @@ @import "@fontsource-variable/red-hat-mono"; @import "@fontsource-variable/outfit"; -@import "@fontsource-variable/playwrite-ca"; +@import "@fontsource/borel"; @tailwind base; @tailwind components; diff --git a/tailwind.config.ts b/tailwind.config.ts index 21cbb75..23d525a 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -39,7 +39,7 @@ export default { }, logo: { "0%": { - transform: "translateY(200px)", + transform: "translateY(512px)", color: "hsl(var(--primary))", }, "100%": {