code reformat

new tab on contact click

css/about.css

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

css/contact.css

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

css/experience.css

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

css/general.css

@@ -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 */
     }
 }

css/projects.css

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

index.html

@@ -97,9 +97,11 @@
                     <li>Latex</li>
                     <li>OpenSCAD</li>
                 </ul>
-                <a href="rsc/curriculumvitaee.pdf" target="_blank"><div id="downloadcvbtn">
+                <a href="rsc/curriculumvitaee.pdf" target="_blank">
+                    <div id="downloadcvbtn">
                         Download Curriculum Vitae
-                </div></a>
+                    </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">
+                <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"><div id="githubsign" class="contactsign">
+                    </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"><div id="gitlabsign" class="contactsign">
+                    </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>
+                </a>
             </div>
         </div>
     </div>