Fixed up the CV page.

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:zoom="1.318381"
-     inkscape:cx="723.7033"
+     inkscape:cx="376.81707"
-     inkscape:cy="764.63895"
+     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" />
   <metadata
      id="metadata7">
     <rdf:RDF>
@@ -53,9 +55,11 @@
     </rdf:RDF>
   </metadata>
   <g
-     inkscape:label="Layer 1"
+     inkscape:label="Top"
      inkscape:groupmode="layer"
-     id="layer1">
+     id="layer1"
+     style="display:inline"
+     sodipodi:insensitive="true">
     <g
        id="g4151"
        transform="translate(60.689967,-62.629458)">
@@ -349,14 +353,31 @@
     <flowRoot
        xml:space="preserve"
        id="flowRoot3646"
-       style="fill:black;stroke:none;stroke-opacity:1;stroke-width:1px;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:1;font-family:sans-serif;font-style:normal;font-weight:normal;font-size:40px;line-height:125%;letter-spacing:0px;word-spacing:0px"><flowRegion
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"><flowRegion
          id="flowRegion3648"><rect
            id="rect3650"
            width="488.91382"
            height="303.04578"
            x="2424.3662"
            y="567.48901" /></flowRegion><flowPara
-         id="flowPara3652"></flowPara></flowRoot>    <g
+         id="flowPara3652"></flowPara></flowRoot>    <path
+       style="fill:#999999;fill-rule:evenodd;stroke:#000000;stroke-width:0.99999988px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 172.79466,107.23444 0,-77.30686"
+       id="path3901"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#999999;fill-rule:evenodd;stroke:#000000;stroke-width:0.99999988px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 571.29983,107.23444 0,-77.30686"
+       id="path3901-3"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Posts"
+     style="display:none">
+    <g
+       transform="translate(9.0999998e-7,4.7244096e-6)"
        id="g3943">
       <g
          style="fill:#4d4d4d"
@@ -448,7 +469,7 @@
                style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:justify;text-anchor:start"
                id="flowPara3660">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur varius ullamcorper tellus, eu ultrices nisi volutpat vitae. Fusce sapien dolor, pharetra vel odio non, venenatis rutrum dolor. Phasellus gravida hendrerit ante eu tristique. Sed ut purus eget augue aliquam venenatis. Donec rutrum justo ut convallis vulputate. Ut et tempor est. Aliquam erat volutpat. Proin gravida purus quis condimentum laoreet. Praesent molestie sit amet arcu gravida vehicula. Duis ullamcorper fermentum semper. Donec posuere metus in ante egestas feugiat. Phasellus felis eros, sollicitudin sit amet risus vitae, ornare ultrices dolor. </flowPara><flowPara
                id="flowPara3768"
-               style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:justify;text-anchor:start"></flowPara><flowPara
+               style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:justify;text-anchor:start" /><flowPara
                id="flowPara3770"
                style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:justify;text-anchor:start">Fusce eu aliquam dui, sit amet condimentum ipsum. In sodales iaculis porttitor. Nam tincidunt maximus sem ac egestas.Fusce congue purus nisi, at ornare orci egestas ac. Donec auctor non diam at ornare. Etiam tortor nisl, ullamcorper quis orci ac, vehicula facilisis eros. Integer vitae posuere odio. Etiam risus arcu, ornare et elit ut, commodo consectetur diam. Maecenas non imperdiet metus. Sed vehicula dui ut semper sollicitudin. Quisque id rhoncus purus. Duis ut convallis nisi, sed feugiat ante. Suspendisse nec quam imperdiet, sagittis ipsum auctor, volutpat arcu. </flowPara><flowPara
                id="flowPara3670"
@@ -469,7 +490,7 @@
              x="268.04333"
              style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
              xml:space="preserve"><tspan
-               style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:25px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std'"
+               style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:25px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std'"
                y="207.14891"
                x="268.04333"
                id="tspan3693"
