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 @@