From af1d853fff54d8d8b9bde2cb18533158d4a5b029 Mon Sep 17 00:00:00 2001 From: Joachim Nielandt Date: Fri, 23 Mar 2018 21:54:13 +0100 Subject: [PATCH] Fixed up the CV page. --- design/drawing.svg | 233 ++++++++++++++++++-- src/app/app.component.scss | 6 +- src/app/components/cv/cv.component.html | 37 ++-- src/app/components/cv/cv.component.scss | 60 ++++- src/app/components/cv/cv.component.ts | 10 +- src/app/components/post/post.component.scss | 1 + src/app/model/educationitem.ts | 6 + src/assets/images/zotvana.jpg | Bin 0 -> 7672 bytes 8 files changed, 302 insertions(+), 51 deletions(-) create mode 100644 src/assets/images/zotvana.jpg diff --git a/design/drawing.svg b/design/drawing.svg index fd51763..891bead 100644 --- a/design/drawing.svg +++ b/design/drawing.svg @@ -7,6 +7,7 @@ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="210mm" @@ -25,11 +26,11 @@ borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" - inkscape:zoom="0.7" - inkscape:cx="723.7033" - inkscape:cy="764.63895" + inkscape:zoom="1.318381" + inkscape:cx="376.81707" + inkscape:cy="708.22257" inkscape:document-units="px" - inkscape:current-layer="layer1" + inkscape:current-layer="g4184" showgrid="false" inkscape:snap-bbox="true" inkscape:object-nodes="true" @@ -39,7 +40,8 @@ inkscape:window-y="27" inkscape:window-maximized="1" inkscape:object-paths="true" - inkscape:snap-nodes="true" /> + inkscape:snap-nodes="true" + inkscape:snap-global="false" /> @@ -53,9 +55,11 @@ + id="layer1" + style="display:inline" + sodipodi:insensitive="true"> @@ -349,14 +353,31 @@ + + + + + + + Curriculum Vitae + + + + Universiteit Gent + 2003/2010 + Some random text here random text here random text here random text here random text here random text here random text here random text here random text here Education + Master, computerwetenschappen - software ontwikkeling, cum laude + -
-
Opleiding
-
- ... +
+
Education
+
+
+
+ ... +
-
- {{educationItem.employer}} +
+
+ {{educationItem.employer}} +
+
+ {{educationItem.fromYear}} - {{educationItem.toYear}} +
- {{educationItem.fromYear}} - {{educationItem.toYear}} + {{educationItem.title}}
{{educationItem.description}}
-
Some random text here random text here random text here random text here random text here random text here random text here random text here random text here
-
-
-
Werkervaring
-
- ... + +
+
Experience
+
+
+
+ ... +
{{experienceItem.employer}} diff --git a/src/app/components/cv/cv.component.scss b/src/app/components/cv/cv.component.scss index 59411db..55e28e6 100644 --- a/src/app/components/cv/cv.component.scss +++ b/src/app/components/cv/cv.component.scss @@ -1,14 +1,56 @@ -.institution { - font-weight: bold; - - -} - .cv-item-thumbnail { width: 90px; } -.experience-card-body { - display: flex !important; - align-items: flex-start; +.blocktitle { + text-align: center; + font-size: 150%; + border-bottom: 1px dotted black; + margin: 0px 30px 0px 30px; +} + + +.experience-item-block { + display: flex; + margin-top: 15pt; + text-align: justify; + + img { + border: none !important; + } +} + +.educationblock, .experienceblock { + + margin-bottom: 20px; + + .blockcontent { + border-left: 1px solid black; + border-right: 1px solid black; + + .imgblock { + flex: none; + width: 90pt; + } + } +} + +.firstline { + display: flex; + align-items: flex-end; + + .lead { + flex-grow: 1; + } +} + +.blockcontent { + padding: 0px 30px 10px 30px; + margin-top: 30px; +} + +.cvitem-text { + border-left: 1px solid lightgrey; + padding-left: 10pt; + flex-grow: 1; } diff --git a/src/app/components/cv/cv.component.ts b/src/app/components/cv/cv.component.ts index d89ee8f..ace5256 100644 --- a/src/app/components/cv/cv.component.ts +++ b/src/app/components/cv/cv.component.ts @@ -18,30 +18,32 @@ export class CvComponent implements OnInit { new CVTimeLineItem() .setLanguage("nl") .setEmployer('Universiteit Gent') - .setDescription('Doctoraat Titel Hier') + .setTitle('Doctor in de ingenieurswetenschappen: computerwetenschappen') + .setDescription('Het doctoraatswerk getiteld "XPath-gebaseerde informatie-extractie" behandelt het extraheren van informatie uit semi-gestructureerde documenten zoals HTML, gebruik makend van XPath.') .setFromYear(2010) .setToYear(2017) .setIconName("assets/images/ugent-icon.png"), new CVTimeLineItem() .setLanguage("nl") .setEmployer('Universiteit Gent') - .setDescription('Master, computerwetenschappen - software ontwikkeling, cum laude') + .setTitle('Master, computerwetenschappen - software ontwikkeling, cum laude') .setFromYear(2003) .setToYear(2010) .setIconName("assets/images/ugent-icon.png"), new CVTimeLineItem() .setLanguage('nl') .setEmployer('Leonardo Lyceum/Pestalozzi') - .setDescription('Latijn + Wetenschappen / Wiskunde') + .setTitle('Latijn + Wetenschappen / Wiskunde') .setFromYear(1999) .setToYear(2003) .setIconName("assets/images/pestalozzi-icon.png"), new CVTimeLineItem() .setLanguage('nl') .setEmployer('Leonardo Lyceum Esemnegen') - .setDescription('Latijn') + .setTitle('Latijn') .setFromYear(1997) .setToYear(1999) + .setIconName("assets/images/zotvana.jpg"), ]; } diff --git a/src/app/components/post/post.component.scss b/src/app/components/post/post.component.scss index 7a38c7f..1ecb304 100644 --- a/src/app/components/post/post.component.scss +++ b/src/app/components/post/post.component.scss @@ -39,4 +39,5 @@ padding-left: 25px; border-right: 1px solid black; padding-right: 25px; + text-align: justify; } diff --git a/src/app/model/educationitem.ts b/src/app/model/educationitem.ts index c87e39b..abcbc67 100644 --- a/src/app/model/educationitem.ts +++ b/src/app/model/educationitem.ts @@ -4,6 +4,7 @@ export class CVTimeLineItem { employer: string; fromYear: number; toYear: number; + title: string; description: string; iconName: string; fromMonth: string; @@ -51,4 +52,9 @@ export class CVTimeLineItem { this.employer = employer; return this; } + + setTitle(title: string): CVTimeLineItem { + this.title = title; + return this; + } } diff --git a/src/assets/images/zotvana.jpg b/src/assets/images/zotvana.jpg new file mode 100644 index 0000000000000000000000000000000000000000..8a85875a137a703bb8d4aff1b47ac9975627fecf GIT binary patch literal 7672 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 DXfFa9 literal 0 HcmV?d00001