@@ -511,16 +532,6 @@
            inkscape:connector-curvature="0" />
       </g>
     </g>
-    <path
-       style="fill:#999999;fill-rule:evenodd;stroke:#000000;stroke-width:0.99999988px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-       d="m 172.79466,107.23444 0,-77.30686"
-       id="path3901"
-       inkscape:connector-curvature="0" />
-    <path
-       style="fill:#999999;fill-rule:evenodd;stroke:#000000;stroke-width:0.99999988px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-       d="m 571.29983,107.23444 0,-77.30686"
-       id="path3901-3"
-       inkscape:connector-curvature="0" />
     <text
        xml:space="preserve"
        style="font-style:normal;font-weight:normal;font-size:18.09488106px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
@@ -544,6 +555,186 @@
        id="path4004-2"
        inkscape:connector-curvature="0" />
   </g>
+  <g
+     style="display:inline"
+     inkscape:label="CV"
+     id="g4184"
+     inkscape:groupmode="layer">
+    <path
+       inkscape:connector-curvature="0"
+       id="path4266"
+       d="m 172.2843,249.71486 0,372.49376"
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path4268"
+       d="m 571.54797,249.71486 0,372.49376"
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <text
+       sodipodi:linespacing="125%"
+       id="text4270"
+       y="186.29254"
+       x="371.61295"
+       style="font-style:normal;font-weight:normal;font-size:18.09488106px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       xml:space="preserve"><tspan
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:35px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:center;text-anchor:middle"
+         y="186.29254"
+         x="371.61295"
+         id="tspan4272"
+         sodipodi:role="line">Curriculum Vitae</tspan></text>
+    <path
+       inkscape:connector-curvature="0"
+       id="path4274"
+       d="m 184.91649,194.23762 374.26151,0"
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path4276"
+       d="m 184.91649,151.38048 374.26151,0"
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <image
+       y="248.95815"
+       x="522.69983"
+       id="image4286"
+       xlink:href="data:image/png;base64,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
+"
+       style="image-rendering:optimizeSpeed"
+       preserveAspectRatio="none"
+       height="46.688595"
+       width="46.688595" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:20.91934013px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       x="216.24274"
+       y="260.42645"
+       id="text4351"
+       sodipodi:linespacing="125%"><tspan
+         sodipodi:role="line"
+         id="tspan4353"
+         x="216.24274"
+         y="260.42645"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:13.07458782px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std'">Universiteit Gent</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:15.20028877px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       x="466.82535"
+       y="259.28119"
+       id="text4351-8"
+       sodipodi:linespacing="125%"><tspan
+         sodipodi:role="line"
+         id="tspan4353-2"
+         x="466.82535"
+         y="259.28119"
+         style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:9.5001812px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std'">2003/2010</tspan></text>
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot4425"
+       style="font-style:normal;font-weight:normal;font-size:15px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       transform="translate(-33.126129,-34.452713)"><flowRegion
+         id="flowRegion4427"><rect
+           id="rect4429"
+           width="296.98303"
+           height="76.316437"
+           x="249.50768"
+           y="321.51685"
+           style="font-size:15px" /></flowRegion><flowPara
+         id="flowPara4431"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:justify;text-anchor:start">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</flowPara></flowRoot>    <text
+       sodipodi:linespacing="125%"
+       id="text4270-5"
+       y="218.99983"
+       x="368.168"
+       style="font-style:normal;font-weight:normal;font-size:18.09488106px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       xml:space="preserve"><tspan
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:22.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:center;text-anchor:middle"
+         y="218.99983"
+         x="368.168"
+         id="tspan4272-6"
+         sodipodi:role="line">Education</tspan></text>
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot4425-6"
+       style="font-style:normal;font-weight:normal;font-size:15px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       transform="translate(-34.021377,-60.309751)"><flowRegion
+         id="flowRegion4427-8"><rect
+           id="rect4429-4"
+           width="294.70752"
+           height="25.496542"
+           x="249.50768"
+           y="321.51685"
+           style="font-size:15px" /></flowRegion><flowPara
+         id="flowPara4431-8"
+         style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:justify;text-anchor:start">Master, computerwetenschappen - software ontwikkeling, cum laude</flowPara></flowRoot>    <path
+       inkscape:connector-curvature="0"
+       id="path4274-7"
+       d="m 184.91649,226.09488 374.26151,0"
+       style="display:inline;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+  </g>
   <g
      inkscape:groupmode="layer"
      id="layer2"

