From ec5edb7237aa543ced0b5d03cf798d98f384b8c9 Mon Sep 17 00:00:00 2001
From: lukas
Date: Tue, 28 Apr 2020 11:01:25 +0200
Subject: [PATCH] more fancy list items cleanup in about.css
---
css/about.css | 50 ++++++++++++++++++++++++++++++++++----------------
index.html | 12 ++++++------
rsc/arrow.svg | 41 +++++++++++++++++++++++++++++++++++++++++
3 files changed, 81 insertions(+), 22 deletions(-)
create mode 100644 rsc/arrow.svg
diff --git a/css/about.css b/css/about.css
index 5c6c3fc..8a9d3de 100644
--- a/css/about.css
+++ b/css/about.css
@@ -5,6 +5,7 @@
* Copyright (c) 2020 Lukas Heiligenbrunner
*/
+/* ID selectors */
#section2 {
background-color: #deebff;
}
@@ -13,17 +14,6 @@
width: 100%;
}
-.aboutcontainer {
- width: 40%;
- float: left;
-}
-
-.aboutPicContainer {
- width: 60%;
- height: 300px;
- float: left;
-}
-
#aboutPic {
float: right;
margin-top: 10%;
@@ -32,10 +22,6 @@
height: 100%;
}
-.aboutcontainer a {
- text-decoration: none;
-}
-
#downloadcvbtn {
margin-top: 15%;
@@ -52,8 +38,40 @@
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 {
- /*background-color: #facf4d;*/
color: white;
background-color: #194378;
transition: all 500ms;
diff --git a/index.html b/index.html
index c746a42..c5bd2b3 100644
--- a/index.html
+++ b/index.html
@@ -100,12 +100,12 @@
- - C++
- - Java
- - Kotlin
- - HTML/CSS/JS
- - Latex
- - OpenSCAD
+ - C++
+ - Java
+ - Kotlin
+ - HTML/CSS/JS
+ - Latex
+ - OpenSCAD
diff --git a/rsc/arrow.svg b/rsc/arrow.svg
new file mode 100644
index 0000000..54ab0d9
--- /dev/null
+++ b/rsc/arrow.svg
@@ -0,0 +1,41 @@
+
+
+