joachim/homepage
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fixed typo`

Browse Source
This commit is contained in:
Joachim Nielandt 2018-03-28 21:55:08 +02:00
parent a983f6425f
commit b86d33431a
6 changed files with 87 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/app-routing.module.ts
View File

@ -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'}

40
src/app/components/contact/contact.component.html
View File

@ -1,3 +1,37 @@
<p>
contact works!
</p>
<div id="maincontactblock">
<div class="row">
<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>

40
src/app/components/contact/contact.component.scss
View File

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

4
src/app/components/root/root.component.html
View File

@ -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>

6
src/app/components/root/root.component.ts
View File

@ -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...';
}

4
src/assets/post/phdpresentation/full-nl.html
View File

@ -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