src/app/app.component.scss

@@ -26,8 +26,8 @@
 }
 
 #topmenubuttons, #topname {
-  border-left: 1px solid black;
+  //border-left: 1px solid black;
-  border-right: 1px solid black;
+  //border-right: 1px solid black;
 }
 
 //this is the row below the name, will use this for styling
@@ -39,5 +39,5 @@
   font-size: 200%;
   border-bottom: 1px solid black;
   border-top: 1px solid black;
-  margin: 35px 0px 25px 30px;
+  margin: 35px 30px 25px 30px;
 }

src/app/components/cv/cv.component.html

@@ -1,29 +1,38 @@
-<div class="card">
+<div class="educationblock">
-  <div class="card-body">
+  <div class="blocktitle">Education</div>
-    <h6 class="card-title">Opleiding</h6>
+  <div class="blockcontent">
-    <div *ngFor="let educationItem of getEducationItems()" class="experience-card-body">
+    <div *ngFor="let educationItem of getEducationItems()" class="experience-item-block">
-      <img *ngIf="educationItem.iconName != null" src="{{educationItem.iconName}}" alt="..." class="img-thumbnail cv-item-thumbnail">
+      <div class="imgblock">
+        <img *ngIf="educationItem.iconName != null" src="{{educationItem.iconName}}" alt="..." class="img-thumbnail img-fluid cv-item-thumbnail">
+      </div>
       <div class="cvitem-text">
-        <div class="lead">
+        <div class="firstline">
-          {{educationItem.employer}}
+          <div class="lead">
+            {{educationItem.employer}}
+          </div>
+          <div class="font-italic">
+            {{educationItem.fromYear}} - {{educationItem.toYear}}
+          </div>
         </div>
         <div class="font-italic">
-          {{educationItem.fromYear}} - {{educationItem.toYear}}
+          {{educationItem.title}}
         </div>
         <div>
           {{educationItem.description}}
         </div>
-        <div>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 </div>
       </div>
     </div>
   </div>
 </div>
 
-<div class="card">
+
-  <div class="card-body">
+<div class="experienceblock">
-    <h6 class="card-title">Werkervaring</h6>
+  <div class="blocktitle">Experience</div>
-    <div *ngFor="let experienceItem of getExperienceItems()" class="experience-card-body">
+  <div class="blockcontent">
-      <img *ngIf="experienceItem.iconName != null" src="{{experienceItem.iconName}}" alt="..." class="img-thumbnail cv-item-thumbnail">
+    <div *ngFor="let experienceItem of getExperienceItems()" class="experience-item-block">
+      <div class="imgblock">
+        <img *ngIf="experienceItem.iconName != null" src="{{experienceItem.iconName}}" alt="..." class="img-thumbnail img-fluid cv-item-thumbnail">
+      </div>
       <div class="cvitem-text">
         <div class="lead">
           {{experienceItem.employer}}

src/app/components/cv/cv.component.scss

@@ -1,14 +1,56 @@
-.institution {
-  font-weight: bold;
-
-
-}
-
 .cv-item-thumbnail {
   width: 90px;
 }
 
-.experience-card-body {
+.blocktitle {
-  display: flex !important;
+  text-align: center;
-  align-items: flex-start;
+  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;
 }

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"),
     ];
   }
 

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;
 }

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;
+  }
 }