diff --git a/assets/projects/bme680.webp b/assets/projects/bme680.webp new file mode 100644 index 0000000..76c9617 Binary files /dev/null and b/assets/projects/bme680.webp differ diff --git a/assets/projects/website.png b/assets/projects/website.png new file mode 100644 index 0000000..9715002 Binary files /dev/null and b/assets/projects/website.png differ diff --git a/components/project-showcase.ts b/components/project-showcase.ts index 339732d..e62a1b9 100644 --- a/components/project-showcase.ts +++ b/components/project-showcase.ts @@ -110,6 +110,7 @@ export class ProjectShowcase extends LitElement { img { height: 360px; + filter: brightness(0.5); } .description { @@ -122,9 +123,6 @@ export class ProjectShowcase extends LitElement { font-size: 0.5em; font-weight: 600; } - - .project-information { - } } `; diff --git a/routes/home-route.ts b/routes/home-route.ts index 7e25d45..133fe14 100644 --- a/routes/home-route.ts +++ b/routes/home-route.ts @@ -81,26 +81,44 @@ export class HomeRoute extends LitElement { }, ], }, - // { - // title: 'Website', - // description: 'My personal website (you are here)', - // technologies: ['TypeScript', 'LitElement', 'Web Components'], - // links: [], - // }, - // { - // title: 'TBA...', - // description: - // 'A tracker for your personal finances I am currently working on', - // technologies: ['React', 'C#', 'GraphQL'], - // links: [], - // }, - // { - // title: 'BME680 Driver', - // description: - // 'Device driver for the Bosch BME680 temperature, humidity, pressure, air quality sensor', - // technologies: ['C#', 'IOT', 'Hardware'], - // links: [], - // }, + { + title: 'BME680 Driver', + description: + 'Device driver for the Bosch BME680 temperature, humidity, pressure and air quality sensor. ', + projectImageAssetPath: '/assets/projects/bme680.webp', + technologies: ['C#', 'IOT', 'Hardware'], + links: [ + { + alt: 'Github', + logoAssetPath: '/assets/brands/github.svg', + href: 'https://github.com/RobinTTY/BME680', + }, + { + alt: 'Nuget', + logoAssetPath: '/assets/brands/nuget.svg', + href: 'https://www.nuget.org/packages/Bme680Driver/', + }, + ], + }, + { + title: 'Website', + description: + 'My personal website (you are here). Built using Lit, a lightweight web components library.', + projectImageAssetPath: '/assets/projects/website.png', + technologies: ['TypeScript', 'Lit', 'Web Components'], + links: [ + { + alt: 'Github', + logoAssetPath: '/assets/brands/github.svg', + href: 'https://github.com/RobinTTY/RobinTTY.github.io', + }, + { + alt: 'Website', + logoAssetPath: '/assets/common/external-link.svg', + href: 'https://www.robintty.com/', + }, + ], + }, ]; render() {