diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index 6b2222c..0fd49f0 100644 --- a/src/app/app-routing.module.ts +++ b/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'} diff --git a/src/app/components/contact/contact.component.html b/src/app/components/contact/contact.component.html index 0be0885..8f497ca 100644 --- a/src/app/components/contact/contact.component.html +++ b/src/app/components/contact/contact.component.html @@ -1,3 +1,37 @@ -

- contact works! -

+
+
+
+
+
+
Work address
+
Affiliation
+
TELIN
+
Street
+
St.Pietersnieuwstraat 41
+
City
+
Ghent
+
Postal code
+
9000
+
+
+
+ +
+
+
+
Platforms
+
+ +
+
+
+
+
+
diff --git a/src/app/components/contact/contact.component.scss b/src/app/components/contact/contact.component.scss index e69de29..8b91268 100644 --- a/src/app/components/contact/contact.component.scss +++ b/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; + } + } +} + + diff --git a/src/app/components/root/root.component.html b/src/app/components/root/root.component.html index 6a262f9..e5733c8 100644 --- a/src/app/components/root/root.component.html +++ b/src/app/components/root/root.component.html @@ -23,7 +23,9 @@ + class="fa fa-heartbeat fa-fw fa-2x" aria-hidden="true"> + diff --git a/src/app/components/root/root.component.ts b/src/app/components/root/root.component.ts index 5970fde..3e7cde8 100644 --- a/src/app/components/root/root.component.ts +++ b/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...'; } diff --git a/src/assets/post/phdpresentation/full-nl.html b/src/assets/post/phdpresentation/full-nl.html index 8c2dcb9..bf6dbea 100644 --- a/src/assets/post/phdpresentation/full-nl.html +++ b/src/assets/post/phdpresentation/full-nl.html @@ -1,10 +1,10 @@ -

Ik voelde me vrij goed op mijn publieke PhD verdediging, en dat was grotendeels te wijten aan de tijd en moeite die +

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.

-

De presentatie heb ik gemaakt het de uitstekende javascript bibliotheek De presentatie heb ik gemaakt met de uitstekende javascript bibliotheek impress.js, 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