feat(cv): add contentGoals list rendering to work segments

Render optional contentGoals array below content with a "Goals:" header,
matching the same dotted-border and color styling. Add goals data to
relevant segments in both PL and EN.

Made-with: Cursor

src/content/kamil.js

@@ -809,6 +809,12 @@ export const content_en = [
         "Git repositories migration (GitGerrit -> Github)",
         "CI/CD processes migration to Enterprise environment (Wind River Studio -> Github Actions)"
       ],
+      contentGoals: [
+        "Prepare cron job script for maintanance of JFrog Artifactory & Registry (Remove deprecated packages, releases, sync packages, etc.)",
+        "Prepare maintenance pipelines for cleaning storages in Wind River Studio (Liquidation of storage fillfilled issues)",
+        "Prepare regex based scripts for automated resources swap in all pipeline tasks in single pipeline (Liquidation of right-sizing issues in Wind River Studio)",
+        "Prepare useful modules for python stuff (package auto-installation during script execution, git operations (pull with submodules), etc.)"
+      ],
     },
     {
       type: "mergeBranchSegment",
@@ -837,6 +843,12 @@ export const content_en = [
         "Automatization of servers configuration (Ansible / Kubespray / Bash / Python)",
         "Upgrading / maintainance job processes (Jenkins)",
       ],
+      contentGoals: [
+        "Prepare automation job scripts on Jenkins side for maintain database stuff -> cleaning, creation, removal databases secured by admin password (Jenkins + Bash & Python -> MariaDB & PostgreSQL)",
+        "Improve Ansible scripts for Linux auto-integration for ready-to-use environment (Linux dot files + Ansible)",
+        "Prepare Terraform manifests for infrastructure as code (Terraform + Azure)",
+        "Maintain Kubernetes cluster on bare metal servers (Azure + Kubespray) like updating kubefile certs & etc.",
+      ],
     },
     {
       type: "mergeBranchSegment",
@@ -866,6 +878,10 @@ export const content_en = [
         "Automatization of Investigation & Routine Tasks (Bash / Python)",
         "Infrastructure Behaviour Investigation (Kubernetes / Linux / AEM)",
       ],
+      contentGoals: [
+        "Prepare Python script for filtering thread dumps from files bulk for better analysis (Liquidation of thread dumps analysis issues - thread dumps are grouped and counted by time / types / statuses / names / etc. - based on bunch of thread dumps files in single client environment)",
+        "Prepare Splunk dashboards with charts for better investigation of AEM logs in crucial time periods in single client environment (Liquidation of investigation issues - for logs which are easy to read & understand)",
+      ],
     },
     {
       type: "mergeBranchSegment",
@@ -883,7 +899,7 @@ export const content_en = [
       type: "workSubSegment",
       tabs: 1,
       title: "Techem GmbH - DevOps Engineer - from 30.05.2023 to 30.11.2023",
-      description: "Designed and automated CI/CD workflows for hardware-related testing, including regression and validation processes for IrDA devices. Built reusable Python package delivery pipelines with private package distribution. Automated test reporting and code quality validation, improving consistency of releases and reducing integration problems across the development workflow.",
+      description: "Designed and automated CI/CD workflows for hardware-related testing, including regression and validation processes for IrDA devices. Built reusable Python package delivery pipelines with private package distribution. Automated test reporting and code quality validation, improving consistency of releases and reducing integration problems across the development workflow. Preparation of Frontend application for better and easier control of Jenkins via REST backdoor.",
       image: WorkTechemLogo,
       branchBorderColor: "#f87479",
       mainBorderColor: "#0464a8",
@@ -894,8 +910,17 @@ export const content_en = [
         "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.)"
+        "Automatization of code validation processes (Pre-commit / Black Formatter / Flake8 / MyPY / etc.)",
+        "Pair programing for prepare frontend application (Python + Dash package -> https://dash.plotly.com)",
       ],
+      contentGoals: [
+        "Prepare pipelines for testing IrDA devices which was connected to group of remote Windows servers via C++ SDK (Jenkins CI/CD + Jenkins Agents + Powershell & Python)",
+        "Prepare pipelines for linting python code in unit & integration tests (Jenkins CI/CD + Python + Black Formatter / Flake8 / MyPY / etc.)",
+        "Prepare REST backdoor in Jenkins (Generic Webhook Trigger) for invokeing jenkins jobs via API call from custom frontend application (Jenkins + Python)",
+        "Pair programing with developer for prepare fontend application (Dash package -> https://dash.plotly.com) - my part was preparation of module for callbacks (Python + Dash package) for integration with Jenkins REST backdoor",
+        "I was responsible for some part of UI design adjustments in that application as well",
+        "At least - provide fully prepared application for Techem GmbH client in 5 months of work"
+      ]
     },
     {
       type: "mergeBranchSegment",

src/pages/index.js

@@ -246,6 +246,25 @@ const SegmentListWork = ({ segment, tabs, borderSize }) => {
            :
              <></>
         }
+        {segment.contentGoals && segment.contentGoals.length > 0 && (
+          <ul
+            style={{
+              borderLeft: segment.branchBorderColor === null ? "" : borderSize + " dotted " + segment.branchBorderColor,
+            }}
+          >
+            <span
+              className="segment_content_title_goals"
+              style={{ color: segment.branchBorderColor || "inherit"}}
+            >
+              Goals:
+            </span>
+            {segment.contentGoals.map((item, index) => (
+              <li key={`goal_${index}`} style={{ color: segment.branchBorderColor || "inherit" }}>
+                <span style={{ color: "inherit", fontStyle: "italic" }}><Linkify text={item} color={segment.branchBorderColor} />,</span>
+              </li>
+            ))}
+          </ul>
+        )}
       </div>
     </div>
   )

src/styles/general.scss

@@ -207,10 +207,15 @@ body {
             margin-left: -3.4em;
         }
 
-
         .segment_content_title {
             margin-top: 9px;
             margin-bottom: 9px;
+            font-weight: bold;
+        }
+
+        .segment_content_title_goals {
+            margin-left: -30px;
+            font-weight: bold;
         }
     }
 
@@ -405,6 +410,10 @@ body {
                 margin-bottom: 12px;
             }
 
+            .segment_content_title_goals {
+                margin-left: -35px;
+            }
+
             ul li::before {
                 margin-left: -3.75em;
             }
@@ -638,6 +647,10 @@ body {
             }
         }
 
+        .segment_content_title_goals {
+            margin-left: -40px;
+        }
+
         .segment_description {
             font-size: 4.5pt;
             margin: 4px 0 4px 10px;
@@ -646,19 +659,19 @@ body {
         .captcha-container .captcha-form {
             width: 85px;
             height: 105px;
-            font-size: 3.5pt;
+            font-size: 2.5pt;
             padding: 0 5px;
 
             p {
                 margin-top: 4px;
                 margin-bottom: 4px;
-                font-size: 6pt;
+                font-size: 4pt;
             }
 
             a {
-                padding-left: 20px;
+                padding-left: 24.25px;
-                padding-right: 20px;
+                padding-right: 24.25px;
-                font-size: 5pt;
+                font-size: 4pt;
             }
 
             form {