diff --git a/biome.json b/biome.json
index 9774269..04f763b 100644
--- a/biome.json
+++ b/biome.json
@@ -21,9 +21,6 @@
"rules": {
"recommended": true
},
- "ignore": [
- "dist",
- "node_modules"
- ]
+ "ignore": ["dist", "node_modules"]
}
}
diff --git a/src/assets/admin.jpg b/src/assets/admin.jpg
index 580f7d6..46477b3 100644
Binary files a/src/assets/admin.jpg and b/src/assets/admin.jpg differ
diff --git a/src/assets/avaSmall.jpg b/src/assets/avaSmall.jpg
index 01d45a0..747716a 100644
Binary files a/src/assets/avaSmall.jpg and b/src/assets/avaSmall.jpg differ
diff --git a/src/assets/charp.png b/src/assets/charp.png
index 37d94d3..87a2c10 100644
Binary files a/src/assets/charp.png and b/src/assets/charp.png differ
diff --git a/src/assets/db.png b/src/assets/db.png
index 6c758ff..e97ab02 100644
Binary files a/src/assets/db.png and b/src/assets/db.png differ
diff --git a/src/assets/elysia.svg b/src/assets/elysia.svg
index 3651337..408d17c 100644
--- a/src/assets/elysia.svg
+++ b/src/assets/elysia.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/assets/gatto.jpg b/src/assets/gatto.jpg
index 656fade..af9dc23 100644
Binary files a/src/assets/gatto.jpg and b/src/assets/gatto.jpg differ
diff --git a/src/assets/habr.svg b/src/assets/habr.svg
index 251c362..5729c41 100644
--- a/src/assets/habr.svg
+++ b/src/assets/habr.svg
@@ -1,9 +1 @@
-
+
\ No newline at end of file
diff --git a/src/assets/php.svg b/src/assets/php.svg
index e4f137c..8ded2f1 100644
--- a/src/assets/php.svg
+++ b/src/assets/php.svg
@@ -1,96 +1 @@
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/assets/python.svg b/src/assets/python.svg
index 269bbea..92ea952 100644
--- a/src/assets/python.svg
+++ b/src/assets/python.svg
@@ -1,265 +1 @@
-
-
-
-
+
\ No newline at end of file
diff --git a/src/assets/rust.png b/src/assets/rust.png
index 5f77ba0..ce997e0 100644
Binary files a/src/assets/rust.png and b/src/assets/rust.png differ
diff --git a/src/assets/technologies.ts b/src/assets/technologies.ts
new file mode 100644
index 0000000..9c42223
--- /dev/null
+++ b/src/assets/technologies.ts
@@ -0,0 +1,53 @@
+import charp from './charp.png'
+import docker from './docker.png'
+import elysia from './elysia.svg'
+import fastify from './fastify.png'
+import go from './go.png'
+import js from './js.png'
+import kuber from './kuber.png'
+import mongodb from './mongodb.svg'
+import mysql from './mysql.svg'
+import nest from './nest.png'
+import nodejs from './nodejs.svg'
+import php from './php.svg'
+import postgres from './postgresql.svg'
+import python from './python.svg'
+import react from './react.svg'
+import redis from './redis.png'
+import redux from './redux.svg'
+import rust from './rust.png'
+import styled from './styled-components.svg'
+import ts from './ts.svg'
+import vite from './vite.png'
+import vk from './vk.svg'
+import vue from './vue.svg'
+import zustand from './zustand.png'
+import bun from './bun.png'
+
+export {
+ bun,
+ charp,
+ docker,
+ fastify,
+ rust,
+ go,
+ js,
+ kuber,
+ mongodb,
+ mysql,
+ nest,
+ nodejs,
+ php,
+ postgres,
+ python,
+ react,
+ redis,
+ redux,
+ styled,
+ ts,
+ vite,
+ vk,
+ vue,
+ elysia,
+ zustand
+}
diff --git a/src/assets/zustand.png b/src/assets/zustand.png
index 6e5366e..3be56f4 100644
Binary files a/src/assets/zustand.png and b/src/assets/zustand.png differ
diff --git a/src/components/StackInfo/data.ts b/src/components/StackInfo/data.ts
index 5d390b8..367c621 100644
--- a/src/components/StackInfo/data.ts
+++ b/src/components/StackInfo/data.ts
@@ -1,28 +1,30 @@
-import bun from '../../assets/bun.png'
-import charp from '../../assets/charp.png'
-import docker from '../../assets/docker.png'
-import fastify from '../../assets/fastify.png'
-import rust from '../../assets/rust.png'
-import go from '../../assets/go.png'
-import js from '../../assets/js.png'
-import kuber from '../../assets/kuber.png'
-import mongodb from '../../assets/mongodb.svg'
-import mysql from '../../assets/mysql.svg'
-import nest from '../../assets/nest.png'
-import nodejs from '../../assets/nodejs.svg'
-import php from '../../assets/php.svg'
-import postgres from '../../assets/postgresql.svg'
-import python from '../../assets/python.svg'
-import react from '../../assets/react.svg'
-import redis from '../../assets/redis.png'
-import redux from '../../assets/redux.svg'
-import styled from '../../assets/styled-components.svg'
-import ts from '../../assets/ts.svg'
-import vite from '../../assets/vite.png'
-import vk from '../../assets/vk.svg'
-import vue from '../../assets/vue.svg'
-import elysia from '../../assets/elysia.svg'
-import zustand from '../../assets/zustand.png'
+import {
+ bun,
+ charp,
+ docker,
+ elysia,
+ fastify,
+ go,
+ js,
+ kuber,
+ mongodb,
+ mysql,
+ nest,
+ nodejs,
+ php,
+ postgres,
+ python,
+ react,
+ redis,
+ redux,
+ rust,
+ styled,
+ ts,
+ vite,
+ vk,
+ vue,
+ zustand
+} from '../../assets/technologies.ts'
export interface Technology {
name: string
@@ -61,5 +63,5 @@ export const technologiesOther: Technology[] = [
{ name: 'Docker', logo: docker, level: 'Beginner' },
{ name: 'Python', logo: python, level: 'Intermediate' },
{ name: 'Go', logo: go, level: 'Too small' },
- { name: 'Kubernetes', logo: kuber, level: 'Beginner' },
+ { name: 'Kubernetes', logo: kuber, level: 'Beginner' }
]
diff --git a/src/views/Projects.tsx b/src/views/Projects.tsx
index 582e4f8..6b5bfda 100644
--- a/src/views/Projects.tsx
+++ b/src/views/Projects.tsx
@@ -1,23 +1,32 @@
-import {Icon28ServicesOutline} from '@vkontakte/icons'
+import { Icon28ServicesOutline } from '@vkontakte/icons'
import {
useActiveVkuiLocation,
useRouteNavigator
} from '@vkontakte/vk-mini-apps-router'
-import {CardGrid, ContentCard, Footer, Group, Link, Panel, Placeholder, View} from '@vkontakte/vkui'
-import {FC} from 'react'
+import {
+ CardGrid,
+ ContentCard,
+ Footer,
+ Group,
+ Link,
+ Panel,
+ Placeholder,
+ View
+} from '@vkontakte/vkui'
+import { FC } from 'react'
-import PanelHeaderWithBack from '../components/PanelHeaderWithBack'
-import gatto from '../assets/gatto.jpg'
-import diary from '../assets/diary.png'
import admin from '../assets/admin.jpg'
-import wpf from '../assets/wpf.png'
import db from '../assets/db.png'
-import {GITHUB_URL} from "../constants";
+import diary from '../assets/diary.png'
+import gatto from '../assets/gatto.jpg'
+import wpf from '../assets/wpf.png'
+import PanelHeaderWithBack from '../components/PanelHeaderWithBack'
+import { GITHUB_URL } from '../constants'
-const Projects: FC<{ id: string }> = ({id}) => {
- const {panel: activePanel, panelsHistory} = useActiveVkuiLocation()
+const Projects: FC<{ id: string }> = ({ id }) => {
+ const { panel: activePanel, panelsHistory } = useActiveVkuiLocation()
const routeNavigator = useRouteNavigator()
-
+
return (
= ({id}) => {
onSwipeBack={() => routeNavigator.back()}
>
-
+
-
+
window.open('https://vk.com/gatto_game', '_blank')}
src={gatto}
- alt="preview"
- subtitle="React, TypeScript etc..."
- header="Gatto"
+ alt='preview'
+ subtitle='React, TypeScript etc...'
+ header='Gatto'
caption="Gatto - это большая, яркая и увлекательная игра. По типу напоминает 'тамагочи' - есть прокачка персонажей, различные локации и элементы скрещивания."
/>
window.open('https://vk.com/diary_spo', '_blank')}
src={diary}
- alt="preview"
- subtitle="Preact, TypeScript, VKUI etc..."
- header="Дневник СПО"
- caption="Обёртка над дневником Сетевого города для СПО (API совпадает с Томской областью). В сервисе студенты могут полностью следить за своей успеваемостью и расписанием."
+ alt='preview'
+ subtitle='Preact, TypeScript, VKUI etc...'
+ header='Дневник СПО'
+ caption='Обёртка над дневником Сетевого города для СПО (API совпадает с Томской областью). В сервисе студенты могут полностью следить за своей успеваемостью и расписанием.'
/>
window.open('https://github.com/Diary-SPO/diary-admin', '_blank')}
+ onClick={() =>
+ window.open(
+ 'https://github.com/Diary-SPO/diary-admin',
+ '_blank'
+ )
+ }
src={admin}
- alt="preview"
- subtitle="Preact, TypeScript, VKUI, Docker, ElysiaJS etc..."
- header="Дневник Admin"
- caption="Попытка сделать собственный дневник, а именно часть администратора: создание групп, расписаний, выставление оценок и тд."
+ alt='preview'
+ subtitle='Preact, TypeScript, VKUI, Docker, ElysiaJS etc...'
+ header='Дневник Admin'
+ caption='Попытка сделать собственный дневник, а именно часть администратора: создание групп, расписаний, выставление оценок и тд.'
/>
window.open('https://github.com/scffs/FakeDB', '_blank')}
+ onClick={() =>
+ window.open('https://github.com/scffs/FakeDB', '_blank')
+ }
src={db}
- alt="preview"
- subtitle="C#"
- header="Fake DB"
- caption="Консольное приложение для управления пользователями с использованием фейковой базы данных."
+ alt='preview'
+ subtitle='C#'
+ header='Fake DB'
+ caption='Консольное приложение для управления пользователями с использованием фейковой базы данных.'
/>
window.open('https://github.com/scffs/WPF-Quiz', '_blank')}
+ onClick={() =>
+ window.open('https://github.com/scffs/WPF-Quiz', '_blank')
+ }
src={wpf}
- alt="preview"
- subtitle="C#, WPF"
- header="WPF Quiz"
- caption="Игроку предлагается лист, на котором написан текст. В тексте некоторые слова заменены пиктограммами. Пиктограммы в тексте заменены в случайном порядке."
+ alt='preview'
+ subtitle='C#, WPF'
+ header='WPF Quiz'
+ caption='Игроку предлагается лист, на котором написан текст. В тексте некоторые слова заменены пиктограммами. Пиктограммы в тексте заменены в случайном порядке.'
/>