Fixed typo`

src/app/app-routing.module.ts

@@ -5,6 +5,7 @@ import {PostsComponent} from './components/posts/posts.component';
 import {CvComponent} from './components/cv/cv.component';
 import {RootComponent} from './components/root/root.component';
 import {FullpostComponent} from './components/fullpost/fullpost.component';
+import {ContactComponent} from './components/contact/contact.component';
 
 const appRoutes: Routes = [
     {
@@ -14,6 +15,7 @@ const appRoutes: Routes = [
         {path: 'home', component: HomeComponent},
         {path: 'posts', component: PostsComponent},
         {path: 'cv', component: CvComponent},
+        {path: 'contact', component: ContactComponent},
         {path: 'post/:id', component: FullpostComponent},
         {path: '', redirectTo: 'home', pathMatch: 'full'},
         // {path: '*', redirectTo: 'home', pathMatch: 'full'}

src/app/components/contact/contact.component.html

@@ -1,3 +1,37 @@
-<p>
+<div id="maincontactblock">
-  contact works!
+  <div class="row">
-</p>
+    <div class="col-md-12">
+      <div class="workaddress contactblock">
+        <div class="row">
+          <div class="col-md-12 contactsubtitle">Work address</div>
+          <div class="col-md-6">Affiliation</div>
+          <div class="col-md-6">TELIN</div>
+          <div class="col-md-6">Street</div>
+          <div class="col-md-6">St.Pietersnieuwstraat 41</div>
+          <div class="col-md-6">City</div>
+          <div class="col-md-6">Ghent</div>
+          <div class="col-md-6">Postal code</div>
+          <div class="col-md-6">9000</div>
+        </div>
+      </div>
+    </div>
+
+    <div class="col-md-12">
+      <div class="platforms contactblock">
+        <div class="row">
+          <div class="col-md-12 contactsubtitle">Platforms</div>
+          <div class="col-md-12 icons">
+            <div class="btn-group mx-auto" role="group">
+              <a href="https://www.linkedin.com/in/joachim-nielandt-5a01ba12/">
+                <i class="fa fa-linkedin-square fa-3x" aria-hidden="true"></i>
+              </a>
+              <a href="https://www.flickr.com/photos/countzukula/">
+                <i class="fa fa-flickr fa-3x" aria-hidden="true"></i>
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

src/app/components/contact/contact.component.scss

@@ -0,0 +1,40 @@
+.contactsubtitle {
+  font-size: 140%;
+  text-align: center;
+  border-bottom: 1px solid darkgray;
+}
+
+.contactblock > div {
+  padding: 0px 45px;
+}
+
+.workaddress .col-md-6:nth-child(even) {
+  text-align: right;
+}
+
+.workaddress .col-md-6 {
+  padding: 0px 20px;
+}
+
+.platforms {
+  margin-top: 20px;
+
+  .icons {
+    text-align: center;
+    margin-top: 10px;
+
+    i.fa-linkedin-square {
+      color: #0084bf;
+    }
+
+    i.fa-flickr {
+      color: #ff0084;
+    }
+
+    a {
+      padding: 0px 3px;
+    }
+  }
+}
+
+

src/app/components/root/root.component.html

@@ -23,7 +23,9 @@
           <a routerLink="posts" (mouseout)="mouseOut('posts')" (mouseover)="mouseOver('Posts')"><i
             class="fa fa-sticky-note fa-fw  fa-2x" aria-hidden="true"></i></a>
           <a routerLink="cv" (mouseout)="mouseOut('cv')" (mouseover)="mouseOver('CV')"><i
-            class="fa fa-id-badge fa-fw fa-2x" aria-hidden="true"></i></a>
+            class="fa fa-heartbeat fa-fw fa-2x" aria-hidden="true"></i></a>
+          <a routerLink="contact" (mouseout)="mouseOut('contact')" (mouseover)="mouseOver('Contact')"><i
+            class="fa fa-address-card fa-fw fa-2x" aria-hidden="true"></i></a>
           <a (click)="toggleLanguage()" (mouseout)="mouseOut('lang')"
              (mouseover)="mouseOver('lang')"><i class="fa fa-language fa-fw fa-2x"
                                                             aria-hidden="true"></i></a>

src/app/components/root/root.component.ts

@@ -51,8 +51,6 @@ export class RootComponent implements OnInit {
 
     // do the first update for the page type
     this.updatePageType();
-
-
   }
 
   /**
@@ -62,13 +60,15 @@ export class RootComponent implements OnInit {
     // console.log('firing update page type');
     // console.log(this.router.url);
     if (this.router.url.endsWith('posts')) {
-      this.pageType = 'Posts';
+      this.pageType = 'Blog';
     } else if (this.router.url.endsWith('cv')) {
       this.pageType = 'Curriculum Vitae';
     } else if (this.router.url.endsWith('home')) {
         this.pageType = 'Home';
     } else if (this.router.url.indexOf("post")!=-1) {
         this.pageType = 'Post';
+    } else if (this.router.url.indexOf("contact")!=-1) {
+        this.pageType = 'Contact';
     } else {
       this.pageType = 'Joa did something wrong...';
     }

src/assets/post/phdpresentation/full-nl.html

@@ -1,10 +1,10 @@
-<p>Ik voelde me vrij goed op mijn publieke PhD verdediging, en dat was grotendeels te wijten aan de tijd en moeite die
+<p>Mijn publieke PhD verdediging ging relatief ok, of dat dacht ik toch, en dat was grotendeels te wijten aan de tijd en moeite die
   ik gestoken heb in de ontwikkeling van de presentatie. Om dat document niet kwijt te spelen, wat maar al te vaak
   gebeurt met zulke online one-shot digitale dingen, steek ik het gezwind in deze nieuwe website. Het zal dus altijd
   online te vinden zijn, zolang ik de hosting blijf betalen uiteraard.
 </p>
 
-<p>De presentatie heb ik gemaakt het de uitstekende javascript bibliotheek <a target="_blank"
+<p>De presentatie heb ik gemaakt met de uitstekende javascript bibliotheek <a target="_blank"
                                                                               href="https://impress.js.org/#/bored">impress.js</a>,
   wat de gebruiker toelaat om HTML inhoud gemakkelijke te manipuleren met pure CSS en javascript methodes. Voordat ik
   impress probeerde wist ik nog niet goed waar CSS allemaal toe in staat was, ik ben blij dat ik toch heb doorgezet en