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

View File

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

View File

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

View File

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

View File

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

View File

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