major updates for german content
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
This commit is contained in:
parent
37efcb2075
commit
d73295ab3e
5 changed files with 110 additions and 103 deletions
|
|
@ -118,10 +118,10 @@
|
|||
"url": "https://sp-codes.de"
|
||||
},
|
||||
{
|
||||
"icon": "sp-codes.svg",
|
||||
"name": "Samuel's Blog",
|
||||
"description": "Wenn ich Zeit finde schreibe ich gelegentlich den ein oder anderen Artikel für meinen Blog.",
|
||||
"url": "https://samuels-blog.de"
|
||||
"icon": "samuel.png",
|
||||
"name": "Open Source",
|
||||
"description": "Wenn ich Zeit finde beteilige ich mich an Open Source Projekten oder schreibe gelegentlich den ein oder anderen Artikel dazu.",
|
||||
"url": ""
|
||||
},
|
||||
{
|
||||
"icon": "op.png",
|
||||
|
|
@ -177,17 +177,21 @@
|
|||
"percent": 40
|
||||
},
|
||||
{
|
||||
"name": "Elasticsearch",
|
||||
"percent": 40
|
||||
"name": "Git",
|
||||
"percent": 90
|
||||
},
|
||||
{
|
||||
"name": "Intellij IDEA",
|
||||
"percent": 90
|
||||
},
|
||||
{
|
||||
"name": "CI/CD",
|
||||
"percent": 90
|
||||
},
|
||||
{
|
||||
"name": "Spring Framework",
|
||||
"percent": 85
|
||||
},
|
||||
{
|
||||
"name": "Git",
|
||||
"percent": 90
|
||||
},
|
||||
{
|
||||
"name": "Angular",
|
||||
"percent": 80
|
||||
|
|
@ -197,12 +201,8 @@
|
|||
"percent": 75
|
||||
},
|
||||
{
|
||||
"name": "Intellij IDEA",
|
||||
"percent": 90
|
||||
},
|
||||
{
|
||||
"name": "CI/CD",
|
||||
"percent": 90
|
||||
"name": "Elasticsearch",
|
||||
"percent": 40
|
||||
},
|
||||
{
|
||||
"name": "Node.js",
|
||||
|
|
@ -214,27 +214,23 @@
|
|||
"title": "Interessen",
|
||||
"list": [
|
||||
{
|
||||
"image": "",
|
||||
"image": "softwerke",
|
||||
"name": "Softwerke Magdeburg e.V.",
|
||||
"description": "Mitglied",
|
||||
"url": ""
|
||||
"url": "https://softwerke.md/"
|
||||
},
|
||||
{
|
||||
"image": "",
|
||||
"image": "magic",
|
||||
"name": "Zauberkunst",
|
||||
"description": "",
|
||||
"url": "https://sp-magic.de"
|
||||
},
|
||||
{
|
||||
"image": "",
|
||||
"name": "Kraftsport",
|
||||
"description": "",
|
||||
"image": "sports",
|
||||
"name": "Kraftsport & Bouldern",
|
||||
"url": ""
|
||||
},
|
||||
{
|
||||
"image": "",
|
||||
"name": "Bouldern",
|
||||
"description": "",
|
||||
"image": "photography",
|
||||
"name": "Fotografie",
|
||||
"url": ""
|
||||
}
|
||||
]
|
||||
|
|
|
|||
BIN
src/img/dumbbell.jpg
Normal file
BIN
src/img/dumbbell.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 228 KiB |
BIN
src/img/photography.jpg
Normal file
BIN
src/img/photography.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
|
|
@ -48,12 +48,14 @@ title: {{site.title}}
|
|||
<h1>{{site.title}}</h1>
|
||||
<h3>{{site.subtitle}}</h3>
|
||||
<ul class="social-icons my-4">
|
||||
<li><a href="#"><i class="i-envelope i-2x i-fw"></i></a></li>
|
||||
<li><a href="#"><i class="i-matrix i-2x i-fw"></i></a></li>
|
||||
<li><a href="#"><i class="i-mastodon i-2x i-fw"></i></a></li>
|
||||
<li><a href="#"><i class="i-stackoverflow i-2x i-fw"></i></a></li>
|
||||
<li><a href="#"><i class="i-gitea i-2x i-fw"></i></a></li>
|
||||
<li><a href="#"><i class="i-github i-2x i-fw"></i></a></li>
|
||||
<li><a href="mailto:mail@samuel-philipp.de"><i class="i-envelope i-2x i-fw"></i></a></li>
|
||||
<li><a href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de"><i class="i-matrix i-2x i-fw"></i></a></li>
|
||||
<li><a href="https://social.sp-codes.de/@samuel_p"><i class="i-mastodon i-2x i-fw"></i></a></li>
|
||||
<li><a href="https://www.xing.com/profile/Samuel_Philipp"><i class="i-xing i-2x i-fw"></i></a></li>
|
||||
<li><a href="https://www.linkedin.com/in/samuel-philipp"><i class="i-linkedin i-2x i-fw"></i></a></li>
|
||||
<li><a href="https://git.sp-codes.de/samuel-p"><i class="i-gitea i-2x i-fw"></i></a></li>
|
||||
<li><a href="https://github.com/samuel-p"><i class="i-github i-2x i-fw"></i></a></li>
|
||||
<li><a href="https://stackoverflow.com/users/9662601/samuel-philipp"><i class="i-stackoverflow i-2x i-fw"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -86,13 +88,15 @@ title: {{site.title}}
|
|||
<div class="col-md-8">
|
||||
<h2>{{site.strings.about.hello}}</h2>
|
||||
<p>{{site.strings.about.text}}</p>
|
||||
<ul class="social-icons mt-4">
|
||||
<li><a href="#"><i class="i-envelope i-2x i-fw"></i></a></li>
|
||||
<li><a href="#"><i class="i-matrix i-2x i-fw"></i></a></li>
|
||||
<li><a href="#"><i class="i-mastodon i-2x i-fw"></i></a></li>
|
||||
<li><a href="#"><i class="i-stackoverflow i-2x i-fw"></i></a></li>
|
||||
<li><a href="#"><i class="i-gitea i-2x i-fw"></i></a></li>
|
||||
<li><a href="#"><i class="i-github i-2x i-fw"></i></a></li>
|
||||
<ul class="social-icons my-4">
|
||||
<li><a href="mailto:mail@samuel-philipp.de"><i class="i-envelope i-2x i-fw"></i></a></li>
|
||||
<li><a href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de"><i class="i-matrix i-2x i-fw"></i></a></li>
|
||||
<li><a href="https://social.sp-codes.de/@samuel_p"><i class="i-mastodon i-2x i-fw"></i></a></li>
|
||||
<li><a href="https://www.xing.com/profile/Samuel_Philipp"><i class="i-xing i-2x i-fw"></i></a></li>
|
||||
<li><a href="https://www.linkedin.com/in/samuel-philipp"><i class="i-linkedin i-2x i-fw"></i></a></li>
|
||||
<li><a href="https://git.sp-codes.de/samuel-p"><i class="i-gitea i-2x i-fw"></i></a></li>
|
||||
<li><a href="https://github.com/samuel-p"><i class="i-github i-2x i-fw"></i></a></li>
|
||||
<li><a href="https://stackoverflow.com/users/9662601/samuel-philipp"><i class="i-stackoverflow i-2x i-fw"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -231,10 +235,9 @@ title: {{site.title}}
|
|||
<div class="row">
|
||||
{%- for item in site.strings.interests.list %}
|
||||
<div class="col-md-3 text-center p-3">
|
||||
<a href="{{item.url}}" target="_blank" class="work" style="background-image: url(images/portfolio-1.jpg);">
|
||||
<a href="{{item.url}}" target="_blank" class="interest interest-{{item.image}}">
|
||||
<div class="desc">
|
||||
<h3>{{item.name}}</h3>
|
||||
<span>{{item.description}}</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -242,40 +245,37 @@ title: {{site.title}}
|
|||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="contact" class="p-0 d-flex">
|
||||
<div class="video" style="background-image: url(img/sp-magic.png);">
|
||||
<div class="overlay"></div>
|
||||
</div>
|
||||
<div class="choose">
|
||||
<h2 class="mb-5">{{site.strings.contact.title}}</h2>
|
||||
<form action="#">
|
||||
<div class="row mb-4">
|
||||
<div class="col-md-12">
|
||||
<input type="text" id="name" class="form-control" placeholder="Your name">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-4">
|
||||
<div class="col-md-12">
|
||||
<input type="text" id="email" class="form-control" placeholder="Your email address">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-4">
|
||||
<div class="col-md-12">
|
||||
<textarea name="message" id="message" cols="30" rows="5" class="form-control h-auto"
|
||||
placeholder="Say something about us"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-4">
|
||||
<div class="col-md-12">
|
||||
<input type="submit" value="Send Message" class="btn btn-primary">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
<!--<section id="contact" class="p-0 d-flex">-->
|
||||
<!-- <div class="video" style="background-image: url(img/sp-magic.png);">-->
|
||||
<!-- <div class="overlay"></div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="choose">-->
|
||||
<!-- <h2 class="mb-5">{{site.strings.contact.title}}</h2>-->
|
||||
<!-- <form action="#">-->
|
||||
<!-- <div class="row mb-4">-->
|
||||
<!-- <div class="col-md-12">-->
|
||||
<!-- <input type="text" id="name" class="form-control" placeholder="Your name">-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="row mb-4">-->
|
||||
<!-- <div class="col-md-12">-->
|
||||
<!-- <input type="text" id="email" class="form-control" placeholder="Your email address">-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="row mb-4">-->
|
||||
<!-- <div class="col-md-12">-->
|
||||
<!-- <textarea name="message" id="message" cols="30" rows="5" class="form-control h-auto"-->
|
||||
<!-- placeholder="Say something about us"></textarea>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="row mb-4">-->
|
||||
<!-- <div class="col-md-12">-->
|
||||
<!-- <input type="submit" value="Send Message" class="btn btn-primary">-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </form>-->
|
||||
<!-- </div>-->
|
||||
<!--</section>-->
|
||||
<footer id="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
$primary: #fea500;
|
||||
$primary: #843809;
|
||||
@import "bootstrap/scss/bootstrap";
|
||||
$icomoon-font-path: "../font";
|
||||
@import "icons/style";
|
||||
|
|
@ -26,7 +26,7 @@ header {
|
|||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: rgba(254, 165, 0, 0.9);
|
||||
background: rgba(132, 56, 9, 0.9);
|
||||
}
|
||||
|
||||
.profile-thumb {
|
||||
|
|
@ -392,7 +392,7 @@ section {
|
|||
}
|
||||
}
|
||||
|
||||
.work {
|
||||
.interest {
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
|
|
@ -405,48 +405,59 @@ section {
|
|||
text-decoration: none !important;
|
||||
color: #000;
|
||||
|
||||
&:hover {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.desc {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
height: 270px;
|
||||
background: #fff;
|
||||
opacity: 0;
|
||||
-webkit-transition: 0.3s;
|
||||
-o-transition: 0.3s;
|
||||
transition: 0.3s;
|
||||
padding: 20px;
|
||||
|
||||
h3 {
|
||||
font-size: 20px;
|
||||
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
|
||||
transition: transform 0.3s, opacity 0.3s;
|
||||
-webkit-transform: translate3d(0, -15px, 0);
|
||||
transform: translate3d(0, -15px, 0);
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
color: lighten(#000, 60%);
|
||||
font-size: 14px;
|
||||
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
|
||||
transition: transform 0.3s, opacity 0.3s;
|
||||
-webkit-transform: translate3d(0, 15px, 0);
|
||||
transform: translate3d(0, 15px, 0);
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
&.interest-softwerke {
|
||||
background-image: url(../img/sp-codes.png);
|
||||
|
||||
.desc {
|
||||
opacity: 1;
|
||||
vertical-align: top;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
&.interest-magic {
|
||||
background-image: url(../img/sp-magic.png);
|
||||
|
||||
span {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
.desc {
|
||||
vertical-align: bottom;
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
&.interest-sports {
|
||||
background-image: url(../img/dumbbell.jpg);
|
||||
|
||||
.desc {
|
||||
vertical-align: middle;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
&.interest-photography {
|
||||
background-image: url(../img/photography.jpg);
|
||||
|
||||
.desc {
|
||||
vertical-align: top;
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue