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

Fixing up the top menu.

Browse Source
This commit is contained in:
Joachim Nielandt 2018-01-02 20:16:15 +01:00
parent 360ece9a7c
commit 668aa54641
2 changed files with 28 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/app.component.css
View File

@ -3,3 +3,21 @@
margin-left: auto; margin-left: auto;
margin-right: auto margin-right: auto
} }
#topname span {
font-size: 23pt
}
#topname #dot {
line-height: 20pt;
font-size: 50pt;
}
#topname #last {
font-size: 20pt;
}
#topname {
border-bottom: 1pt solid black;
margin-bottom: 9pt;
}

12
src/app/app.component.html
View File

@ -1,6 +1,12 @@
<!--this is bootstrap super container--> <!--this is bootstrap super container-->
<div class="container-fluid"> <div class="container-fluid">
<div class="row">
<div class="col-md-12 centercontents" id="topname">
<span class="display-1" id="first">Joachim</span><span id="dot">.</span><span id="last" class="display-1">Nielandt</span>
</div>
</div>
<!--the top menu... should be always visible, everywhere--> <!--the top menu... should be always visible, everywhere-->
<div class="row"> <div class="row">
<div class="col-md-12 centercontents" id="topmenubuttons"> <div class="col-md-12 centercontents" id="topmenubuttons">
@ -8,9 +14,9 @@
<!-- <button type="button" class="btn btn-secondary">Left</button> --> <!-- <button type="button" class="btn btn-secondary">Left</button> -->
<!-- <button type="button" class="btn btn-secondary">Middle</button> --> <!-- <button type="button" class="btn btn-secondary">Middle</button> -->
<!-- <button type="button" class="btn btn-secondary">Right</button> --> <!-- <button type="button" class="btn btn-secondary">Right</button> -->
<a routerLink="/home"><i class="fa fa-home fa-2x" aria-hidden="true"></i></a> <a routerLink="/home"><i class="text-secondary fa fa-home fa-fw fa-2x" aria-hidden="true"></i></a>
<a routerLink="/posts"><i class="fa fa-sticky-note fa-2x" aria-hidden="true"></i></a> <a routerLink="/posts"><i class="text-secondary fa fa-sticky-note fa-fw fa-2x" aria-hidden="true"></i></a>
<a routerLink="/cv"><i class="fa fa-user fa-2x" aria-hidden="true"></i></a> <a routerLink="/cv"><i class="text-secondary fa fa-id-badge fa-fw fa-2x" aria-hidden="true"></i></a>
</div> </div>
</div> </div>
<!--row--> <!--row-->