diff --git a/src/de/about.html b/src/de/about.html new file mode 100644 index 0000000..03d9de2 --- /dev/null +++ b/src/de/about.html @@ -0,0 +1,149 @@ +--- +layout: base.njk +key: about +title: Über mich +eleventyNavigation: + key: about + title: Über mich + icon: user + order: 1 +--- +

Über mich

+ +

Mein Name ist Samuel Philipp und ich bin ein Software Engineer aus Magdeburg. tbd

+ +

Berufliche Laufbahn

+ +
+
+
+
+
+
Somewhere Technology
+
+
+ + + Jan 21 + +
+
+
+
+
+ Yo! +
+
+
+ +
+
+
+
+
Somewhere Else
+
+
+ + + Nov 24, 2013 + +
+
+
+
+
+ Nice theme . Excellent one . +
+
+
+ +
+
+
+
+
Other stuff
+
+
+ + + Oct 25, 2013 + +
+
+
+
+
+ Nullam porta leo vitae ipsum feugiat viverra. In sed placerat mi. Nullam euismod, quam in euismod + rhoncus, tellus velit posuere tortor, non cursus nunc velit et lacus. +
+
+
+
+ +

Akademische Laufbahn

+ +
+
+
+
+
+
Technology
+
+
+ + + Jan 21 + +
+
+
+
+
+ Yo! +
+
+
+ +
+
+
+
+
Labs
+
+
+ + + Nov 24, 2013 + +
+
+
+
+
+ Nice theme . Excellent one . +
+
+
+ +
+
+
+
+
Somewhere
+
+
+ + + Oct 25, 2013 + +
+
+
+
+
+ Nullam porta leo vitae ipsum feugiat viverra. In sed placerat mi. Nullam euismod, quam in euismod + rhoncus, tellus velit posuere tortor, non cursus nunc velit et lacus. +
+
+
+
diff --git a/src/scss/main.scss b/src/scss/main.scss index 7dadb3e..7d363c4 100644 --- a/src/scss/main.scss +++ b/src/scss/main.scss @@ -195,3 +195,132 @@ pre { height: 2em; } } + +// -------------------- about ------------------------- + +.qa-message-list { + padding-bottom: 1rem; +} + +.message-item { + margin-bottom: 25px; + margin-left: 40px; + position: relative; +} + +.message-item .message-inner { + background: #2b2b2b; + border: 1px solid #797979; + border-radius: 3px; + padding: 10px; + position: relative; +} + +.message-item .message-head { + border-bottom: 1px solid #656565; + margin-bottom: 8px; + padding-bottom: 8px; + color: #fff; +} + +.message-item .message-head .user-detail { + overflow: hidden; +} + +.message-item .message-head .user-detail h5 { + font-size: 16px; + font-weight: bold; + margin: 0; + color: #fff; +} + +.message-item .message-head .post-meta { + float: left; + padding: 0 15px 0 0; +} + +.message-item .message-head .post-meta > div { + color: #a5a5a5; + font-weight: bold; + text-align: right; +} + +.message-item::before { + background: #484848; + border-radius: 2px; + bottom: -30px; + box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); + content: ""; + height: 100%; + left: -30px; + position: absolute; + width: 3px; +} + +.message-item .message-inner::before { + border-right: 10px solid #5e5e5e; + border-right-style: solid; + border-right-width: 10px; + border-style: solid; + border-width: 10px; + color: rgba(0, 0, 0, 0); + content: ""; + display: block; + height: 0; + position: absolute; + left: -20px; + top: 6px; + width: 0; +} + +.clearfix::before, .clearfix::after { + content: " "; + display: table; +} + +.message-item .message-inner::after { + border-right: 10px solid #2b2b2b; + border-right-style: solid; + border-right-width: 10px; + border-style: solid; + border-width: 10px; + color: rgba(0, 0, 0, 0); + content: ""; + display: block; + height: 0; + position: absolute; + left: -18px; + top: 6px; + width: 0; +} + +.message-item::after { + background: #fea500; + border: 2px solid #fea500; + border-radius: 50%; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); + content: ""; + height: 15px; + left: -36px; + position: absolute; + top: 10px; + width: 15px; +} + +.clearfix::before, .clearfix::after { + content: " "; + display: table; +} + +.clearfix::after { + clear: both; +} + +.clearfix::before, .clearfix::after { + content: '\0020'; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +}