src/PersonalData.ts

@@ -1,18 +1,15 @@
 import { PersonalData } from "./PersonalDataTypes";
 
-// Icons: https://icons.getbootstrap.com/
-
 export const personalData: PersonalData = {
-    updatedDate: '2023-07-26',
+    updatedDate: '2023-06-01',
 
     name: "David Hrdina Němeček",
-    brief: "Software developer. Engineering lead.",
+    brief: "Software developer. Engineering lead & manager.",
 
     contacts: [
         {icon: 'browser-firefox', text: 'www.dejvino.cz'},
         {icon: 'envelope-at', text: 'explosive@dejvino.cz'},
         {icon: 'git', text: 'https://git.dejvino.cz'},
-        {icon: 'github', text: 'https://github.com/Dejvino'},
         {icon: 'file-earmark-person', text: 'https://cv.dejvino.cz'},
         {icon: 'file-earmark-pdf', text: 'https://cv.dejvino.cz/pdf'},
         {icon: 'telephone', text: '+420 775 26 26 32'},
@@ -20,28 +17,28 @@ export const personalData: PersonalData = {
     ],
 
     jobs: {
-        current: [{
+        current: {
             position: 'Senior Software Development Manager (UI Platform)',
             company: 'Oracle|NetSuite',
             timerange: '2022 - present',
-            description: `Engineering lead for multiple UI Platform teams who designed, developed and released a UI framework and tooling used by the rest of the organization.
-            Leader of a UI testing architecture group responsible for defining a testing strategy across the UI Platform.`,
+            description: `Engineering lead for multiple UI Platform teams. Development of core UI frameworks, components and tools used by the rest of the organization.
+            Leading a UI testing architecture group, supplemental product owner for this group.`,
             tags: ['TypeScript', 'Preact', 'NodeJs', 'Oracle JET', 'Java', 'Git']
-        }],
+        },
         previous: [
             {
                 position: 'Software Development Manager (UI Platform)',
                 company: 'Oracle|NetSuite',
                 timerange: '2020 - 2022',
-                description: `Engineering lead for a UI Platform team who developed components for a UI toolkit used by the rest of the organization.
-                Technical product owner while bootstrapping a team.`,
+                description: `Engineering lead for a UI Platform team. Development of UI components that formed a UI toolkit used by the rest of the organization.
+                Supplementing a product owner while bootstrapping a team.`,
                 tags: ['TypeScript', 'Preact', 'NodeJs', 'Oracle JET', 'Java', 'Git']
             },
             {
                 position: 'Software Development Manager (ERP, Tax)',
                 company: 'Oracle|NetSuite',
                 timerange: '2017 - 2020',
-                description: 'Lead developer for ERP: Tax. Design and implementation of a pluggable Tax calculation engine. Coordination of multiple squads supporting both the legacy and the next-gen systems concurrently.',
+                description: 'Developer lead for ERP: Tax. Design and implementation of a pluggable Tax calculation engine. Coordination of multiple squads supporting both the legacy and the next-gen systems concurrently.',
                 tags: ['Java', 'Oracle SQL', 'JavaScript', 'Perforce', 'Git', 'Software Architecture']
             },
             {
@@ -56,7 +53,7 @@ export const personalData: PersonalData = {
                 position: 'Software Engineer',
                 company: 'Q2 Interactive',
                 timerange: '2009 - 2013',
-                description: `Development and project leadership of multiple web applications and services:
+                description: `Development and project leadership of multiple web applications:
                 - CRM system (PHP backend server, JavaScript frontend, Android client app),
                 - Accounting web app (PHP, JavaScript),
                 - e-commerce sites (Magento),
@@ -67,22 +64,12 @@ export const personalData: PersonalData = {
     },
 
     projects: {
-        current: [
-            {
-                position: `Open Source Contributor`,
-                description: `Code contributor to open source projects, shared on [github.com/Dejvino](https://github.com/Dejvino) and [git.dejvino.cz](https://git.dejvino.cz/dejvino).
-                E.g. SimpleMobileTools Android suite.`,
-                tags: ['Kotlin', 'Android', 'Python', 'Open Source', 'Git']
-            },
-        ],
-        previous: [
-            {
-                position: `Personal projects`,
-                description: `Various hardware and software projects. Usually open sourced and published on [projects.dejvino.com](https://projects.dejvino.com) and [git.dejvino.cz](https://git.dejvino.cz/dejvino).
-                These include video games, utilities, 3D models, retrofitting devices with embedded microcontrollers etc.`,
-                tags: ['Java', 'Python', 'TypeScript', 'Embedded', 'OpenSCAD', 'Linux', 'Open Source', 'Self-hosting']
-            },
-        ]
+        current: {
+            position: `Personal projects`,
+            description: `Various hardware and software projects. Usually open sourced and published on [projects.dejvino.com](https://projects.dejvino.com) or [git.dejvino.cz](https://git.dejvino.cz).
+            These include video games, utilities, 3D models, retrofitting devices with embedded microcontrollers etc.`,
+            tags: ['Java', 'Python', 'C/C++', 'Embedded Software', 'OpenSCAD', 'TypeScript', 'Linux', 'Open Source', 'Git', 'Self-hosting']
+        }
     },
 
     education: {
@@ -108,8 +95,8 @@ export const personalData: PersonalData = {
     },
 
     skills: {
-        primary: ['Kotlin', 'Java', 'TypeScript', 'Linux'],
-        secondary: ['Go', 'JavaScript', 'Oracle SQL', 'Git', 'React', 'Preact', 'Python'],
+        primary: ['Java', 'TypeScript', 'JavaScript', 'Linux', 'Leadership'],
+        secondary: ['SQL', 'Kotlin', 'C/C++', 'NodeJs', 'Git', 'Preact', 'Embedded Software'],
         languages: ['Czech (native)', 'English (proficient)', 'German (elementary)'],
         //others: ['Driver\'s license (B)']
     },

src/PersonalDataTypes.ts

@@ -12,13 +12,13 @@ export type Job = {
 }
 
 export type Jobs = {
-    current?: Job[],
+    current?: Job,
     previous?: Job[]
 }
 
 export type Education = Jobs;
 
-export type Projects = Jobs
+export type Projects = Jobs;
 
 export type Skills = {
     primary: string[],

src/app/components/Skills.tsx

@@ -13,9 +13,9 @@ export default function Skills() {
     <Container className='skills' fluid>
         <h2>Skills</h2>
         <Row>
-        <SkillsCol><TagCloud title='Main' icon='bookmark-star' style='primary' tags={person.skills.primary} /></SkillsCol>
+        <SkillsCol><TagCloud title='Primary' icon='bookmark-star' style='primary' tags={person.skills.primary} /></SkillsCol>
         {person.skills.secondary && (
-          <SkillsCol><TagCloud title='Support' icon='bookmark-plus' tags={person.skills.secondary} /></SkillsCol>
+          <SkillsCol><TagCloud title='Secondary' icon='bookmark-plus' tags={person.skills.secondary} /></SkillsCol>
           )}
         {person.skills.languages && (
           <SkillsCol><TagCloud title='Languages' icon='bookmarks' tags={person.skills.languages} /></SkillsCol>

src/app/components/job/JobCard.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import Card from 'react-bootstrap/Card';
-import { Col, Container, Placeholder, Row } from 'react-bootstrap';
+import { Placeholder } from 'react-bootstrap';
 import JobTags from './JobTags';
 import { Job } from '@/PersonalDataTypes';
 import md from '../Markdown';
@@ -30,22 +30,14 @@ export default function JobCard(props: Props) {
                 <Card.Header>{props.heading}</Card.Header>
             )}
             <Card.Body>
-                <Container fluid>
-                    <Row>
-                        <Col>
-                            <Card.Title>{props.position}</Card.Title>
-                            <Card.Subtitle>
-                                {props.company && <span className='company-name'>{props.company}</span>}
-                                {props.company && props.timerange && <span>, </span>}
-                                {props.timerange && <span className='timerange'>{props.timerange}</span>}
-                            </Card.Subtitle>
-                            <div className='multiline job-description'>{md(props.description)}</div>
-                        </Col>
-                        <Col xs={3}>
-                            {props.tags && <JobTags tags={props.tags} />}
-                        </Col>
-                    </Row>
-                </Container>
+                <Card.Title>{props.position}</Card.Title>
+                <Card.Subtitle>
+                    {props.company && <span className='company-name'>{props.company}</span>}
+                    {props.company && props.timerange && <span>, </span>}
+                    {props.timerange && <span className='timerange'>{props.timerange}</span>}
+                    </Card.Subtitle>
+                <div className='multiline job-description'>{md(props.description)}</div>
+                {props.tags && <JobTags tags={props.tags} />}
             </Card.Body>
         </Card>
     );

src/app/components/job/JobsAccordion.tsx

@@ -43,8 +43,8 @@ export default function JobsAccordion(props: JobListProps) {
   const {jobs} = props
   const config = {...defaultProps, ...props}
   return (
-    <Accordion defaultActiveKey={jobs.current ? 'current-0' : 'previous-0'}>
-      {jobs.current?.map((job, index) => <AccordionJobItem key={index} job={job} eventKey={`current-${index}`} heading={config.currentHeading} />)}
+    <Accordion defaultActiveKey={jobs.current ? 'current' : 'previous-0'}>
+      {jobs.current && <AccordionJobItem  job={jobs.current} heading={config.currentHeading} eventKey={'current'}/>}
       {jobs.previous?.map((job, index) => <AccordionJobItem key={index} job={job} eventKey={`previous-${index}`} />)}
     </Accordion>
   )

src/app/components/job/JobsCards.tsx

@@ -29,11 +29,9 @@ export default function JobsCards(props: JobListProps) {
     <Container fluid>
       {jobs.current && (
       <Row>
-        {jobs.current.map((job, index) => (
-        <Col key={index} xs={12} md={12} lg={6} xl={12}>
-          <JobCard heading={config.currentHeading} {...job} />
+        <Col>
+          <JobCard heading={config.currentHeading} {...jobs.current} />
         </Col>
-        ))}
       </Row>
       )}
       <Row>

src/app/components/job/JobsHistory.tsx

@@ -13,11 +13,8 @@ export type Props = {
 export default function JobHistory(props: Props) {
   const {SizeWrapper, inRange} = useInWidthRange(600)
  
-  const jobsList = inRange === undefined
-    ? <JobsCardsPlaceholder />
-    : (inRange
-      ? <JobsAccordion {...props} />
-      : <JobsCards {...props} />)
+  const jobsList = inRange === undefined ? <JobsCardsPlaceholder /> : (
+    inRange ? <JobsAccordion {...props} /> : <JobsCards {...props} />)
 
   return (
     <Container fluid>

src/app/globals.css

@@ -82,9 +82,6 @@
 .main-container .job-card .card-subtitle {
     margin-bottom: 0.5rem;
 }
-.main-container .job-card .card-body p:last-child {
-    margin-bottom: 0;
-}
 .main-container .job-tags > span {
     margin: 0.2em;
 }
@@ -162,12 +159,9 @@
     }
     .main-container .job-card {
         margin-top: 0.2em;
-        margin-bottom: 0.2em;
     }
     .main-container .job-card .card-body {
         padding: 0.4rem;
-        padding-bottom: 0.1rem;
-        margin: 0;
     }
     .main-container .cloud-light .tag-badges  {
         filter: opacity(80%);
@@ -175,9 +169,4 @@
     .main-container .tag-badges > span {
         margin: 0.1em;
     }
-
-    /* Fiddle Hacks */
-    .main-container div.skills {
-        margin-top: 2rem;
-    }
 }