diff --git a/src/content/kamil.js b/src/content/kamil.js index 6f03b3e..ee2dffc 100644 --- a/src/content/kamil.js +++ b/src/content/kamil.js @@ -407,6 +407,215 @@ export const content_en = [ "Date of Brith": "30.06.1997", } }, + { + type: "titleSegment", + title: "Experience", + }, + { + type: "workSubSegment", + tabs: 0, + title: "Sii Sp. z o. o. - from 10.11.2022", + firstElement: true, + image: WorkSiiLogo, + content: [] + }, +// { +// type: "createBranchSegment", +// tabs: 1, +// branchBorderColor: "#fa0c00", +// mainBorderColor: "#0464a8", +// }, + { + type: "workSubSegment", + tabs: 1, + title: "Adobe Inc - DevOps Engineer & Site Reliability Engineer - from 01.12.2023", + image: WorkAdobeLogo, + branchBorderColor: "#fa0c00", + mainBorderColor: "#0464a8", + content: [ + "Adobe Experience Manager (AEM) Outage Root Cause Analysis (RCA) Preparation", + "Java Heap-Dumps & Thread-Dumps Analysis (Leak Suspects / Threads Operations Investigation)", + "SRE Dashboards Analysis (New Relic / Splunk / Grafana)", + "SRE Dashboards Creation (Splunk)", + "Automatization of Investigation & Routine Tasks (Bash / Python)", + "Infrastructure Behaviour Investigation (Kubernetes / Linux / AEM)", + ], + }, + { + type: "mergeBranchSegment", + tabs: 1, + branchBorderColor: "#fa0c00", + mainBorderColor: "#0464a8", + }, + { + type: "createBranchSegment", + tabs: 1, + branchBorderColor: "#f87479", + mainBorderColor: "#0464a8", + }, + { + type: "workSubSegment", + tabs: 1, + title: "Techem GmbH - DevOps Engineer - from 30.05.2023 to 30.11.2023", + image: WorkTechemLogo, + branchBorderColor: "#f87479", + mainBorderColor: "#0464a8", + 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.)" + ], + }, + { + type: "mergeBranchSegment", + tabs: 1, + branchBorderColor: "#f87479", + mainBorderColor: "#0464a8", + }, + { + type: "createBranchSegment", + tabs: 1, + branchBorderColor: "#0464a8", + mainBorderColor: "#0464a8", + }, + { + type: "workSubSegment", + tabs: 1, + title: "Inside Projects - DevOps Engineer - from 25.02.2023 to 27.05.2023", + image: WorkSiiLogo, + branchBorderColor: "#0464a8", + mainBorderColor: "#0464a8", + 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)", + ], + }, + { + type: "mergeBranchSegment", + tabs: 1, + branchBorderColor: "#0464a8", + mainBorderColor: "#0464a8", + }, + { + type: "createBranchSegment", + tabs: 1, + branchBorderColor: "#8fc5c6", + mainBorderColor: "#0464a8", + }, + { + type: "workSubSegment", + tabs: 1, + title: "Infinidat Inc - Integration Developer - from 10.11.2022 to 24.02.2023", + image: WorkInfinidatLogo, + //lastSubElement: true, + branchBorderColor: "#8fc5c6", + mainBorderColor: "#0464a8", + 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)", + ], + }, + { + type: "mergeBranchSegment", + tabs: 1, + branchBorderColor: "#8fc5c6", + mainBorderColor: "#0464a8", + }, + { + type: "workSubSegment", + tabs: 0, + title: "Sembot Sp. z o. o. - from 01.11.2020 to 30.10.2022", + image: WorkSembotLogo, + content: [] + }, + { + type: "createBranchSegment", + tabs: 1, + branchBorderColor: "#f5c314", + mainBorderColor: "#f5c314", + }, + { + type: "workSubSegment", + tabs: 1, + title: "DevOps Engineer & Python Developer", + image: "", + //lastSubElement: true, + branchBorderColor: "#f5c314", + mainBorderColor: "#f5c314", + content: [ + "Server Administration (OVH / AWS / Digital Ocean)", + "Server Configuratiion (Nginx (Https-Protal) / Apache / Docker)", + "Routine 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)" + ], + }, + { + type: "mergeBranchSegment", + tabs: 1, + branchBorderColor: "#f5c314", + mainBorderColor: "#f5c314", + }, + + { + type: "workSubSegment", + tabs: 0, + title: "University of Rzeszów - Engineer Studying - IT - from 2017 to 2021", + image: WorkURLogo, + content: [] + }, + { + type: "createBranchSegment", + tabs: 1, + branchBorderColor: "#015198", + mainBorderColor: "#015198", + }, + { + type: "workSubSegment", + tabs: 1, + title: "Thesis - Graphical database of handshapes for the Polish Sign Language (PSL) gesture recognition system", + image: "", + //lastSubElement: true, + branchBorderColor: "#015198", + mainBorderColor: "#015198", + 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", + ], + }, + { + type: "mergeBranchSegment", + tabs: 1, + branchBorderColor: "#015198", + mainBorderColor: "#015198", + }, + { + type: "workSubSegment", + tabs: 0, + title: "ZSE in Rzeszów / Technical School - IT - from 2013 to 2017", + image: WorkZSELogo, + noElements: true, + content: [], + }, { type: "titleSegment", title: "Tech Skills", @@ -568,161 +777,6 @@ export const content_en = [ lastElement: true, content: [], }, - { - type: "titleSegment", - title: "Experience", - }, - { - type: "workSubSegment", - tabs: 0, - title: "ZSE in Rzeszów / Technical School - IT - from 2013 to 2017", - image: WorkZSELogo, - firstElement: true, - noElements: true, - content: [], - }, - { - type: "workSubSegment", - tabs: 0, - title: "University of Rzeszów - Engineer Studying - IT - from 2017 to 2021", - image: WorkURLogo, - content: [] - }, - { - type: "workSubSegment", - tabs: 1, - title: "Thesis - Graphical database of handshapes for the Polish Sign Language (PSL) gesture recognition system", - image: "", - branchBorderColor: "#015198", - mainBorderColor: "#015198", - 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", - ], - }, - { - type: "mergeBranchSegment", - tabs: 1, - branchBorderColor: "#015198", - mainBorderColor: "#015198", - }, - { - type: "workSubSegment", - tabs: 0, - title: "Sembot Sp. z o. o. - DevOps Engineer & Python Developer - from 01.11.2020 to 30.10.2022", - image: WorkSembotLogo, - branchBorderColor: "#f5c314", - content: [ - "Server Administration (OVH / AWS / Digital Ocean)", - "Server Configuratiion (Nginx (Https-Protal) / Apache / Docker)", - "Routine 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)" - ], - }, - { - type: "workSubSegment", - tabs: 0, - title: "Sii Sp. z o. o. - from 10.11.2022", - image: WorkSiiLogo, - content: [] - }, - { - type: "workSubSegment", - tabs: 1, - title: "Infinidat Inc - Integration Developer - from 10.11.2022 to 24.02.2023", - image: WorkInfinidatLogo, - branchBorderColor: "#8fc5c6", - mainBorderColor: "#0464a8", - 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)", - ], - }, - { - type: "mergeBranchSegment", - tabs: 1, - branchBorderColor: "#8fc5c6", - mainBorderColor: "#0464a8", - }, - { - type: "workSubSegment", - tabs: 1, - title: "Inside Projects - DevOps Engineer - from 25.02.2023 to 27.05.2023", - image: WorkSiiLogo, - branchBorderColor: "#0464a8", - mainBorderColor: "#0464a8", - 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)", - ], - }, - { - type: "mergeBranchSegment", - tabs: 1, - branchBorderColor: "#0464a8", - mainBorderColor: "#0464a8", - }, - { - type: "workSubSegment", - tabs: 1, - title: "Techem GmbH - DevOps Engineer - from 30.05.2023 to 30.11.2023", - image: WorkTechemLogo, - branchBorderColor: "#f87479", - mainBorderColor: "#0464a8", - 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.)" - ], - }, - { - type: "mergeBranchSegment", - tabs: 1, - branchBorderColor: "#f87479", - mainBorderColor: "#0464a8", - }, - { - type: "workSubSegment", - tabs: 1, - title: "Adobe Inc - DevOps Engineer & Site Reliability Engineer - from 01.12.2023", - image: WorkAdobeLogo, - branchBorderColor: "#fa0c00", - mainBorderColor: "#0464a8", - content: [ - "Adobe Experience Manager (AEM) Outage Root Cause Analysis (RCA) Preparation", - "Java Heap-Dumps & Thread-Dumps Analysis (Leak Suspects / Threads Operations Investigation)", - "SRE Dashboards Analysis (New Relic / Splunk / Grafana)", - "SRE Dashboards Creation (Splunk)", - "Automatization of Investigation & Routine Tasks (Bash / Python)", - "Infrastructure Behaviour Investigation (Kubernetes / Linux / AEM)", - ], - }, - { - type: "mergeBranchSegment", - tabs: 1, - branchBorderColor: "#fa0c00", - mainBorderColor: "#0464a8", - }, { type: "titleSegment", title: "Interests", diff --git a/src/pages/index.js b/src/pages/index.js index ee3e6de..feeb461 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -6,26 +6,26 @@ import { content_en } from "../content/kamil" const MiniWorkImage = ({ image }) => { return ( -
+
-
+ /> +
) } @@ -33,124 +33,179 @@ const MiniWorkImage = ({ image }) => { const SegmentTitle = ({ segment }) => { return (
-
+ className="segment_general" + > +
{ segment.title }
-
+
) } const SegmentListNormal = ({ segment, tabs }) => { return ( -
-
- -
-
+
+
+ +
+
) } const SegmentListWork = ({ segment, tabs }) => { return (
-
- { - segment.image != "" ? - + { + segment.image != "" ? + - : - "" - } -
- { - segment.content.length > 0 ? - segment.title + ":" + : + "" + } +
+ { + segment.content.length > 0 ? + segment.title + ":" : - segment.lastElement === true ? - segment.title + "." - : - segment.noElements === true ? - segment.title + "," - : - segment.title + ":" - } -
- { - segment.content.length > 0 ? -
    - { - segment.content.map( - (item, index) => { - return ( -
  • - { item + "," } -
    • - ) - } - ) - } -
- : - <> - } -
+ segment.lastElement === true ? + segment.title + "." + : + segment.noElements === true ? + segment.title + "," + : + segment.title + ":" + } +
+ { + segment.content.length > 0 ? + + : + <> + } +
+ + ) +} + + +const SegmentCreateBranch = ({ segment, tabs }) => { + return ( +
+
+ x +
+
+
+
+
+
+
) } @@ -158,53 +213,53 @@ const SegmentListWork = ({ segment, tabs }) => { const SegmentMergeBranch = ({ segment, tabs }) => { return ( -
-
-
-
-
-
-
-
+
- x -
-
+ borderLeft: "3.5px dotted " + segment.mainBorderColor, + marginLeft: tabs * 2.5 + "%", + }} + className="segment_content_work" + > +
+
+
+
+
+
+ x +
+ ) } @@ -212,10 +267,10 @@ const SegmentMergeBranch = ({ segment, tabs }) => { const SegmentGeneral = ({ segment }) => { return (
- +
@@ -227,11 +282,11 @@ const SegmentGeneral = ({ segment }) => { Object.keys(segment.content).map( (key) => { return ( <> -
- + { key + ": " }
@@ -239,7 +294,7 @@ const SegmentGeneral = ({ segment }) => { className="segment_image_item subitem" > - { + { segment.content[key].includes("git.") ? { segment.content[key] } @@ -265,8 +320,8 @@ const SegmentGeneral = ({ segment }) => { const SegmentRODO = ({ segment }) => { return (
+ className="segment_general" + >
{ segment.content }
@@ -276,69 +331,77 @@ const SegmentRODO = ({ segment }) => { const Segment = ({ index, segment }) => { - + let segment_index = "segment_" + index return ( -
{ - segment.type === "generalTitleSegment" ? - <> - + - - : - segment.type === "titleSegment" ? - <> - - - : - segment.type === "subSegment" ? - <> - - - : - segment.type === "workSubSegment" ? - <> - - - : - segment.type === "mergeBranchSegment" ? - <> - - - : - segment.type === "RODOSegment" ? - <> - - - : - <> - } + /> + + : + segment.type === "titleSegment" ? + <> + + + : + segment.type === "subSegment" ? + <> + + + : + segment.type === "workSubSegment" ? + <> + + + : + segment.type === "createBranchSegment" ? + <> + + + : + segment.type === "mergeBranchSegment" ? + <> + + + : + segment.type === "RODOSegment" ? + <> + + + : + <> + }
) } const IndexPage = () => { - + let eng_ = "🇬🇧" let pol_ = "🇵🇱" @@ -370,17 +433,17 @@ const IndexPage = () => { { content.map( (value, index) => { return ( - ) - } + } ) }
- +
)