From 02d70d7990575fc1294b9c3a1920b0b49b9d46e7 Mon Sep 17 00:00:00 2001 From: TBS093A Date: Sun, 17 Sep 2023 16:21:25 +0200 Subject: [PATCH] feat(upgrades): tottaly upgrade everything remove stochastic way of rendering segments, use normal way (split on segments) --- package.json | 2 +- src/pages/index.js | 832 ++++++++++++++++++++++++---------------- src/styles/general.scss | 62 +-- 3 files changed, 533 insertions(+), 363 deletions(-) diff --git a/package.json b/package.json index bd11784..5c51d11 100644 --- a/package.json +++ b/package.json @@ -8,7 +8,7 @@ "gatsby" ], "scripts": { - "develop": "gatsby develop", + "develop": "gatsby develop -p 8888 -H 0.0.0.0", "start": "gatsby develop", "build": "gatsby build", "serve": "gatsby serve", diff --git a/src/pages/index.js b/src/pages/index.js index d7e7e83..e6b412e 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -10,11 +10,118 @@ import WorkInfinidatLogo from "../images/work_infinidat_logo.png" import WorkTechemLogo from "../images/work_techem_logo.png" -const SegmentWithImage = ({ segment }) => { + +const MiniWorkImage = ({ image }) => { return ( -
+ + ) +} + + +const SegmentTitle = ({ segment }) => { + return ( +
+
+ { segment.title } +
+
+ ) +} + + +const SegmentListNormal = ({ segment, tabs }) => { + return ( +
+
+
    +
  • + { + segment.content.length > 0 ? + segment.title + ":" + : + segment.title + "," + } +
    • +
      + { + segment.content.length > 0 ? + segment.content.map( + (item, index) => { + return ( +
    • + { item + "," } +
      • + ) + } + ) + : + <> + } +
    +
+
+
+ ) +} + +const SegmentListWork = ({ segment, tabs }) => { + return ( +
+
+
    +
  • + { + segment.content.length > 0 ? + segment.title + ":" + : + segment.title + "," + } +
    • +
      + { + segment.content.length > 0 ? + segment.content.map( + (item, index) => { + return ( +
    • + { item + "," } +
      • + ) + } + ) + : + <> + } +
    +
+
+
+ ) +} + + +const SegmentGeneral = ({ segment }) => { + return ( +
@@ -60,134 +167,12 @@ const SegmentWithImage = ({ segment }) => { ) } -const MiniWorkImage = {{ image }} => { - return ( - - ) -} - -const SegmentNormal = ({ segment }) => { - return ( -
-
- { segment.title } -
-
-
    - { - typeof segment.content === "object" ? - Object.keys(segment.content).map( (key) => { - return ( -
  • - { - typeof segment.content[key] === "object" ? - segment.content[key].length === 1 ? - return ( - <> - - { key + "," } - - ) - : - return ( - <> - - { key + ": " } - - ) - : - key + "," - } -
      - { - typeof segment.content[key] === "object" ? - segment.content[key].slice(1).map( (value, index) => { - return ( -
    • - { - typeof value === "object" ? - Object.keys( value ).map( ( key_two, index_two) => { - return ( - <> - - { key_two + ": " } -
        - { - typeof value === "object" ? - Object.keys( value[key_two] ).slice(1).map( (key_three, index_three) => { - return ( - <> - { key_three + ": " } -
          - { - typeof value[key_two][key_three] === "object" ? - value[key_two][key_three].map( (item, index_three) => { - return ( -
        • - { item + "," } -
          • - ) - } - : - "" - } -
        - - ) - } - : - value[key_two].map( (item, index_three) => { - return ( -
      • - { item + "," } -
        • - ) - } - ) - : - value + "," - } -
      - - ) - } - ) - : - value + "," - } -
      • - ) - } - ) - : - "" - } -
    -
    • - ) - } - ) - : - "lol" - } -
-
-
- ) -} const SegmentRODO = ({ segment }) => { return ( -
+
{ segment.content }
@@ -201,26 +186,50 @@ const Segment = ({ index, segment }) => { let segment_index = "segment_" + index return ( -
{ - "image" in segment ? - - : - segment.title === "" ? - + - : - - } + /> + + : + segment.type === "titleSegment" ? + <> + + + : + segment.type === "subSegment" ? + <> + + + : + segment.type === "workSubSegment" ? + <> + + + : + segment.type === "RODOSegment" ? + <> + + + : + <> + }
) } @@ -230,8 +239,9 @@ const IndexPage = () => { let content_pl = [ { + type: "generalTitleSegment", title: "Kamil Żuk", - image: "me.png", + image: MePng, content: { "E-mail": "zukkamil.44@gmail.com", "Github": "github.com/tbs093a", @@ -241,132 +251,199 @@ const IndexPage = () => { } }, { + type: "titleSegment", title: "Umiejętności", - content: { - "Programowanie": [ - "Python - Django / Django REST Framework / Channels 3.0", - "Javascript - ReactJS / Redux Toolkit", - ], - "Konfiguracja Serwerów": [ - "Apache / Nginx (Https-Portal)" - ], - "Obsługa Narzędzi DevOps": [ - "Jenkins / Ansible / Docker / Docker-Compose / Automatyzacja w Bash", - ], - "Konfiguracja & Administracja Baz Danych": [ - "SQL - MariaDB / MySQL / PostgreSQL", - "NoSQL - MongoDb / ElasticSearch / Redis" - ], - "Język Angielski": [ - "Poziom B2", - ], - } }, + { + type: "subSegment", + tabs: 0, + title: "Programowanie", + content: [ + "Python - Django / Django REST Framework / Channels 3.0", + "Javascript - ReactJS / Redux Toolkit", + ], + }, + { + type: "subSegment", + tabs: 0, + title: "Konfiguracja Serwerów", + content: [ + "Apache / Nginx (Https-Portal)" + ], + }, + { + type: "subSegment", + tabs: 0, + title: "Obsługa Narzędzi DevOps", + content: [ + "Jenkins / Ansible / Docker / Docker-Compose / Automatyzacja w Bash", + ], + }, + { + type: "subSegment", + tabs: 0, + title: "Konfiguracja & Administracja Baz Danych", + content: [ + "SQL - MariaDB / MySQL / PostgreSQL", + "NoSQL - MongoDb / ElasticSearch / Redis" + ], + }, + { + type: "subSegment", + tabs: 0, + title: "Język Angielski", + content: [ + "Poziom B2", + ], + }, { + type: "titleSegment", title: "Doświadczenie", - content: { - "Zespół Szkół Elektronicznych w Rzeszowie / Technikum nr 6 - Technik Informatyk - od 2013 do 2017": [ - { - "image": WorkZSELogo, - } - ], - "Uniwersytet Rzeszowski - Studia Inżynierskie - Informatyka - od 2017 do 2021": [ - { - "image": WorkURLogo, - }, - { - "Praca Inżynierska - Graficzna baza układów dłoni na potrzeby systemu rozpoznawania Polskiego Języka Migowego (PJM)": [ - "integracja Django / Django REST Framework z oprogramowaniem Blender", - "integracja Djnago / Django REST Framework z bazą danych MongoDb podzielonej na fragmenty (shards)", - "implementacja protokołu WebSocket (moduł Channles 3.0) do monitorowania procesu renderowania układów dłoni w czasie rzeczywistym", - "implementacja synchronicznego API w Django REST Framework do zarządzania wyrenderowanymi obrazami oraz modelami 3D", - "implementacja asynchronicznego API w Django + Channels 3.0 + Redis do nadzorowania procesu renderowania na serwerze w czasie rzeczywistym", - "implementacja aplikacji klienckiej w ReactJS / Gatsby + Redux Toolkit do obsługi synchronicznego i asynchronicznego API", - "wdrożenie aplikacji w formie rozproszonej dzięki narzędziom konteneryzacji i orkiestracji Docker + Docker-Compose", - "implementacja skryptów Bash automatyzujących migrację / konfigurację wszystkich środowisk konteneryzacyjnych na podstawie zmeinnych środowiskowych", - "wykonanie modelu trójwymiarowgo dłoni przeznaczonego do renderowania realistycznych próbek (zdjęć) układów dłoni, jako materiały do nauki systemu rozpoznawania PJM", - ] - } - ], - "Sembot Sp. z o. o. - od 01.11.2020 do 30.10.2022": [ - { - "image": WorkSembotLogo, - }, - { - "DevOps Engineer & Python Developer": [ - "Administracja serwerów (OVH / AWS / Digital Ocean)", - "Konfiguracja serwerów (Nginx (Https-Portal) / Apache / Docker)", - "Automatyzacja operacji rutynowych (Ansible / Jenkins pipeline / Bash scripts)", - "Wdrażanie produkcyjne oprogramowania zorientowanego na kontenerach (Docker / Docker-Compose)", - "Programowanie narzędzi MerchTech (Python / Django / Django REST Framework)", - "Implementacja, konfiguracja oraz administracja baz danych do obsługi narzędzi MerchTech (Big Data) (MongoDb / Elasticsearch / MariaDb / MySQL / Redis / AWS SQS)" - ] - } - ], - "Sii Sp. z o. o. - od 10.11.2022": [ - { - "image": WorkSiiLogo, - }, - { - "Infinidat Inc - od 10.11.2022 do 24.02.2023": [ - { - "image": WorkInfinidatLogo, - }, - { - "Integration Developer": [ - "Utrzymywanie infrastruktury serwerów (VMware / Vcenter / Vsphere / ESXi)", - "Wdrażanie hostów / węzłów Jenkinsa (Jenkins nodes - z różnymi wersjami distro Linux'a oraz Windows'a) pod budowę i integrację aplikacji (CI/CD)", - "Wdrażanie hostów Vcenter / Vsphere / ESXi", - "Rozwiązywanie problemów na etapie integracji (Jenkins - naprawa na podstawie testów)", - "Ulepszanie procesów oraz rozwiązań integracyjnych (Jenkins pipeline / Gitlab / Python / Bash)", - "Automatyzacja rutynowych czynności (Bash / Python / Ansible / Jenkins)", - ], - }, - ], - "Projekty Wewnętrzne - od 25.02.2023 do 27.05.2023": [ - { - "image": WorkSiiLogo, - }, - { - "DevOps Engineer": [ - "Utrzymywanie infrastruktury mikroserwisów (Docker / Kubernetes / Helm)", - "Utrzymywanie infrastruktury serwerów (Linux)", - "Automatyzacja konfiguracji serwerów (Ansible / Kubespray / Bash)", - "Ulepszanie / Utrzymywanie procesów zautomatyzowanych (Gitlab-CI), - "Automatyzacja raportowania przebiegu wdrożenia CI/CD (Gitlab-CI / SonarQube)", - ], - }, - ], - "Techem GmbH - od 30.05.2023": [ - { - "Image": WorkTechemLogo, - }, - { - "DevOps Engineer": [ - "Utrzymywanie Infrastruktury mikroserwisów (Docker / Docker Compose)", - "Utrzymywanie Infrastruktury serwerów (Jenkins Agent - Windows / Jenkins Master - Linux)", - "Automatyzacja konfiguracji serwerów (Ansible / Bash / Powershell)", - "Automatyzacja uruchamiania testów urządzeń IrDA na środowisku CI/CD (Regresja, Merge Request, Commit) (Jenkins CI/CD / Bash / Powershell / Python - TOX)", - "Automatyzacja bodwania i kolekcjonowania reużywalnych pakietów języka python (Jenkins CI/CD / Private PyPI / Python)", - "Automatyzacja raportowania testów (Jenkins CI/CD / Test-Result-Analyzer / Jira Xray)", - "Automatyzacja procesów walidujących kod (Pre-commit / Black Formatter / Flake8 / MyPY / etc.)" - ], - }, - ], - } - ] - } + }, + { + type: "workSubSegment", + tabs: 0, + title: "Zespół Szkół Elektronicznych w Rzeszowie / Technikum nr 6 - Technik Informatyk - od 2013 do 2017", + image: WorkZSELogo, + content: [], + }, + { + type: "workSubSegment", + tabs: 0, + title: "Uniwersytet Rzeszowski - Studia Inżynierskie - Informatyka - od 2017 do 2021", + image: WorkURLogo, + content: [], + }, + { + type: "workSubSegment", + tabs: 1, + title: "Praca Inżynierska - Graficzna baza układów dłoni na potrzeby systemu rozpoznawania Polskiego Języka Migowego (PJM)", + image: "", + content: [ + "integracja Django / Django REST Framework z oprogramowaniem Blender", + "integracja Djnago / Django REST Framework z bazą danych MongoDb podzielonej na fragmenty (shards)", + "implementacja protokołu WebSocket (moduł Channles 3.0) do monitorowania procesu renderowania układów dłoni w czasie rzeczywistym", + "implementacja synchronicznego API w Django REST Framework do zarządzania wyrenderowanymi obrazami oraz modelami 3D", + "implementacja asynchronicznego API w Django + Channels 3.0 + Redis do nadzorowania procesu renderowania na serwerze w czasie rzeczywistym", + "implementacja aplikacji klienckiej w ReactJS / Gatsby + Redux Toolkit do obsługi synchronicznego i asynchronicznego API", + "wdrożenie aplikacji w formie rozproszonej dzięki narzędziom konteneryzacji i orkiestracji Docker + Docker-Compose", + "implementacja skryptów Bash automatyzujących migrację / konfigurację wszystkich środowisk konteneryzacyjnych na podstawie zmeinnych środowiskowych", + "wykonanie modelu trójwymiarowgo dłoni przeznaczonego do renderowania realistycznych próbek (zdjęć) układów dłoni, jako materiały do nauki systemu rozpoznawania PJM", + ], + }, + { + type: "workSubSegment", + tabs: 0, + title: "Sembot Sp. z o. o. - od 01.11.2020 do 30.10.2022", + image: WorkSembotLogo, + content: [], + }, + { + type: "workSubSegment", + tabs: 1, + title: "DevOps Engineer & Python Developer", + image: "", + content: [ + "Administracja serwerów (OVH / AWS / Digital Ocean)", + "Konfiguracja serwerów (Nginx (Https-Portal) / Apache / Docker)", + "Automatyzacja operacji rutynowych (Ansible / Jenkins pipeline / Bash scripts)", + "Wdrażanie produkcyjne oprogramowania zorientowanego na kontenerach (Docker / Docker-Compose)", + "Programowanie narzędzi MerchTech (Python / Django / Django REST Framework)", + "Implementacja, konfiguracja oraz administracja baz danych do obsługi narzędzi MerchTech (Big Data) (MongoDb / Elasticsearch / MariaDb / MySQL / Redis / AWS SQS)" + ], }, { + type: "workSubSegment", + tabs: 0, + title: "Sii Sp. z o. o. - od 10.11.2022", + image: WorkSiiLogo, + content: [], + }, + { + type: "workSubSegment", + tabs: 1, + title: "Infinidat Inc - od 10.11.2022 do 24.02.2023", + image: WorkInfinidatLogo, + content: [], + }, + { + type: "workSubSegment", + tabs: 2, + title: "Integration Developer", + image: "", + content: [ + "Utrzymywanie infrastruktury serwerów (VMware / Vcenter / Vsphere / ESXi)", + "Wdrażanie hostów / węzłów Jenkinsa (Jenkins nodes - z różnymi wersjami distro Linux'a oraz Windows'a) pod budowę i integrację aplikacji (CI/CD)", + "Wdrażanie hostów Vcenter / Vsphere / ESXi", + "Rozwiązywanie problemów na etapie integracji (Jenkins - naprawa na podstawie testów)", + "Ulepszanie procesów oraz rozwiązań integracyjnych (Jenkins pipeline / Gitlab / Python / Bash)", + "Automatyzacja rutynowych czynności (Bash / Python / Ansible / Jenkins)", + ], + }, + { + type: "workSubSegment", + tabs: 1, + title: "Projekty Wewnętrzne - od 25.02.2023 do 27.05.2023", + image: WorkSiiLogo, + content: [], + }, + { + type: "workSubSegment", + tabs: 2, + title: "DevOps Engineer", + image: "", + content: [ + "Utrzymywanie infrastruktury mikroserwisów (Docker / Kubernetes / Helm)", + "Utrzymywanie infrastruktury serwerów (Linux)", + "Automatyzacja konfiguracji serwerów (Ansible / Kubespray / Bash)", + "Ulepszanie / Utrzymywanie procesów zautomatyzowanych (Gitlab-CI)", + "Automatyzacja raportowania przebiegu wdrożenia CI/CD (Gitlab-CI / SonarQube)", + ], + }, + { + type: "workSubSegment", + tabs: 1, + title: "Techem GmbH - od 30.05.2023", + image: WorkTechemLogo, + content: [], + }, + { + type: "workSubSegment", + tabs: 2, + title: "DevOps Engineer", + image: "", + content: [ + "Utrzymywanie Infrastruktury mikroserwisów (Docker / Docker Compose)", + "Utrzymywanie Infrastruktury serwerów (Jenkins Agent - Windows / Jenkins Master - Linux)", + "Automatyzacja konfiguracji serwerów (Ansible / Bash / Powershell)", + "Automatyzacja uruchamiania testów urządzeń IrDA na środowisku CI/CD (Regresja, Merge Request, Commit) (Jenkins CI/CD / Bash / Powershell / Python - TOX)", + "Automatyzacja bodwania i kolekcjonowania reużywalnych pakietów języka python (Jenkins CI/CD / Private PyPI / Python)", + "Automatyzacja raportowania testów (Jenkins CI/CD / Test-Result-Analyzer / Jira Xray)", + "Automatyzacja procesów walidujących kod (Pre-commit / Black Formatter / Flake8 / MyPY / etc.)" + ], + }, + { + type: "titleSegment", title: "Zainteresowania", - content: { - "Web3.0": [ - "Blockchain / Cryptography / Smart Contracts", - ], - "Grafika 3D & 2D": "", - } }, + { + type: "subSegment", + tabs: 0, + title: "Web3.0", + image: "", + content: [ + "Blockchain / Cryptography / Smart Contracts", + ], + }, + { + type: "subSegment", + tabs: 0, + title: "Grafika 3D & 2D", + image: "", + content: [], + }, { + type: "RODOSegment", title: "", content: "Wyrażam zgodę na przetwarzanie moich danych osobowych dla potrzeb niezbędnych do realizacji procesu rekrutacji zgodnie z Rozporządzeniem Parlamentu Europejskiego i Rady (UE) 2016/679 z dnia 27 kwietnia 2016 r. w sprawie ochrony osób fizycznych w związku z przetwarzaniem danych osobowych i w sprawie swobodnego przepływu takich danych oraz uchylenia dyrektywy 95/46/WE (RODO)." } @@ -386,83 +463,170 @@ const IndexPage = () => { }, { title: "Tech Skills", - content: { - "Programming": [ - "Python - Django / Django REST Framework / Channels 3.0", - "Javascript - ReactJS / Redux Toolkit", - ], - "Server Configuration": [ - "Apache / Nginx (Https-Portal)" - ], - "DevOps Tools": [ - "Jenkins / Ansible / Docker / Docker-Compose / Bash", - ], - "Configuration & Administration": [ - "SQL - MariaDB / MySQL / PostgreSQL", - "NoSQL - MongoDb / ElasticSearch / Redis" - ], - "English": [ - "B2 Level", - ], - } + content: [ + { + title: "Programming", + content: [ + "Python - Django / Django REST Framework / Channels 3.0", + "Javascript - ReactJS / Redux Toolkit", + ], + }, + { + title: "Server Configuration", + content: [ + "Apache / Nginx (Https-Portal)" + ], + }, + { + title: "DevOps Tools", + content: [ + "Jenkins / Ansible / Docker / Docker-Compose / Automatyzacja w Bash", + ], + }, + { + title: "Configuration & Administration", + content: [ + "SQL - MariaDB / MySQL / PostgreSQL", + "NoSQL - MongoDb / ElasticSearch / Redis" + ], + }, + { + title: "English", + content: [ + "B2 Level", + ], + }, + ] }, { title: "Experience", - content: { - "ZSE in Rzeszów / Technical School - IT - from 2013 to 2017": "", - "University of Rzeszów - Engineer Studying - IT - from 2017 to 2021": [ - { - "Thesis - Graphical database of handshapes for the Polish Sign Language (PSL) gesture recognition system": [ - "Django / Django REST Framework integration with 3D objects editor software - Blender", - "Djnago / Django REST Framework integration with MongoDb sharded database", - "WebSocket (Channles 3.0 module) implementation for single proccess of handshape render monitoring", - "Sync Django REST Framework API implementation for ready materials and 3D object files managment", - "Async Django + Channels 3.0 + Redis API implementation for live rendering proccess managment", - "ReactJS / Gatsby + Redux Toolkit client application implementation for simple sync & async backend application functionality control", - "Application deployment in distributed form as containers with Docker + Docker-Compose tools", - "Bash scripts implementation for routain operations automatization like databases migration & all app containers configuration", - "Made 3D hand model for realistic materials (handshapes) rendering as images for learning PSL recognition system", - ] - } - ], - "Sembot Sp. z o. o. - DevOps Engineer & Python Developer - from 01.11.2020 to 30.10.2022": [ - { - "Responsibilities": [ - "Server Administration (OVH / AWS / Digital Ocean)", - "Server Configuratiion (Nginx (Https-Protal) / Apache / Docker)", - "Routain operations automation (Ansible / Jenkins pipeline / Bash scripts)", - "Applications deployment oriented on containers (Docker / Docker-Compose)", - "MerchTech tools implementation (Python / Django / Django REST Framework)", - "Production databases implementation & configuration & administration for MerchTech tools (Big Data) (MongoDb / Elasticsearch / MariaDb / MySQL / Redis / AWS SQS)" - ] - } - ], - "Sii Sp. z o. o. - Integration Developer - from 10.11.2022": [ - { - "Responsibilities": [ - "Infrastructure maintaining (VMware / Vcenter / Vsphere / ESXi)", - "Jenkins nodes implamentation (with different Linux and Windows distros versions) for applications building and integration (CI/CD process)", - "Vcenter / Vsphere / ESXi hosts deployment", - "Problems solving on integration stage (tests / code fixing & repairing)", - "Integration processes & solution improvements (Jenkins pipeline / Gitlab / Python / Bash)", - "Routine operations automation (Bash / Python / Ansible / Jenkins)", - ] - } - ] - } - }, + content: [ + { + title: "ZSE in Rzeszów / Technical School - IT - from 2013 to 2017", + image: WorkZSELogo, + content: [], + }, + { + title: "University of Rzeszów - Engineer Studying - IT - from 2017 to 2021", + image: WorkURLogo, + content: [ + { + title: "Thesis - Graphical database of handshapes for the Polish Sign Language (PSL) gesture recognition system", + image: "", + content: [ + "Django / Django REST Framework integration with 3D objects editor software - Blender", + "Djnago / Django REST Framework integration with MongoDb sharded database", + "WebSocket (Channles 3.0 module) implementation for single proccess of handshape render monitoring", + "Sync Django REST Framework API implementation for ready materials and 3D object files managment", + "Async Django + Channels 3.0 + Redis API implementation for live rendering proccess managment", + "ReactJS / Gatsby + Redux Toolkit client application implementation for simple sync & async backend application functionality control", + "Application deployment in distributed form as containers with Docker + Docker-Compose tools", + "Bash scripts implementation for routain operations automatization like databases migration & all app containers configuration", + "Made 3D hand model for realistic materials (handshapes) rendering as images for learning PSL recognition system", + ], + }, + ], + }, + { + title: "Sembot Sp. z o. o. - from 01.11.2020 to 30.10.2022", + image: WorkSembotLogo, + content: [ + { + title: "DevOps Engineer & Python Developer", + image: "", + content: [ + "Server Administration (OVH / AWS / Digital Ocean)", + "Server Configuratiion (Nginx (Https-Protal) / Apache / Docker)", + "Routain operations automation (Ansible / Jenkins pipeline / Bash scripts)", + "Applications deployment oriented on containers (Docker / Docker-Compose)", + "MerchTech tools implementation (Python / Django / Django REST Framework)", + "Production databases implementation & configuration & administration for MerchTech tools (Big Data) (MongoDb / Elasticsearch / MariaDb / MySQL / Redis / AWS SQS)" + ], + }, + ], + }, + { + title: "Sii Sp. z o. o. - from 10.11.2022", + image: WorkSiiLogo, + content: [ + { + title: "Infinidat Inc - from 10.11.2022 to 24.02.2023", + image: WorkInfinidatLogo, + contnet: [ + { + title: "Integration Developer", + image: "", + content: [ + "Infrastructure maintaining (VMware / Vcenter / Vsphere / ESXi)", + "Jenkins nodes implamentation (with different Linux and Windows distros versions) for applications building and integration (CI/CD process)", + "Vcenter / Vsphere / ESXi hosts deployment", + "Problems solving on integration stage (tests / code fixing & repairing)", + "Integration processes & solution improvements (Jenkins pipeline / Gitlab / Python / Bash)", + "Routine operations automation (Bash / Python / Ansible / Jenkins)", + ], + }, + ], + }, + { + title: "Inside Projects - from 25.02.2023 to 27.05.2023", + image: WorkSiiLogo, + content: [ + { + title: "DevOps Engineer", + image: "", + content: [ + "Microservices infrastructure maintenance (Docker / Kubernetes / Helm)", + "Servers infrastructure maintenance (Linux)", + "Automatization of servers configuration (Ansible / Kubespray / Bash)", + "Upgrading / maintainance of automatic processes (Gitlab-CI)", + "Automatization of CI/CD process reporting (Gitlab-CI / SonarQube)", + ], + }, + ], + }, + { + title: "Techem GmbH - from 30.05.2023", + image: WorkTechemLogo, + content: [ + { + title: "DevOps Engineer", + image: "", + content: [ + "Microservices infrastructure maintenance (Docker / Docker Compose)", + "Servers infrastructure maintenance (Jenkins Agent - Windows / Jenkins Master - Linux)", + "Automatization of servers configuration (Ansible / Bash / Powershell)", + "Automatization of IrDA devices tests invoking on CI/CD environment (Regression, Merge Request, Commit) (Jenkins CI/CD / Bash / Powershell / Python - TOX)", + "Automatization of re-used python packages building & collecting process (Jenkins CI/CD / Private PyPI / Python)", + "Automatization of tests reporting (Jenkins CI/CD / Test-Result-Analyzer / Jira Xray)", + "Automatization of code validation processes (Pre-commit / Black Formatter / Flake8 / MyPY / etc.)" + ], + }, + ], + }, + ], + }, + ], + }, { title: "Interests", - content: { - "Web3.0": [ - "Blockchain / Cryptography / Smart Contracts", - ], - "3D & 2D Graph Design": "", - } + content: [ + { + title: "Web3.0", + image: "", + content: [ + "Blockchain / Cryptography / Smart Contracts", + ], + }, + { + title: "3D & 2D Graph Design", + image: "", + content: [], + }, + ] }, { title: "", - content: "I agree to the processing of personal data provided in this document for realising the recruitment process pursuant to the Personal Data Protection Act of 10 May 2018 (Journal of Laws 2018, item 1000) and in agreement with Regulation (EU) 2016/679 of the European Parliament and of the Council of 27 April 2016 on the protection of natural persons with regard to the processing of personal data and on the free movement of such data, and repealing Directive 95/46/EC (General Data Protection Regulation)." + content: "I agree to the processing of personal data provided in this document for realising the recruitment process pursuant to the Personal Data Protection Act of 10 May 2018 (Journal of Laws 2018, item 1000) and in agreement with Regulation (EU) 2016/679 of the European Parliament and of the Council of 27 April 2016 on the protection of natural persons with regard to the processing of personal data and on the free movement of such data, and repealing Directive 95/46/EC (General Data Protection Regulation)." } ] @@ -638,11 +802,11 @@ const IndexPage = () => { } ] - let eng_ = "Wersja po Angielsku 🇬🇧" - let pol_ = "Polish Version 🇵🇱" + let eng_ = "🇬🇧" + let pol_ = "🇵🇱" - const [content_swapper, set_content_swap] = React.useState(pol_); - const [content, set_content] = React.useState(content_en); + const [content_swapper, set_content_swap] = React.useState(eng_); + const [content, set_content] = React.useState(content_pl); const swap_content = (event) => { event.preventDefault() diff --git a/src/styles/general.scss b/src/styles/general.scss index 36b3b6a..6c25ecd 100644 --- a/src/styles/general.scss +++ b/src/styles/general.scss @@ -97,15 +97,7 @@ $foot_font_size: 9.8pt; .cover { object-fit: cover; object-position: top; - } - - .segment_content { - float: left; - width: 100%; - font-family: $regular_font_family; - font-size: $regular_font_size; - text-align: justify; - } + } .foot_content { font-size: $foot_font_size; @@ -126,27 +118,41 @@ $foot_font_size: 9.8pt; margin-top: 5px; } } - - .segment_title { - float: left; - width: 250px; - padding-top: 12px; - height: 45px; - color: white; - font-family: $title_font_family; - font-size: $title_font_size; - text-align: center; - background-color: $div_background_color; - } - - .segment_title_image { - float: left; - margin-top: 100px; - margin-left: -40px; - } - } + .segment_title { + float: left; + width: 250px; + padding-top: 12px; + height: 45px; + color: white; + font-family: $title_font_family; + font-size: $title_font_size; + text-align: center; + background-color: $div_background_color; + } + + .segment_content { + float: left; + width: 100%; + font-family: $regular_font_family; + font-size: $regular_font_size; + text-align: justify; + + ul { + margin-top: 0; + margin-bottom: 0; + list-style-type: none; + } + } + + .segment_title_image { + float: left; + margin-top: 100px; + margin-left: -40px; + } + + .subitem { margin-left: 15px; }