From fc1e62821df98324108c820d0f58f7981b04e731 Mon Sep 17 00:00:00 2001
From: Joachim <joachim@nielandt.be>
Date: Tue, 15 May 2018 21:34:46 +0200
Subject: [PATCH] Added link to specific blog post in title.

---
 src/app/components/post/post.component.html |  2 +-
 src/app/components/post/post.component.scss |  4 ++++
 src/app/components/root/root.component.html |  2 +-
 src/app/components/root/root.component.ts   |  6 ++++--
 src/assets/post/first/full-en.html          | 13 +++++--------
 src/assets/post/first/full-nl.html          |  3 ++-
 6 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/app/components/post/post.component.html b/src/app/components/post/post.component.html
index ed4bc33..12bfb22 100644
--- a/src/app/components/post/post.component.html
+++ b/src/app/components/post/post.component.html
@@ -4,7 +4,7 @@
       {{post.created_timestamp | simpledate}}
     </div>
     <div class="post-title">
-      {{getPostTitle()}}
+      <a routerLink="../post/{{post.id}}">{{getPostTitle()}}</a>
     </div>
     <div class="post-tags">
       <div class="post-tag" *ngFor="let tag of post.tags">
diff --git a/src/app/components/post/post.component.scss b/src/app/components/post/post.component.scss
index 0360af2..45a656e 100644
--- a/src/app/components/post/post.component.scss
+++ b/src/app/components/post/post.component.scss
@@ -17,6 +17,10 @@
   flex-grow: 1;
   font-size: 200%;
   font-style: italic;
+
+  a {
+    color: #212529 !important;
+  }
 }
 
 .post-date {
diff --git a/src/app/components/root/root.component.html b/src/app/components/root/root.component.html
index 8003a94..3d31bd4 100644
--- a/src/app/components/root/root.component.html
+++ b/src/app/components/root/root.component.html
@@ -28,7 +28,7 @@
             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>
+                                                aria-hidden="true"></i></a>
         </div>
       </div>
     </div>
diff --git a/src/app/components/root/root.component.ts b/src/app/components/root/root.component.ts
index 8dcf772..ba732e6 100644
--- a/src/app/components/root/root.component.ts
+++ b/src/app/components/root/root.component.ts
@@ -64,9 +64,11 @@ export class RootComponent implements OnInit {
     } else if (this.router.url.endsWith('cv')) {
       this.pageType = 'Curriculum Vitae';
     } else if (this.router.url.endsWith('home')) {
-        this.pageType = 'Home';
+      this.pageType = 'Home';
+    } else if (this.router.url.endsWith('posts')) {
+      this.pageType = 'Blog';
     } else if (this.router.url.indexOf("post")!=-1) {
-        this.pageType = 'Blog';
+        this.pageType = 'Blog post';
     } else if (this.router.url.indexOf("contact")!=-1) {
         this.pageType = 'Contact';
     } else {
diff --git a/src/assets/post/first/full-en.html b/src/assets/post/first/full-en.html
index 9ad2508..6cb73d4 100644
--- a/src/assets/post/first/full-en.html
+++ b/src/assets/post/first/full-en.html
@@ -1,11 +1,8 @@
 <p>It's been on my mind for a while now to create an oldschool homepage. So, here it is. An homage to the old and
-  tried
-  Web 1.0, whoever thought static web pages were done and dusted is <em>wrong</em>! This will be a collection of some
-  technical things I want to remind myself about so I don't have to look them up again and again, miscellaneous
-  pictures
-  of projects (in-progress or done) or anything that comes to mind I'd like to share on something other than the usual
-  social media suspects.</p>
+  tried Web 1.0, whoever thought static web pages were done and dusted is <em>wrong</em>! This will be a collection of
+  some technical things I want to remind myself about so I don't have to look them up again and again, miscellaneous
+  pictures of projects (in-progress or done) or anything that comes to mind I'd like to share on something other than
+  the usual social media suspects.</p>
 
 <p>Besides, it's nice to have a minimalistic Angular2/Bootstrap playground to do some styling experiments. I'll
-  probably update
-  this thing once in a while. Maybe even use a database, wouldn't <em>that</em> be something...</p>
+  probably update this thing once in a while. Maybe even use a database, wouldn't <em>that</em> be something...</p>
diff --git a/src/assets/post/first/full-nl.html b/src/assets/post/first/full-nl.html
index c09727a..28d9dc1 100644
--- a/src/assets/post/first/full-nl.html
+++ b/src/assets/post/first/full-nl.html
@@ -8,4 +8,5 @@
 </p>
 
 <p>Trouwens, het is ook leuk om gewoon een minimalistische Angular2/Bootstrap speeltuin te hebben om wat experimenten op
-  uit te voeren. Dingen proberen, stijlen stelen, ... Ik zal dit ding waarschijnlijk wel af en toe een keer updaten. Misschien zelfs een database gebruiken, zou <em>dat</em> niet wat zijn...</p>
+  uit te voeren. Dingen proberen, stijlen stelen, ... Ik zal dit ding waarschijnlijk wel af en toe een keer updaten.
+  Misschien zelfs een database gebruiken, zou <em>dat</em> niet wat zijn...</p>