From 41a582fea43cb0b640d04752b806140beed633cd Mon Sep 17 00:00:00 2001 From: webfussel Date: Wed, 29 Jan 2025 09:13:16 +0100 Subject: [PATCH] CHANGE: update to svg Update to svg images, change available date, change bg darkness --- Skills.ts | 40 ++++++++++++++---------------- assets/css/customers.css | 2 +- components/Customers.vue | 4 +-- components/Services.vue | 2 +- public/img/skills/android.svg | 1 + public/img/skills/android.webp | Bin 1070 -> 0 bytes public/img/skills/aseprite.webp | Bin 1218 -> 0 bytes public/img/skills/cs.svg | 1 + public/img/skills/cs.webp | Bin 1846 -> 0 bytes public/img/skills/css.svg | 1 + public/img/skills/css.webp | Bin 1216 -> 0 bytes public/img/skills/dart.svg | 1 + public/img/skills/dart.webp | Bin 1412 -> 0 bytes public/img/skills/flutter.svg | 12 +++++++++ public/img/skills/flutter.webp | Bin 880 -> 0 bytes public/img/skills/gitlab.svg | 6 +++++ public/img/skills/gitlab.webp | Bin 1886 -> 0 bytes public/img/skills/html.svg | 6 +++++ public/img/skills/html.webp | Bin 1398 -> 0 bytes public/img/skills/java.svg | 7 ++++++ public/img/skills/java.webp | Bin 1372 -> 0 bytes public/img/skills/javascript.svg | 1 + public/img/skills/javascript.webp | Bin 1118 -> 0 bytes public/img/skills/nodejs.svg | 1 + public/img/skills/nodejs.webp | Bin 1390 -> 0 bytes public/img/skills/nuxt.svg | 1 + public/img/skills/nuxt.webp | Bin 1544 -> 0 bytes public/img/skills/phaser.webp | Bin 3936 -> 0 bytes public/img/skills/postcss.svg | 1 + public/img/skills/postcss.webp | Bin 2046 -> 0 bytes public/img/skills/react.svg | 11 ++++++++ public/img/skills/react.webp | Bin 2568 -> 0 bytes public/img/skills/rust.svg | 1 + public/img/skills/rust.webp | Bin 884 -> 0 bytes public/img/skills/sass.svg | 1 + public/img/skills/sass.webp | Bin 1884 -> 0 bytes public/img/skills/tw.svg | 15 +++++++++++ public/img/skills/tw.webp | Bin 1524 -> 0 bytes public/img/skills/typescript.svg | 1 + public/img/skills/typescript.webp | Bin 1040 -> 0 bytes public/img/skills/unity.svg | 1 + public/img/skills/unity.webp | Bin 1280 -> 0 bytes public/img/skills/vitest.svg | 1 + public/img/skills/vitest.webp | Bin 1284 -> 0 bytes public/img/skills/vue.svg | 1 + public/img/skills/vue.webp | Bin 1254 -> 0 bytes public/img/skills/webstorm.svg | 16 ++++++++++++ public/img/skills/webstorm.webp | Bin 2210 -> 0 bytes 48 files changed, 110 insertions(+), 25 deletions(-) create mode 100644 public/img/skills/android.svg delete mode 100644 public/img/skills/android.webp delete mode 100644 public/img/skills/aseprite.webp create mode 100644 public/img/skills/cs.svg delete mode 100644 public/img/skills/cs.webp create mode 100644 public/img/skills/css.svg delete mode 100644 public/img/skills/css.webp create mode 100644 public/img/skills/dart.svg delete mode 100644 public/img/skills/dart.webp create mode 100644 public/img/skills/flutter.svg delete mode 100644 public/img/skills/flutter.webp create mode 100644 public/img/skills/gitlab.svg delete mode 100644 public/img/skills/gitlab.webp create mode 100644 public/img/skills/html.svg delete mode 100644 public/img/skills/html.webp create mode 100644 public/img/skills/java.svg delete mode 100644 public/img/skills/java.webp create mode 100644 public/img/skills/javascript.svg delete mode 100644 public/img/skills/javascript.webp create mode 100644 public/img/skills/nodejs.svg delete mode 100644 public/img/skills/nodejs.webp create mode 100644 public/img/skills/nuxt.svg delete mode 100644 public/img/skills/nuxt.webp delete mode 100644 public/img/skills/phaser.webp create mode 100644 public/img/skills/postcss.svg delete mode 100644 public/img/skills/postcss.webp create mode 100644 public/img/skills/react.svg delete mode 100644 public/img/skills/react.webp create mode 100644 public/img/skills/rust.svg delete mode 100644 public/img/skills/rust.webp create mode 100644 public/img/skills/sass.svg delete mode 100644 public/img/skills/sass.webp create mode 100644 public/img/skills/tw.svg delete mode 100644 public/img/skills/tw.webp create mode 100644 public/img/skills/typescript.svg delete mode 100644 public/img/skills/typescript.webp create mode 100644 public/img/skills/unity.svg delete mode 100644 public/img/skills/unity.webp create mode 100644 public/img/skills/vitest.svg delete mode 100644 public/img/skills/vitest.webp create mode 100644 public/img/skills/vue.svg delete mode 100644 public/img/skills/vue.webp create mode 100644 public/img/skills/webstorm.svg delete mode 100644 public/img/skills/webstorm.webp diff --git a/Skills.ts b/Skills.ts index f6ed236..c3aae65 100644 --- a/Skills.ts +++ b/Skills.ts @@ -1,22 +1,21 @@ -const jsImg = '/img/skills/javascript.webp' -const tsImg = '/img/skills/typescript.webp' -const vueImg = '/img/skills/vue.webp' -const reactImg = '/img/skills/react.webp' -const postCssImg = '/img/skills/postcss.webp' -const scssImg = '/img/skills/sass.webp' -const cssImg = '/img/skills/css.webp' -const htmlImg = '/img/skills/html.webp' -const phaserImg = '/img/skills/phaser.webp' -const glImg = '/img/skills/gitlab.webp' -const vitestImg = '/img/skills/vitest.webp' -const njsImg = '/img/skills/nodejs.webp' -const webstormImg = '/img/skills/webstorm.webp' -const nuxtImg = '/img/skills/nuxt.webp' -const twImg = '/img/skills/tw.webp' -const rustImg = '/img/skills/rust.webp' -const flutterImg = '/img/skills/flutter.webp' -const dartImg = '/img/skills/dart.webp' -const androidImg = '/img/skills/android.webp' +const jsImg = '/img/skills/javascript.svg' +const tsImg = '/img/skills/typescript.svg' +const vueImg = '/img/skills/vue.svg' +const reactImg = '/img/skills/react.svg' +const postCssImg = '/img/skills/postcss.svg' +const scssImg = '/img/skills/sass.svg' +const cssImg = '/img/skills/css.svg' +const htmlImg = '/img/skills/html.svg' +const glImg = '/img/skills/gitlab.svg' +const vitestImg = '/img/skills/vitest.svg' +const njsImg = '/img/skills/nodejs.svg' +const webstormImg = '/img/skills/webstorm.svg' +const nuxtImg = '/img/skills/nuxt.svg' +const twImg = '/img/skills/tw.svg' +const rustImg = '/img/skills/rust.svg' +const flutterImg = '/img/skills/flutter.svg' +const dartImg = '/img/skills/dart.svg' +const androidImg = '/img/skills/android.svg' export type ISkill = { name: string @@ -26,7 +25,7 @@ export type ISkill = { } export const android: ISkill = {name: 'Android', img: androidImg, link: 'https://www.android.com', width: 88} -export const css: ISkill = {name: 'CSS', img: cssImg, width: 44} +export const css: ISkill = {name: 'CSS', img: cssImg } export const dart: ISkill = {name: 'Dart', img: dartImg, link: 'https://dart.dev'} export const flutter: ISkill = {name: 'Flutter', img: flutterImg, link: 'https://flutter.dev', width: 40} export const gl: ISkill = {name: 'GitLab', img: glImg, link: 'https://gitlab.com', width: 55} @@ -35,7 +34,6 @@ export const js: ISkill = {name: 'JavaScript', img: jsImg} export const webstorm: ISkill = {name: 'JetBrains IDEs', img: webstormImg, link: 'https://www.jetbrains.com/webstorm'} export const njs: ISkill = {name: 'Nodejs', img: njsImg, link: 'https://nodejs.org/en', width: 46} export const nuxt: ISkill = {name: 'Nuxt', img: nuxtImg, link: 'https://nuxt.com', width: 75} -export const phaser: ISkill = {name: 'Phaser 3', img: phaserImg, width: 58} export const pcss: ISkill = {name: 'PostCSS', img: postCssImg, link: 'https://postcss.org'} export const react: ISkill = {name: 'React', img: reactImg, link: 'https://reactjs.org', width: 56} export const rust: ISkill = {name: 'Rust', img: rustImg, link: 'https://www.rust-lang.org'} diff --git a/assets/css/customers.css b/assets/css/customers.css index e587f1f..4f3373b 100644 --- a/assets/css/customers.css +++ b/assets/css/customers.css @@ -48,7 +48,7 @@ display: flex; align-items: center; justify-content: center; - background-color: rgba(0, 0, 0, 0.8); + background-color: rgba(0, 0, 0, 0.88); backdrop-filter: blur(1px); transition: var(--transition-time); height: 100%; diff --git a/components/Customers.vue b/components/Customers.vue index 6f94c1a..4b6bb92 100644 --- a/components/Customers.vue +++ b/components/Customers.vue @@ -32,7 +32,7 @@