feat(react & css): upgrade CV

add git log style graph for show work places in Experience section, litte fixes (link colors hover /
active / etc)
master
TBS093A 2023-09-18 17:45:03 +02:00
parent 02d70d7990
commit 1664ff8b5c
2 changed files with 457 additions and 270 deletions

View File

@ -13,10 +13,26 @@ import WorkTechemLogo from "../images/work_techem_logo.png"
const MiniWorkImage = ({ image }) => {
return (
<img
src={ image }
style="height: 25px; width: 25px; margin-right: 5px;"
/>
<div
style={{
width: "40px",
height: "40px",
float: "left",
marginRight: "10px",
display: "flex",
justifyContent: "center",
alignItems: "center",
}}
>
<img
src={ image }
style={{
maxHeight: "100%",
maxWidth: "100%",
objectPosition: "center",
}}
/>
</div>
)
}
@ -39,10 +55,12 @@ const SegmentListNormal = ({ segment, tabs }) => {
<div
style={{
width: 100 - tabs * 5 + "%",
marginLeft: tabs * 5 + "%",
paddingLeft: tabs * 5 + "%",
}}
>
<div
className="segment_content_normal"
>
<div className="segment_content">
<ul>
<li>
{
@ -52,22 +70,24 @@ const SegmentListNormal = ({ segment, tabs }) => {
segment.title + ","
}
</li>
<ul>
{
segment.content.length > 0 ?
segment.content.map(
(item, index) => {
return (
<li key={ index }>
{ item + "," }
</li>
)
}
)
<ul>
{
segment.content.map(
(item, index) => {
return (
<li key={ index }>
{ item + "," }
</li>
)
}
)
}
</ul>
:
<></>
}
</ul>
</ul>
</div>
</div>
@ -77,44 +97,122 @@ const SegmentListNormal = ({ segment, tabs }) => {
const SegmentListWork = ({ segment, tabs }) => {
return (
<div
style={{
style={{
width: 100 - tabs * 5 + "%",
marginLeft: tabs * 5 + "%",
}}
>
<div
style={{
borderLeft: "3.5px dotted " + segment.mainBorderColor,
paddingLeft: tabs * 2.5 + "%",
marginLeft: tabs * 2.5 + "%",
marginTop: segment.noElements === true ? "30px" : "",
marginBottom: segment.noElements === true ? "15px" : "",
}}
className="segment_content_work"
>
<div className="segment_content">
<ul>
<li>
{
segment.content.length > 0 ?
segment.title + ":"
:
segment.title + ","
}
</li>
<ul>
{
segment.content.length > 0 ?
segment.content.map(
(item, index) => {
return (
<li key={ index }>
{ item + "," }
</li>
)
}
)
:
<></>
}
</ul>
</ul>
{
segment.image != "" ?
<MiniWorkImage
image={ segment.image }
/>
:
""
}
<div
className="segment_content_title"
>
{
segment.content.length > 0 ?
segment.title + ":"
:
segment.noElements === true ?
segment.title + ","
:
segment.title + ":"
}
</div>
{
segment.content.length > 0 ?
<ul
style={{
borderLeft: "3.5px dotted " + segment.branchBorderColor,
}}
>
{
segment.content.map(
(item, index) => {
return (
<li key={ index }>
{ item + "," }
</li>
)
}
)
}
</ul>
:
<></>
}
</div>
</div>
)
}
const SegmentMergeBranch = ({ segment, tabs }) => {
return (
<div
style={{
width: 100 - tabs * 5 + "%",
}}
>
<div
style={{
borderLeft: "3.5px dotted " + segment.mainBorderColor,
marginLeft: tabs * 2.5 + "%",
}}
className="segment_content_work"
>
<div
style={{
width: "18px",
height: "30px",
marginLeft: tabs * 2.5 + "%",
borderRadius: "0 0 100% 0",
borderBottom: "3.5px dotted " + segment.branchBorderColor,
borderRight: "3.5px dotted " + segment.branchBorderColor,
}}
>
</div>
<div
style={{
width: tabs * 2.5 + "%",
height: "30px",
marginLeft: "-3.5px",
borderRadius: "100% 0 0 0",
borderTop: "3.5px dotted " + segment.branchBorderColor,
borderLeft: "3.5px dotted " + segment.branchBorderColor,
}}
>
</div>
</div>
<div
className="segment_content_work"
style={{
color: segment.branchBorderColor,
fontWeight: "bold",
marginLeft: tabs * 2.15 + "%",
marginTop: "-5px",
}}
>
x
</div>
</div>
)
}
const SegmentGeneral = ({ segment }) => {
return (
<div
@ -146,7 +244,7 @@ const SegmentGeneral = ({ segment }) => {
>
{
segment.content[key].includes("github.com") ?
segment.content[key].includes("git.") ?
<a href={ "https://" + segment.content[key] }>
{ segment.content[key] }
</a>
@ -173,7 +271,7 @@ const SegmentRODO = ({ segment }) => {
<div
className="segment_general"
>
<div className="segment_content foot_content">
<div className="segment_content_normal foot_content">
{ segment.content }
</div>
</div>
@ -220,15 +318,23 @@ const Segment = ({ index, segment }) => {
tabs={ segment.tabs }
/>
</>
:
segment.type === "RODOSegment" ?
<>
<SegmentRODO
segment={ segment }
/>
</>
:
segment.type === "mergeBranchSegment" ?
<>
<SegmentMergeBranch
segment={ segment }
tabs={ segment.tabs }
/>
</>
:
<></>
segment.type === "RODOSegment" ?
<>
<SegmentRODO
segment={ segment }
/>
</>
:
<></>
}
</div>
)
@ -244,7 +350,7 @@ const IndexPage = () => {
image: MePng,
content: {
"E-mail": "zukkamil.44@gmail.com",
"Github": "github.com/tbs093a",
"Github": "git.00x097.com/tbs093a",
"Wykształcenie": "Wyższe / Inżynier",
"Miejsce Zamieszkania": "Rzeszów / Polska",
"Data Urodzenia": "30.06.1997 r.",
@ -305,6 +411,7 @@ const IndexPage = () => {
tabs: 0,
title: "Zespół Szkół Elektronicznych w Rzeszowie / Technikum nr 6 - Technik Informatyk - od 2013 do 2017",
image: WorkZSELogo,
noElements: true,
content: [],
},
{
@ -319,30 +426,32 @@ const IndexPage = () => {
tabs: 1,
title: "Praca Inżynierska - Graficzna baza układów dłoni na potrzeby systemu rozpoznawania Polskiego Języka Migowego (PJM)",
image: "",
branchBorderColor: "#015198",
mainBorderColor: "#015198",
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",
"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: "mergeBranchSegment",
tabs: 1,
branchBorderColor: "#015198",
mainBorderColor: "#015198",
},
{
type: "workSubSegment",
tabs: 1,
title: "DevOps Engineer & Python Developer",
image: "",
tabs: 0,
title: "Sembot Sp. z o. o. - DevOps Engineer & Python Developer - od 01.11.2020 do 30.10.2022",
image: WorkSembotLogo,
branchBorderColor: "#f5c314",
content: [
"Administracja serwerów (OVH / AWS / Digital Ocean)",
"Konfiguracja serwerów (Nginx (Https-Portal) / Apache / Docker)",
@ -362,15 +471,10 @@ const IndexPage = () => {
{
type: "workSubSegment",
tabs: 1,
title: "Infinidat Inc - od 10.11.2022 do 24.02.2023",
title: "Infinidat Inc - Integration Developer - od 10.11.2022 do 24.02.2023",
image: WorkInfinidatLogo,
content: [],
},
{
type: "workSubSegment",
tabs: 2,
title: "Integration Developer",
image: "",
branchBorderColor: "#8fc5c6",
mainBorderColor: "#0464a8",
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)",
@ -381,17 +485,18 @@ const IndexPage = () => {
],
},
{
type: "workSubSegment",
type: "mergeBranchSegment",
tabs: 1,
title: "Projekty Wewnętrzne - od 25.02.2023 do 27.05.2023",
image: WorkSiiLogo,
content: [],
branchBorderColor: "#8fc5c6",
mainBorderColor: "#0464a8",
},
{
type: "workSubSegment",
tabs: 2,
title: "DevOps Engineer",
image: "",
tabs: 1,
title: "Projekty Wewnętrzne - DevOps Engineer - od 25.02.2023 do 27.05.2023",
image: WorkSiiLogo,
branchBorderColor: "#0464a8",
mainBorderColor: "#0464a8",
content: [
"Utrzymywanie infrastruktury mikroserwisów (Docker / Kubernetes / Helm)",
"Utrzymywanie infrastruktury serwerów (Linux)",
@ -401,17 +506,18 @@ const IndexPage = () => {
],
},
{
type: "workSubSegment",
type: "mergeBranchSegment",
tabs: 1,
title: "Techem GmbH - od 30.05.2023",
image: WorkTechemLogo,
content: [],
branchBorderColor: "#0464a8",
mainBorderColor: "#0464a8",
},
{
type: "workSubSegment",
tabs: 2,
title: "DevOps Engineer",
image: "",
tabs: 1,
title: "Techem GmbH - DevOps Engineer - od 30.05.2023",
image: WorkTechemLogo,
branchBorderColor: "#f87479",
mainBorderColor: "#0464a8",
content: [
"Utrzymywanie Infrastruktury mikroserwisów (Docker / Docker Compose)",
"Utrzymywanie Infrastruktury serwerów (Jenkins Agent - Windows / Jenkins Master - Linux)",
@ -422,6 +528,12 @@ const IndexPage = () => {
"Automatyzacja procesów walidujących kod (Pre-commit / Black Formatter / Flake8 / MyPY / etc.)"
],
},
{
type: "mergeBranchSegment",
tabs: 1,
branchBorderColor: "#f87479",
mainBorderColor: "#0464a8",
},
{
type: "titleSegment",
title: "Zainteresowania",
@ -451,183 +563,220 @@ const IndexPage = () => {
let content_en = [
{
type: "generalTitleSegment",
title: "Kamil Żuk",
image: "me.png",
image: MePng,
content: {
"E-mail": "zukkamil.44@gmail.com",
"Github": "github.com/tbs093a",
"Github": "git.00x097.com/tbs093a",
"Education": "Higher / Engineer",
"Place of Residence": "Rzeszów / Poland",
"Date of Brith": "30.06.1997",
}
},
{
type: "titleSegment",
title: "Tech Skills",
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: [
{
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.)"
],
},
],
},
],
},
{
type: "subSegment",
tabs: 0,
title: "Programming",
content: [
"Python - Django / Django REST Framework / Channels 3.0",
"Javascript - ReactJS / Redux Toolkit",
],
},
{
type: "subSegment",
tabs: 0,
title: "Server Configuration",
content: [
"Apache / Nginx (Https-Portal)"
],
},
{
type: "subSegment",
tabs: 0,
title: "DevOps Tools",
content: [
"Jenkins / Ansible / Docker / Docker-Compose / Automatyzacja w Bash",
],
},
{
type: "subSegment",
tabs: 0,
title: "Configuration & Administration",
content: [
"SQL - MariaDB / MySQL / PostgreSQL",
"NoSQL - MongoDb / ElasticSearch / Redis"
],
},
{
type: "subSegment",
tabs: 0,
title: "English",
content: [
"B2 Level",
],
},
{
title: "Interests",
content: [
{
title: "Web3.0",
image: "",
content: [
"Blockchain / Cryptography / Smart Contracts",
],
},
{
title: "3D & 2D Graph Design",
image: "",
content: [],
},
]
type: "titleSegment",
title: "Experience",
},
{
type: "workSubSegment",
tabs: 0,
title: "ZSE in Rzeszów / Technical School - IT - from 2013 to 2017",
image: WorkZSELogo,
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)",
"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)"
],
},
{
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",
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: "titleSegment",
title: "Interests",
},
{
type: "subSegment",
tabs: 0,
title: "Web3.0",
image: "",
content: [
"Blockchain / Cryptography / Smart Contracts",
],
},
{
type: "subSegment",
tabs: 0,
title: "3D & 2D Graph Design",
image: "",
content: [],
},
{
type: "RODOSegment",
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)."
}
},
]
let olga_content_pl = [

View File

@ -30,19 +30,19 @@ $foot_font_size: 9.8pt;
width: 21cm;
a:link {
color: #0d2956;
color: white;
}
a:visited {
color: white;
color: #dfdfdf;
}
a:hover {
color: #000000;
color: gray;
}
a:active {
color: #5478b3;
color: #a6a6a6;
}
ul {
@ -52,16 +52,7 @@ $foot_font_size: 9.8pt;
li {
padding-top: 15px;
}
ul li::before {
content: ">> ";
color: $div_background_color;
font-weight: bold;
display: inline-block;
width: 2em;
margin-left: -2em;
}
}
.title_bar {
margin-top: 20px;
@ -132,18 +123,65 @@ $foot_font_size: 9.8pt;
background-color: $div_background_color;
}
.segment_content {
.segment_content_normal {
float: left;
width: 100%;
font-family: $regular_font_family;
font-size: $regular_font_size;
text-align: justify;
margin-top: 15px;
ul {
margin-top: 0;
margin-bottom: 0;
list-style-type: none;
}
ul li::before {
content: ">> ";
color: $div_background_color;
font-weight: bold;
display: inline-block;
width: 2em;
margin-left: -2em;
}
.segment_content_title {
margin-top: 9px;
margin-bottom: 9px;
}
}
.segment_content_work {
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;
margin-left: 18px;
padding-bottom: 15px;
}
ul li::before {
content: "+ >";
color: $div_background_color;
background-color: white;
font-weight: bold;
display: inline-block;
width: 2em;
margin-left: -2.875em;
}
.segment_content_title {
margin-top: 9px;
margin-bottom: 9px;
}
}
.segment_title_image {