code reformat

new tab on contact click
This commit is contained in:
lukas-heiligenbrunner 2020-03-20 15:28:22 +01:00
parent a7dbd27cdb
commit d237bd5d07
6 changed files with 44 additions and 32 deletions

View File

@ -5,9 +5,10 @@
* Copyright (c) 2020 Lukas Heiligenbrunner
*/
#section2{
#section2 {
background-color: #ffc107;
}
#aboutmeText {
width: 100%;
}
@ -31,10 +32,11 @@
height: 100%;
}
.aboutcontainer a{
.aboutcontainer a {
text-decoration: none;
}
#downloadcvbtn{
#downloadcvbtn {
margin-top: 15%;
width: 300px;
@ -50,7 +52,7 @@
transition: background-color 500ms;
}
#downloadcvbtn:hover{
#downloadcvbtn:hover {
/*background-color: #facf4d;*/
color: white;
background-color: #7f6721;

View File

@ -5,43 +5,44 @@
* Copyright (c) 2020 Lukas Heiligenbrunner
*/
#section5{
#section5 {
background-color: #dc3545;
}
.personalcontacts{
.personalcontacts {
margin-top: 60px;
}
.personalcontacts a{
.personalcontacts a {
text-decoration: none;
}
#githubsign{
#githubsign {
margin-top: 30px;
}
#emailsign{
#emailsign {
}
#gitlabsign{
#gitlabsign {
margin-top: 30px;
position: relative;
left: -6px;
}
.contactsign{
.contactsign {
width: 400px;
padding: 10px;
border-radius: 5mm;
font-size: larger;
color: white;
}
.contactsign:hover{
.contactsign:hover {
background-color: #972f38;
}
#section5{
#section5 {
height: 50%;
}

View File

@ -56,6 +56,7 @@
color: white;
border-radius: 5mm;;
}
/*!
* experience.css - https://heili.eu
* Licensed under the MIT license - http://opensource.org/licenses/MIT
@ -71,15 +72,15 @@
margin-top: 100px;
}
.experiencetitle{
.experiencetitle {
font-size: x-large;
}
.companyname{
.companyname {
color: aqua;
}
.experienceworktext{
.experienceworktext {
margin-top: 5mm;
font-size: large;
}

View File

@ -19,7 +19,7 @@ body, html, #maincontent {
min-height: 530px;
}
#backtotopbutton{
#backtotopbutton {
position: fixed;
bottom: 0;
right: 0;
@ -37,7 +37,7 @@ body, html, #maincontent {
text-align: center;
}
#backtotopbutton:hover{
#backtotopbutton:hover {
opacity: 1;
transition: opacity 500ms;
}
@ -65,7 +65,7 @@ body, html, #maincontent {
min-height: 300px;
}
#backtotopbutton{
#backtotopbutton {
display: none; /* hide scroll to top button on mobile devices */
}
}

View File

@ -5,6 +5,6 @@
* Copyright (c) 2020 Lukas Heiligenbrunner
*/
#section4{
#section4 {
background-color: #6c757d;
}

View File

@ -97,9 +97,11 @@
<li>Latex</li>
<li>OpenSCAD</li>
</ul>
<a href="rsc/curriculumvitaee.pdf" target="_blank"><div id="downloadcvbtn">
Download Curriculum Vitae
</div></a>
<a href="rsc/curriculumvitaee.pdf" target="_blank">
<div id="downloadcvbtn">
Download Curriculum Vitae
</div>
</a>
</div>
<div class="aboutPicContainer">
@ -202,15 +204,21 @@
<h1>Contact</h1>
<h3>I'd love to hear from You!</h3>
<div class="personalcontacts">
<a href="mailto:lukas.heiligenbrunner@gmail.com"><div id="emailsign" class="contactsign">
<span><img src="rsc/emailicon.png" height="32px"> &nbsp; lukas.heiligenbrunner@gmail.com</span>
</div></a>
<a href="https://github.com/lukas-heiligenbrunner"><div id="githubsign" class="contactsign">
<span><img src="rsc/GitHub-Mark-64px.png" height="32px"> &nbsp; github.com/Lukas-Heiligenbrunner</span>
</div></a>
<a href="https://gitlab.heili.eu/lukas"><div id="gitlabsign" class="contactsign">
<span><img src="rsc/gitlab-icon-black.png" height="40px"> gitlab.heili.eu/lukas</span>
</div></a>
<a href="mailto:lukas.heiligenbrunner@gmail.com" target="_blank">
<div id="emailsign" class="contactsign">
<span><img src="rsc/emailicon.png" height="32px"> &nbsp; lukas.heiligenbrunner@gmail.com</span>
</div>
</a>
<a href="https://github.com/lukas-heiligenbrunner" target="_blank">
<div id="githubsign" class="contactsign">
<span><img src="rsc/GitHub-Mark-64px.png" height="32px"> &nbsp; github.com/Lukas-Heiligenbrunner</span>
</div>
</a>
<a href="https://gitlab.heili.eu/lukas" target="_blank">
<div id="gitlabsign" class="contactsign">
<span><img src="rsc/gitlab-icon-black.png" height="40px"> gitlab.heili.eu/lukas</span>
</div>
</a>
</div>
</div>
</div>