samuel-p/samuel-philipp.de
samuel-p/samuel-philipp.de
1
0
Fork 0
Code Issues Pull requests 7 Releases Activity Actions

develop #149

Merged
samuel-p merged 118 commits from develop into main 2023-01-13 19:19:26 +00:00
Conversation 0 Commits 118 Files changed 36 +110 -103
5 changed files with 110 additions and 103 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit d73295ab3e - Show all commits

50
src/_data/i18n/de.json
View file

@ -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
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 228 KiB

BIN
src/img/photography.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 50 KiB

98
src/index.html
View file

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

65
src/scss/main.scss
View file

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