more fancy list items

cleanup in about.css
This commit is contained in:
lukas 2020-04-28 11:01:25 +02:00
parent 2dfaf11b21
commit ec5edb7237
3 changed files with 81 additions and 22 deletions

View File

@ -5,6 +5,7 @@
* Copyright (c) 2020 Lukas Heiligenbrunner * Copyright (c) 2020 Lukas Heiligenbrunner
*/ */
/* ID selectors */
#section2 { #section2 {
background-color: #deebff; background-color: #deebff;
} }
@ -13,17 +14,6 @@
width: 100%; width: 100%;
} }
.aboutcontainer {
width: 40%;
float: left;
}
.aboutPicContainer {
width: 60%;
height: 300px;
float: left;
}
#aboutPic { #aboutPic {
float: right; float: right;
margin-top: 10%; margin-top: 10%;
@ -32,10 +22,6 @@
height: 100%; height: 100%;
} }
.aboutcontainer a {
text-decoration: none;
}
#downloadcvbtn { #downloadcvbtn {
margin-top: 15%; margin-top: 15%;
@ -52,8 +38,40 @@
transition: background-color 500ms; transition: background-color 500ms;
} }
/* CLASS selectors */
.aboutcontainer {
width: 40%;
float: left;
}
.aboutPicContainer {
width: 60%;
height: 300px;
float: left;
}
.aboutcontainer a {
text-decoration: none;
}
.arrowicon {
margin: 0;
padding: 7px 0 7px 20px;
list-style: none;
background-image: url("../rsc/arrow.svg");
background-repeat: no-repeat;
background-position: left center;
background-size: 20px;
}
/* HOVER selectors */
.arrowicon:hover {
background-color: #7a96c2;
border-radius: 3mm;
margin-left: 3mm;
}
#downloadcvbtn:hover { #downloadcvbtn:hover {
/*background-color: #facf4d;*/
color: white; color: white;
background-color: #194378; background-color: #194378;
transition: all 500ms; transition: all 500ms;

View File

@ -100,12 +100,12 @@
</p> </p>
<ul> <ul>
<li>C++</li> <li class="arrowicon">C++</li>
<li>Java</li> <li class="arrowicon">Java</li>
<li>Kotlin</li> <li class="arrowicon">Kotlin</li>
<li>HTML/CSS/JS</li> <li class="arrowicon">HTML/CSS/JS</li>
<li>Latex</li> <li class="arrowicon">Latex</li>
<li>OpenSCAD</li> <li class="arrowicon">OpenSCAD</li>
</ul> </ul>
<a href="rsc/curriculumvitaee.pdf" target="_blank"> <a href="rsc/curriculumvitaee.pdf" target="_blank">
<div id="downloadcvbtn"> <div id="downloadcvbtn">

41
rsc/arrow.svg Normal file
View File

@ -0,0 +1,41 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="451.846px" height="451.847px" viewBox="0 0 451.846 451.847" style="enable-background:new 0 0 451.846 451.847;"
xml:space="preserve">
<g>
<path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 896 B